From 43de5c6c3715a9244eaf066d6969122978abc405 Mon Sep 17 00:00:00 2001 From: lubber-de Date: Thu, 15 Nov 2018 08:50:40 +0100 Subject: [PATCH 01/49] fix(placeholder): Respect a possible 'image icon' not occupying the same space as a real image should --- src/definitions/elements/placeholder.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/definitions/elements/placeholder.less b/src/definitions/elements/placeholder.less index 268a8da2af..a63fec668d 100644 --- a/src/definitions/elements/placeholder.less +++ b/src/definitions/elements/placeholder.less @@ -69,7 +69,7 @@ } /* Image */ -.ui.placeholder .image:not(.header):not(.ui) { +.ui.placeholder .image:not(.header):not(.ui):not(.icon) { height: @placeholderImageHeight; } .ui.placeholder .square.image:not(.header) { From 3393191193000082bb4a4b4fa466979e11107eb3 Mon Sep 17 00:00:00 2001 From: lubber-de Date: Thu, 15 Nov 2018 21:48:16 +0100 Subject: [PATCH 02/49] fix(dropdown): stop event on enterkey and multiple allowadditions to prevent form submission --- src/definitions/modules/dropdown.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index 88c9420b89..2f7200ca4e 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -1439,6 +1439,9 @@ $.fn.dropdown = function(parameters) { if(module.is.searchSelection()) { module.remove.searchTerm(); } + if(module.is.multiple()){ + event.preventDefault(); + } } // visible menu keyboard shortcuts From 86e88af6c34e70f32bcd658dbe450a05c72bebb0 Mon Sep 17 00:00:00 2001 From: lubber-de Date: Fri, 16 Nov 2018 00:39:29 +0100 Subject: [PATCH 03/49] fix(table): thead and tbody missed alignment inheritance --- src/definitions/collections/table.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index 5b129f08d8..9601175051 100755 --- a/src/definitions/collections/table.less +++ b/src/definitions/collections/table.less @@ -42,6 +42,11 @@ .ui.table:last-child { margin-bottom: 0em; } +.ui.table thead, +.ui.table tbody { + text-align: inherit; + vertical-align: inherit; +} /******************************* Parts From 4dcf0703994378c23c9fcafc0e4099f92b5abf6e Mon Sep 17 00:00:00 2001 From: lubber-de Date: Fri, 16 Nov 2018 00:57:22 +0100 Subject: [PATCH 04/49] fix(table): restore default vertical alignment --- src/definitions/collections/table.less | 1 + src/themes/default/collections/table.variables | 1 + 2 files changed, 2 insertions(+) diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index 9601175051..c3680dcbc9 100755 --- a/src/definitions/collections/table.less +++ b/src/definitions/collections/table.less @@ -31,6 +31,7 @@ box-shadow: @boxShadow; border-radius: @borderRadius; text-align: @textAlign; + vertical-align: @verticalAlign; color: @color; border-collapse: @borderCollapse; border-spacing: @borderSpacing; diff --git a/src/themes/default/collections/table.variables b/src/themes/default/collections/table.variables index 4abfa87255..d2db7df98f 100644 --- a/src/themes/default/collections/table.variables +++ b/src/themes/default/collections/table.variables @@ -22,6 +22,7 @@ @border: @borderWidth solid @borderColor; @boxShadow: none; @textAlign: left; +@verticalAlign: middle; /*-------------- Parts From e09dae736954e6e0b320e13a987f4b6632c0b507 Mon Sep 17 00:00:00 2001 From: Sean Date: Fri, 16 Nov 2018 12:22:22 +0000 Subject: [PATCH 05/49] style(readme): improve consistency Removed HTML to keep consistency across GitHub and package websites like npm and yarn. Also adds new jsDelivr badge. --- README.md | 33 ++++++++++++++++----------------- 1 file changed, 16 insertions(+), 17 deletions(-) diff --git a/README.md b/README.md index d0937f5aa1..0e8b327cb8 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,21 @@ +![Fomantic Logo](http://fomantic-ui.com/images/logo.png#128) -

- -

-

Fomantic UI

-

A community fork of the popular Semantic-UI framework

+# Fomantic UI +A community fork of the popular Semantic-UI framework -

- - - - -

+[![Discord Server](https://img.shields.io/discord/453127116427493376.svg?label=Discord)](https://discord.gg/YChxjJ3) +[![npm downloads](https://img.shields.io/npm/dw/fomantic-ui.svg?label=npm%20downloads)](https://www.npmjs.com/package/fomantic-ui) +[![npm version](https://img.shields.io/npm/v/fomantic-ui.svg)](https://www.npmjs.com/package/fomantic-ui) +[![last commit](https://img.shields.io/github/last-commit/hammy2899/fomantic-ui.svg)](https://github.com/fomantic/Fomantic-UI/commits/master) +[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/fomantic-ui/badge)](https://www.jsdelivr.com/package/npm/fomantic-ui) + +--- *NOTE:* Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues https://github.com/Semantic-Org/Semantic-UI/issues/6109 https://github.com/Semantic-Org/Semantic-UI/issues/6413 Fomantic allows developers to build beautiful websites fast, with **concise HTML**, **intuitive javascript**, and **simplified debugging**, helping make front-end development a delightful experience. Fomantic is responsively designed allowing your website to scale on multiple devices. -## :satellite: Installation +## 📡 Installation ```bash $ npm install fomantic-ui --save @@ -27,7 +26,7 @@ Fomantic UI includes an interactive installer to help setup your project. * For more details on setup visit our [getting started guide](http://fomantic-ui.com/introduction/getting-started.html). * To learn more about theming please read our [theming guide](http://fomantic-ui.com/usage/theming.html) -### :computer: Browser Support +### 💻 Browser Support * Last 2 Versions FF, Chrome, Safari Mac * IE 11+ @@ -37,20 +36,20 @@ Fomantic UI includes an interactive installer to help setup your project. Although some components will work in IE9, [grids](http://semantic-ui.com/collections/grid.html) and other [flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes) components are not supported by IE9 and may not appear correctly. -## :speech_balloon: Community +## 💬 Community -### :bulb: Getting Help +### 💡 Getting Help If you have a usage question please **do not post** post it to GitHub Issues. You can ask for usage help via our [Discord](https://discord.gg/YChxjJ3) server. Please only create Github issues for bug's and feature requests or any other related issue. -### :bug: Submitting Bugs and Enhancements +### 🐛 Submitting Bugs and Enhancements [GitHub Issues](https://github.com/fomantic/Fomantic-UI/issues) is for suggesting enhancements and reporting bugs. Before submiting a bug make sure you do the following: * Check to see if the issue has already been raised. * [Fork this boilerplate JSFiddle](https://jsfiddle.net/31d6y7mn) to create a test case for your bug. If a bug is apparent in the docs, that's ok as a test case, just make it clear exactly how to reproduce the issue. Only bugs that include a test case can be triaged. * If submitting an enhancement try and create it in the [JSFiddle](https://jsfiddle.net/31d6y7mn) if not it's fine but explain clearly what you want. -### :memo: Pull Requests +### 📝 Pull Requests Before creating a pull request be sure to read the [contributing](CONTRIBUTING.md) guide, this is where we explain everything you need to know about contributing to Fomantic-UI. From a83a7d4daf52ee529008d72e43c7ce90f92fdb84 Mon Sep 17 00:00:00 2001 From: Colin Frick Date: Fri, 16 Nov 2018 14:21:39 +0100 Subject: [PATCH 06/49] build: update to gulp4 Closes #112 --- gulpfile.js | 72 +- package-lock.json | 3133 ++++++++++++++------------- package.json | 48 +- tasks/admin/components/create.js | 67 +- tasks/admin/components/init.js | 1 - tasks/admin/components/update.js | 2 - tasks/admin/distributions/create.js | 47 +- tasks/admin/distributions/init.js | 1 - tasks/admin/distributions/update.js | 2 - tasks/admin/publish.js | 13 +- tasks/admin/release.js | 13 +- tasks/build.js | 41 +- tasks/build/assets.js | 74 +- tasks/build/css.js | 262 ++- tasks/build/javascript.js | 187 +- tasks/check-install.js | 29 +- tasks/clean.js | 4 +- tasks/collections/admin.js | 43 +- tasks/collections/build.js | 37 +- tasks/collections/docs.js | 23 + tasks/collections/install.js | 23 + tasks/collections/internal.js | 227 -- tasks/collections/rtl.js | 19 +- tasks/collections/various.js | 22 + tasks/config/admin/github.js | 2 +- tasks/config/npm/gulpfile.js | 64 +- tasks/docs/build.js | 197 +- tasks/docs/serve.js | 240 +- tasks/install.js | 641 +++--- tasks/rtl/build.js | 132 +- tasks/rtl/watch.js | 223 +- tasks/version.js | 1 + tasks/watch.js | 210 +- 33 files changed, 2753 insertions(+), 3347 deletions(-) create mode 100644 tasks/collections/docs.js create mode 100644 tasks/collections/install.js delete mode 100644 tasks/collections/internal.js create mode 100644 tasks/collections/various.js diff --git a/gulpfile.js b/gulpfile.js index 7b9c5894d4..47faffb826 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,84 +1,40 @@ /******************************* - Set-up -*******************************/ + * Set-up + *******************************/ var - gulp = require('gulp-help')(require('gulp')), + gulp = require('gulp-help')(require('gulp')), // read user config to know what task to load - config = require('./tasks/config/user'), - - // watch for file changes and build - watch = require('./tasks/watch'), - - // build all files - build = require('./tasks/build'), - buildJS = require('./tasks/build/javascript'), - buildCSS = require('./tasks/build/css'), - buildAssets = require('./tasks/build/assets'), - - // utility tasks - clean = require('./tasks/clean'), - version = require('./tasks/version'), - - // install tasks - install = require('./tasks/install'), - checkInstall = require('./tasks/check-install'), - - // docs tasks - serveDocs = require('./tasks/docs/serve'), - buildDocs = require('./tasks/docs/build'), - - // rtl - buildRTL = require('./tasks/rtl/build'), - watchRTL = require('./tasks/rtl/watch') + config = require('./tasks/config/user') ; /******************************* - Tasks -*******************************/ + * Tasks + *******************************/ -gulp.task('default', false, [ - 'check-install' -]); +require('./tasks/collections/build')(gulp); +require('./tasks/collections/various')(gulp); +require('./tasks/collections/install')(gulp); -gulp.task('watch', 'Watch for site/theme changes', watch); - -gulp.task('build', 'Builds all files from source', build); -gulp.task('build-javascript', 'Builds all javascript from source', buildJS); -gulp.task('build-css', 'Builds all css from source', buildCSS); -gulp.task('build-assets', 'Copies all assets from source', buildAssets); - -gulp.task('clean', 'Clean dist folder', clean); -gulp.task('version', 'Displays current version of Semantic', version); - -gulp.task('install', 'Runs set-up', install); -gulp.task('check-install', 'Displays current version of Semantic', checkInstall); +gulp.task('default', gulp.series('check-install')); /*-------------- Docs ---------------*/ -/* - Lets you serve files to a local documentation instance - https://github.com/Semantic-Org/Semantic-UI-Docs/ -*/ - -gulp.task('serve-docs', 'Serve file changes to SUI Docs', serveDocs); -gulp.task('build-docs', 'Build all files and add to SUI Docs', buildDocs); - +require('./tasks/collections/docs')(gulp); /*-------------- RTL ---------------*/ -if(config.rtl) { - gulp.task('watch-rtl', 'Watch files as RTL', watchRTL); - gulp.task('build-rtl', 'Build all files as RTL', buildRTL); +if (config.rtl) { + require('./tasks/collections/rtl')(gulp); } /* Admin Tasks */ -if(config.admin) { +if (config.admin) { require('./tasks/collections/admin')(gulp); } diff --git a/package-lock.json b/package-lock.json index fefd5a34a1..6cab119237 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,14 +4,42 @@ "lockfileVersion": 1, "requires": true, "dependencies": { - "@types/commander": { - "version": "2.12.2", - "resolved": "https://registry.npmjs.org/@types/commander/-/commander-2.12.2.tgz", - "integrity": "sha512-0QEFiR8ljcHp9bAbWxecjVRuAMr16ivPiGOw6KFQBVrVd0RQIcM3xKdRisH2EDWgVWujiYtHwhSkSUoAAGzH7Q==", + "@octokit/rest": { + "version": "14.0.9", + "resolved": "http://registry.npmjs.org/@octokit/rest/-/rest-14.0.9.tgz", + "integrity": "sha512-irP9phKfTXEZIcW2R+VNCtGHZJrXMWmSYp6RRfFn4BtAqtDRXF5z9JxCEQlAhNBf6X1koNi5k49tIAAAEJNlVQ==", + "dev": true, "requires": { - "commander": "*" + "before-after-hook": "^1.1.0", + "debug": "^3.1.0", + "is-array-buffer": "^1.0.0", + "is-stream": "^1.1.0", + "lodash": "^4.17.4", + "url-template": "^2.0.8" + }, + "dependencies": { + "debug": { + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", + "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", + "dev": true, + "requires": { + "ms": "^2.1.1" + } + }, + "ms": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", + "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", + "dev": true + } } }, + "@types/node": { + "version": "10.12.9", + "resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.9.tgz", + "integrity": "sha512-eajkMXG812/w3w4a1OcBlaTwsFPO5F7fJ/amy+tieQxEMWBlbV1JGSjkFM+zkHNf81Cad+dfIRA+IBkvmvdAeA==" + }, "@types/semver": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/@types/semver/-/semver-5.5.0.tgz", @@ -23,9 +51,9 @@ "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==" }, "accord": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/accord/-/accord-0.28.0.tgz", - "integrity": "sha512-sPF34gqHegaCSryKf5wHJ8wREK1dTZnHmC9hsB7D8xjntRdd30DXDPKf0YVIcSvnXJmcYu5SCvZRz28H++kFhQ==", + "version": "0.29.0", + "resolved": "https://registry.npmjs.org/accord/-/accord-0.29.0.tgz", + "integrity": "sha512-3OOR92FTc2p5/EcOzPcXp+Cbo+3C15nV9RXHlOUBCBpHhcB+0frbSNR9ehED/o7sTcyGVtqGJpguToEdlXhD0w==", "requires": { "convert-source-map": "^1.5.0", "glob": "^7.0.5", @@ -43,34 +71,28 @@ "when": "^3.7.8" }, "dependencies": { - "convert-source-map": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.6.0.tgz", - "integrity": "sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==", - "requires": { - "safe-buffer": "~5.1.1" - } - }, "lodash.defaults": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz", "integrity": "sha1-0JF4cW/+pN3p5ft7N/bwgCJ0WAw=" }, "semver": { - "version": "5.5.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz", - "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw==" + "version": "5.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", + "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==" } } }, "ajv": { - "version": "4.11.8", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-4.11.8.tgz", - "integrity": "sha1-gv+wKynmYq5TvcIK8VlHcGc5xTY=", + "version": "6.5.5", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.5.5.tgz", + "integrity": "sha512-7q7gtRQDJSyuEHjuVgHoUa2VuemFiCMrfQc9Tc08XTAc4Zj/5U1buQJ0HU6i7fKjXU09SVgSmxa4sLvuvS8Iyg==", "optional": true, "requires": { - "co": "^4.6.0", - "json-stable-stringify": "^1.0.1" + "fast-deep-equal": "^2.0.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" } }, "align-text": { @@ -95,7 +117,7 @@ }, "ansi-colors": { "version": "1.1.0", - "resolved": "http://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", "requires": { "ansi-wrap": "^0.1.0" @@ -151,95 +173,12 @@ "integrity": "sha1-1Vq5ciRMcaml4asIefML8RCAaVk=", "dev": true }, - "anymatch": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz", - "integrity": "sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==", + "append-buffer": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz", + "integrity": "sha1-2CIM9GYIFSXv6lBhTz3mUU36WPE=", "requires": { - "micromatch": "^2.1.5", - "normalize-path": "^2.0.0" - }, - "dependencies": { - "arr-diff": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz", - "integrity": "sha1-jzuCf5Vai9ZpaX5KQlasPOrjVs8=", - "requires": { - "arr-flatten": "^1.0.1" - } - }, - "array-unique": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz", - "integrity": "sha1-odl8yvy8JiXMcPrc6zalDFiwGlM=" - }, - "braces": { - "version": "1.8.5", - "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz", - "integrity": "sha1-uneWLhLf+WnWt2cR6RS3N4V79qc=", - "requires": { - "expand-range": "^1.8.1", - "preserve": "^0.2.0", - "repeat-element": "^1.1.2" - } - }, - "expand-brackets": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz", - "integrity": "sha1-3wcoTjQqgHzXM6xa9yQR5YHRF3s=", - "requires": { - "is-posix-bracket": "^0.1.0" - } - }, - "extglob": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz", - "integrity": "sha1-Lhj/PS9JqydlzskCPwEdqo2DSaE=", - "requires": { - "is-extglob": "^1.0.0" - } - }, - "is-extglob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", - "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=" - }, - "is-glob": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", - "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", - "requires": { - "is-extglob": "^1.0.0" - } - }, - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - }, - "micromatch": { - "version": "2.3.11", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz", - "integrity": "sha1-hmd8l9FyCzY0MdBNDRUpO9OMFWU=", - "requires": { - "arr-diff": "^2.0.0", - "array-unique": "^0.2.1", - "braces": "^1.8.2", - "expand-brackets": "^0.1.4", - "extglob": "^0.3.1", - "filename-regex": "^2.0.0", - "is-extglob": "^1.0.0", - "is-glob": "^2.0.1", - "kind-of": "^3.0.2", - "normalize-path": "^2.0.1", - "object.omit": "^2.0.0", - "parse-glob": "^3.0.4", - "regex-cache": "^0.4.2" - } - } + "buffer-equal": "^1.0.0" } }, "archy": { @@ -260,11 +199,27 @@ "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz", "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=" }, + "arr-filter": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/arr-filter/-/arr-filter-1.1.2.tgz", + "integrity": "sha1-Q/3d0JHo7xGqTEXZzcGOLf8XEe4=", + "requires": { + "make-iterator": "^1.0.0" + } + }, "arr-flatten": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz", "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==" }, + "arr-map": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/arr-map/-/arr-map-2.0.2.tgz", + "integrity": "sha1-Onc0X/wc814qkYJWAfnljy4kysQ=", + "requires": { + "make-iterator": "^1.0.0" + } + }, "arr-union": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz", @@ -280,16 +235,59 @@ "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz", "integrity": "sha1-p5SvDAWrF1KEbudTofIRoFugxE8=" }, - "array-find-index": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz", - "integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=" + "array-initial": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/array-initial/-/array-initial-1.1.0.tgz", + "integrity": "sha1-L6dLJnOTccOUe9enrcc74zSz15U=", + "requires": { + "array-slice": "^1.0.0", + "is-number": "^4.0.0" + }, + "dependencies": { + "is-number": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", + "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==" + } + } + }, + "array-last": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/array-last/-/array-last-1.3.0.tgz", + "integrity": "sha512-eOCut5rXlI6aCOS7Z7kCplKRKyiFQ6dHFBem4PwlwKeNFk2/XxTrhRh5T9PyaEWGy/NHTZWbY+nsZlNFJu9rYg==", + "requires": { + "is-number": "^4.0.0" + }, + "dependencies": { + "is-number": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", + "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==" + } + } }, "array-slice": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz", "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==" }, + "array-sort": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/array-sort/-/array-sort-1.0.0.tgz", + "integrity": "sha512-ihLeJkonmdiAsD7vpgN3CRcx2J2S0TiYW+IS/5zHBI7mKUq3ySvBdzzBfD236ubDBQFiiyG3SWCPc+msQ9KoYg==", + "requires": { + "default-compare": "^1.0.0", + "get-value": "^2.0.6", + "kind-of": "^5.0.2" + }, + "dependencies": { + "kind-of": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" + } + } + }, "array-union": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", @@ -324,10 +322,9 @@ } }, "assert-plus": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.2.0.tgz", - "integrity": "sha1-104bh+ev/A24qttwIfP+SBAasjQ=", - "optional": true + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", + "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=" }, "assign-symbols": { "version": "1.0.0", @@ -336,14 +333,40 @@ }, "async": { "version": "1.5.2", - "resolved": "http://registry.npmjs.org/async/-/async-1.5.2.tgz", + "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz", "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=" }, + "async-done": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/async-done/-/async-done-1.3.1.tgz", + "integrity": "sha512-R1BaUeJ4PMoLNJuk+0tLJgjmEqVsdN118+Z8O+alhnQDQgy0kmD5Mqi0DNEmMx2LM0Ed5yekKu+ZXYvIHceicg==", + "requires": { + "end-of-stream": "^1.1.0", + "once": "^1.3.2", + "process-nextick-args": "^1.0.7", + "stream-exhaust": "^1.0.1" + }, + "dependencies": { + "process-nextick-args": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz", + "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=" + } + } + }, "async-each": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.1.tgz", "integrity": "sha1-GdOGodntxufByF04iu28xW0zYC0=" }, + "async-settle": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/async-settle/-/async-settle-1.0.0.tgz", + "integrity": "sha1-HQqRS7Aldb7IqPOnTlCA9yssDGs=", + "requires": { + "async-done": "^1.2.2" + } + }, "asynckit": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", @@ -356,22 +379,65 @@ "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" }, "autoprefixer": { - "version": "7.2.6", - "resolved": "http://registry.npmjs.org/autoprefixer/-/autoprefixer-7.2.6.tgz", - "integrity": "sha512-Iq8TRIB+/9eQ8rbGhcP7ct5cYb/3qjNYAR2SnzLCEcwF6rvVOax8+9+fccgXk4bEhQGjOZd5TLhsksmAdsbGqQ==", + "version": "9.2.0", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.2.0.tgz", + "integrity": "sha512-OuxUyTvzRe9EvKyouPqfr8QUkQ0pH400NOFzI1LFINO8zwgJr7ZTybLql03P//LjR0iWile2lCoy2vRTRSFpMw==", "requires": { - "browserslist": "^2.11.3", - "caniuse-lite": "^1.0.30000805", + "browserslist": "^4.2.1", + "caniuse-lite": "^1.0.30000890", "normalize-range": "^0.1.2", "num2fraction": "^1.2.2", - "postcss": "^6.0.17", - "postcss-value-parser": "^3.2.3" + "postcss": "^7.0.5", + "postcss-value-parser": "^3.3.1" + }, + "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.1", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz", + "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "postcss": { + "version": "7.0.5", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.5.tgz", + "integrity": "sha512-HBNpviAUFCKvEh7NZhw1e8MBPivRszIiUnhrJ+sBFVSYSqubrzwX3KG51mYgcRHX8j/cAgZJedONZcm5jTBdgQ==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.5.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + }, + "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" + } + } } }, "aws-sign2": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.6.0.tgz", - "integrity": "sha1-FDQt0428yU0OW4fXY81jYSwOeU8=", + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz", + "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=", "optional": true }, "aws4": { @@ -380,6 +446,22 @@ "integrity": "sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==", "optional": true }, + "bach": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/bach/-/bach-1.2.0.tgz", + "integrity": "sha1-Szzpa/JxNPeaG0FKUcFONMO9mIA=", + "requires": { + "arr-filter": "^1.1.1", + "arr-flatten": "^1.0.1", + "arr-map": "^2.0.0", + "array-each": "^1.0.0", + "array-initial": "^1.0.0", + "array-last": "^1.1.1", + "async-done": "^1.2.2", + "async-settle": "^1.0.0", + "now-and-later": "^2.0.0" + } + }, "balanced-match": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", @@ -449,6 +531,12 @@ "resolved": "https://registry.npmjs.org/beeper/-/beeper-1.1.1.tgz", "integrity": "sha1-5tXqjF2tABMEpwsiY4RH9pyy+Ak=" }, + "before-after-hook": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-1.1.0.tgz", + "integrity": "sha512-VOMDtYPwLbIncTxNoSzRyvaMxtXmLWLUqr8k5AfC1BzLk34HvBXaQX8snOwQZ4c0aX8aSERqtJSiI9/m2u5kuA==", + "dev": true + }, "better-console": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/better-console/-/better-console-1.0.1.tgz", @@ -464,17 +552,9 @@ "integrity": "sha512-DYWGk01lDcxeS/K9IHPGWfT8PsJmbXRtRd2Sx72Tnb8pcYZQFF1oSDb8hJtS1vhp212q1Rzi5dUf9+nq0o9UIg==" }, "binaryextensions": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/binaryextensions/-/binaryextensions-1.0.1.tgz", - "integrity": "sha1-HmN0iLNbWL2l9HdL+WpSEqjJB1U=" - }, - "boom": { - "version": "2.10.1", - "resolved": "https://registry.npmjs.org/boom/-/boom-2.10.1.tgz", - "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=", - "requires": { - "hoek": "2.x.x" - } + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/binaryextensions/-/binaryextensions-2.1.1.tgz", + "integrity": "sha512-XBaoWE9RW8pPdPQNibZsW2zh8TW6gcarXp1FZPwT8Uop8ScSNldJEWf2k9l3HeTqdrEwsOsFcq74RiJECW34yA==" }, "brace-expansion": { "version": "1.1.11", @@ -513,14 +593,25 @@ } }, "browserslist": { - "version": "2.11.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-2.11.3.tgz", - "integrity": "sha512-yWu5cXT7Av6mVwzWc8lMsJMHWn4xyjSuGYi4IozbVTLUOEYPSagUB8kiMDUHA1fS3zjr8nkxkn9jdvug4BBRmA==", + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.2.1.tgz", + "integrity": "sha512-1oO0c7Zhejwd+LXihS89WqtKionSbz298rJZKJgfrHIZhrV8AC15gw553VcB0lcEugja7IhWD7iAlrsamfYVPA==", "requires": { - "caniuse-lite": "^1.0.30000792", - "electron-to-chromium": "^1.3.30" + "caniuse-lite": "^1.0.30000890", + "electron-to-chromium": "^1.3.79", + "node-releases": "^1.0.0-alpha.14" } }, + "buffer-equal": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.0.tgz", + "integrity": "sha1-WWFrSYME1Var1GaWayLu2j7KX74=" + }, + "buffer-from": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz", + "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==" + }, "builtin-modules": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-1.1.1.tgz", @@ -542,24 +633,10 @@ "unset-value": "^1.0.0" } }, - "camelcase": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-2.1.1.tgz", - "integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=" - }, - "camelcase-keys": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz", - "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=", - "requires": { - "camelcase": "^2.0.0", - "map-obj": "^1.0.0" - } - }, "caniuse-lite": { - "version": "1.0.30000888", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000888.tgz", - "integrity": "sha512-vftg+5p/lPsQGpnhSo/yBuYL36ai/cyjLvU3dOPJY1kkKrekLWIy8SLm+wzjX0hpCUdFTasC4/ZT7uqw4rKOnQ==" + "version": "1.0.30000892", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000892.tgz", + "integrity": "sha512-X9rxMaWZNbJB5qjkDqPtNv/yfViTeUL6ILk0QJNxLV3OhKC5Acn5vxsuUvllR6B48mog8lmS+whwHq/QIYSL9w==" }, "caseless": { "version": "0.12.0", @@ -578,7 +655,7 @@ }, "chalk": { "version": "1.1.3", - "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "requires": { "ansi-styles": "^2.2.1", @@ -593,45 +670,6 @@ "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.4.2.tgz", "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=" }, - "chokidar": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-1.7.0.tgz", - "integrity": "sha1-eY5ol3gVHIB2tLNg5e3SjNortGg=", - "requires": { - "anymatch": "^1.3.0", - "async-each": "^1.0.0", - "fsevents": "^1.0.0", - "glob-parent": "^2.0.0", - "inherits": "^2.0.1", - "is-binary-path": "^1.0.0", - "is-glob": "^2.0.0", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.0.0" - }, - "dependencies": { - "glob-parent": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz", - "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=", - "requires": { - "is-glob": "^2.0.0" - } - }, - "is-extglob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", - "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=" - }, - "is-glob": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", - "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", - "requires": { - "is-extglob": "^1.0.0" - } - } - } - }, "class-utils": { "version": "0.3.6", "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", @@ -690,13 +728,33 @@ "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=" }, "cliui": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz", - "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=", + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", + "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=", "requires": { - "center-align": "^0.1.1", - "right-align": "^0.1.1", - "wordwrap": "0.0.2" + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1", + "wrap-ansi": "^2.0.0" + }, + "dependencies": { + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + } } }, "clone": { @@ -731,7 +789,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "~1.0.0", @@ -753,11 +811,20 @@ } } }, - "co": { - "version": "4.6.0", - "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz", - "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=", - "optional": true + "code-point-at": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz", + "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=" + }, + "collection-map": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/collection-map/-/collection-map-1.0.0.tgz", + "integrity": "sha1-rqDwb40mx4DCt1SUOFVEsiVa8Yw=", + "requires": { + "arr-map": "^2.0.2", + "for-own": "^1.0.0", + "make-iterator": "^1.0.0" + } }, "collection-visit": { "version": "1.0.0", @@ -800,9 +867,9 @@ } }, "commander": { - "version": "2.18.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.18.0.tgz", - "integrity": "sha512-6CYPa+JP2ftfRU2qkDK+UTVeQYosOg/2GbcjIcKPHfinyOLPVGXu/ovN86RP49Re5ndJK1N0kuiidFFuepc4ZQ==" + "version": "2.19.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.19.0.tgz", + "integrity": "sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg==" }, "component-emitter": { "version": "1.2.1", @@ -814,6 +881,46 @@ "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" }, + "concat-stream": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz", + "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", + "requires": { + "buffer-from": "^1.0.0", + "inherits": "^2.0.3", + "readable-stream": "^2.2.2", + "typedarray": "^0.0.6" + }, + "dependencies": { + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" + }, + "readable-stream": { + "version": "2.3.6", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", + "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" + } + }, + "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==", + "requires": { + "safe-buffer": "~5.1.0" + } + } + } + }, "concat-with-sourcemaps": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz", @@ -839,29 +946,32 @@ } }, "convert-source-map": { - "version": "0.3.5", - "resolved": "http://registry.npmjs.org/convert-source-map/-/convert-source-map-0.3.5.tgz", - "integrity": "sha1-8dgClQr33SYxof6+BZZVDIarMZA=" - }, + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.6.0.tgz", + "integrity": "sha512-eFu7XigvxdZ1ETfbgPBohgyQ/Z++C0eEhTor0qRwBw9unw+L0/6V8wkSuGgzdThkiS5lSpdptOQPD8Ak40a+7A==", + "requires": { + "safe-buffer": "~5.1.1" + } + }, "copy-descriptor": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz", "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=" }, + "copy-props": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/copy-props/-/copy-props-2.0.4.tgz", + "integrity": "sha512-7cjuUME+p+S3HZlbllgsn2CDwS+5eCCX16qBgNC4jgSTf49qR1VKy/Zhl400m0IQXl/bPGEVqncgUUMjrr4s8A==", + "requires": { + "each-props": "^1.3.0", + "is-plain-object": "^2.0.1" + } + }, "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=" }, - "cryptiles": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/cryptiles/-/cryptiles-2.0.5.tgz", - "integrity": "sha1-O9/s3GCBR8HGcgL6KR59ylnqo7g=", - "optional": true, - "requires": { - "boom": "2.x.x" - } - }, "css": { "version": "2.2.4", "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz", @@ -880,12 +990,12 @@ } } }, - "currently-unhandled": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz", - "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=", + "d": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/d/-/d-1.0.0.tgz", + "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=", "requires": { - "array-find-index": "^1.0.1" + "es5-ext": "^0.10.9" } }, "dashdash": { @@ -895,14 +1005,6 @@ "optional": true, "requires": { "assert-plus": "^1.0.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "optional": true - } } }, "dateformat": { @@ -937,16 +1039,43 @@ } }, "deepmerge": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.1.1.tgz", - "integrity": "sha512-urQxA1smbLZ2cBbXbaYObM1dJ82aJ2H57A1C/Kklfh/ZN1bgH4G/n5KWhdNfOK11W98gqZfyYj7W4frJJRwA2w==" + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz", + "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==" }, - "defaults": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz", - "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=", + "default-compare": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/default-compare/-/default-compare-1.0.0.tgz", + "integrity": "sha512-QWfXlM0EkAbqOCbD/6HjdwT19j7WCkMyiRhWilc4H9/5h/RzTF9gv5LYh1+CmDV5d1rki6KAWLtQale0xt20eQ==", + "requires": { + "kind-of": "^5.0.2" + }, + "dependencies": { + "kind-of": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz", + "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==" + } + } + }, + "default-resolution": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/default-resolution/-/default-resolution-2.0.0.tgz", + "integrity": "sha1-vLgrqnKtebQmp2cy8aga1t8m1oQ=" + }, + "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==", "requires": { - "clone": "^1.0.2" + "object-keys": "^1.0.12" + }, + "dependencies": { + "object-keys": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.12.tgz", + "integrity": "sha512-FTMyFUm2wBcGHnH2eXmz7tC6IwlqQZ6mVZ+6dm6vZ4IQIHjs6FdNsQBuKGPuUUUY6NfJw2PshC08Tn6LzLDOag==" + } } }, "define-property": { @@ -1004,11 +1133,6 @@ "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=" }, - "deprecated": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/deprecated/-/deprecated-0.0.1.tgz", - "integrity": "sha1-+cmvVGSvoeepcUWKi97yqpTVuxk=" - }, "detect-file": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz", @@ -1026,7 +1150,7 @@ }, "duplexer": { "version": "0.1.1", - "resolved": "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", + "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=" }, "duplexer2": { @@ -1063,7 +1187,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "~1.0.0", @@ -1085,6 +1209,15 @@ } } }, + "each-props": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/each-props/-/each-props-1.3.2.tgz", + "integrity": "sha512-vV0Hem3zAGkJAyU7JSjixeU66rwdynTAa1vofCrSA5fEln+m67Az9CcnkVD776/fsN/UjIWmBDoNRS6t6G9RfA==", + "requires": { + "is-plain-object": "^2.0.1", + "object.defaults": "^1.1.0" + } + }, "ecc-jsbn": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", @@ -1095,56 +1228,42 @@ "safer-buffer": "^2.1.0" } }, + "editions": { + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/editions/-/editions-1.3.4.tgz", + "integrity": "sha512-gzao+mxnYDzIysXKMQi/+M1mjy/rjestjg6OPoYTtI+3Izp23oiGZitsl9lPDPiTGXbcSIk1iJWhliSaglxnUg==" + }, "editorconfig": { - "version": "0.15.0", - "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.0.tgz", - "integrity": "sha512-j7JBoj/bpNzvoTQylfRZSc85MlLNKWQiq5y6gwKhmqD2h1eZ+tH4AXbkhEJD468gjDna/XMx2YtSkCxBRX9OGg==", - "requires": { - "@types/commander": "^2.11.0", - "@types/semver": "^5.4.0", - "commander": "^2.11.0", - "lru-cache": "^4.1.1", - "semver": "^5.4.1", + "version": "0.15.2", + "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.2.tgz", + "integrity": "sha512-GWjSI19PVJAM9IZRGOS+YKI8LN+/sjkSjNyvxL5ucqP9/IqtYNXBaQ/6c/hkPNYQHyOHra2KoXZI/JVpuqwmcQ==", + "requires": { + "@types/node": "^10.11.7", + "@types/semver": "^5.5.0", + "commander": "^2.19.0", + "lru-cache": "^4.1.3", + "semver": "^5.6.0", "sigmund": "^1.0.1" }, "dependencies": { - "lru-cache": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz", - "integrity": "sha512-fFEhvcgzuIoJVUF8fYr5KR0YqxD238zgObTps31YdADwPPAp82a4M8TrckkWyx7ekNlf9aBcVn81cFwwXngrJA==", - "requires": { - "pseudomap": "^1.0.2", - "yallist": "^2.1.2" - } - }, "semver": { - "version": "5.5.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz", - "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw==" + "version": "5.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", + "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==" } } }, "electron-to-chromium": { - "version": "1.3.73", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.73.tgz", - "integrity": "sha512-6PIg7v9zRoVGh6EheRF8h6Plti+3Yo/qtHobS4/Htyt53DNHmKKGFqSae1AIk0k1S4gCQvt7I2WgpbuZNcDY+g==" + "version": "1.3.79", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.79.tgz", + "integrity": "sha512-LQdY3j4PxuUl6xfxiFruTSlCniTrTrzAd8/HfsLEMi0PUpaQ0Iy+Pr4N4VllDYjs0Hyu2lkTbvzqlG+PX9NsNw==" }, "end-of-stream": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-0.1.5.tgz", - "integrity": "sha1-jhdyBsPICDfYVjLouTWd/osvbq8=", + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", + "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==", "requires": { - "once": "~1.3.0" - }, - "dependencies": { - "once": { - "version": "1.3.3", - "resolved": "https://registry.npmjs.org/once/-/once-1.3.3.tgz", - "integrity": "sha1-suJhVXzkwxTsgwTz+oJmPkKXyiA=", - "requires": { - "wrappy": "1" - } - } + "once": "^1.4.0" } }, "errno": { @@ -1164,6 +1283,46 @@ "is-arrayish": "^0.2.1" } }, + "es5-ext": { + "version": "0.10.46", + "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.46.tgz", + "integrity": "sha512-24XxRvJXNFwEMpJb3nOkiRJKRoupmjYmOPVlI65Qy2SrtxwOTB+g6ODjBKOtwEHbYrhWRty9xxOWLNdClT2djw==", + "requires": { + "es6-iterator": "~2.0.3", + "es6-symbol": "~3.1.1", + "next-tick": "1" + } + }, + "es6-iterator": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz", + "integrity": "sha1-p96IkUGgWpSwhUQDstCg+/qY87c=", + "requires": { + "d": "1", + "es5-ext": "^0.10.35", + "es6-symbol": "^3.1.1" + } + }, + "es6-symbol": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.1.tgz", + "integrity": "sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc=", + "requires": { + "d": "1", + "es5-ext": "~0.10.14" + } + }, + "es6-weak-map": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.2.tgz", + "integrity": "sha1-XjqzIlH/0VOKH45f+hNXdy+S2W8=", + "requires": { + "d": "1", + "es5-ext": "^0.10.14", + "es6-iterator": "^2.0.1", + "es6-symbol": "^3.1.1" + } + }, "escape-string-regexp": { "version": "1.0.5", "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", @@ -1222,57 +1381,6 @@ } } }, - "expand-range": { - "version": "1.8.2", - "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz", - "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=", - "requires": { - "fill-range": "^2.1.0" - }, - "dependencies": { - "fill-range": { - "version": "2.2.4", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.4.tgz", - "integrity": "sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==", - "requires": { - "is-number": "^2.1.0", - "isobject": "^2.0.0", - "randomatic": "^3.0.0", - "repeat-element": "^1.1.2", - "repeat-string": "^1.5.2" - } - }, - "is-number": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz", - "integrity": "sha1-Afy7s5NGOlSPL0ZszhbezknbkI8=", - "requires": { - "kind-of": "^3.0.2" - } - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "isobject": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz", - "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=", - "requires": { - "isarray": "1.0.0" - } - }, - "kind-of": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", - "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", - "requires": { - "is-buffer": "^1.1.5" - } - } - } - }, "expand-tilde": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz", @@ -1307,7 +1415,7 @@ }, "external-editor": { "version": "2.2.0", - "resolved": "http://registry.npmjs.org/external-editor/-/external-editor-2.2.0.tgz", + "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-2.2.0.tgz", "integrity": "sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==", "requires": { "chardet": "^0.4.0", @@ -1389,6 +1497,18 @@ "time-stamp": "^1.0.0" } }, + "fast-deep-equal": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz", + "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=", + "optional": true + }, + "fast-json-stable-stringify": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz", + "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I=", + "optional": true + }, "figures": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz", @@ -1397,11 +1517,6 @@ "escape-string-regexp": "^1.0.5" } }, - "filename-regex": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz", - "integrity": "sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=" - }, "fill-range": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", @@ -1423,11 +1538,6 @@ } } }, - "find-index": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/find-index/-/find-index-0.1.1.tgz", - "integrity": "sha1-Z101iyyjiS15Whq0cjL4tuLg3eQ=" - }, "find-up": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", @@ -1453,7 +1563,7 @@ }, "commander": { "version": "2.1.0", - "resolved": "http://registry.npmjs.org/commander/-/commander-2.1.0.tgz", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.1.0.tgz", "integrity": "sha1-0SG7roYNmZKj1Re6lvVliOR8Z4E=" } } @@ -1467,6 +1577,16 @@ "is-glob": "^3.1.0", "micromatch": "^3.0.4", "resolve-dir": "^1.0.1" + }, + "dependencies": { + "is-glob": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "requires": { + "is-extglob": "^2.1.0" + } + } } }, "fined": { @@ -1481,16 +1601,49 @@ "parse-filepath": "^1.0.1" } }, - "first-chunk-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/first-chunk-stream/-/first-chunk-stream-1.0.0.tgz", - "integrity": "sha1-Wb+1DNkF9g18OUzT2ayqtOatk04=" - }, "flagged-respawn": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-1.0.0.tgz", "integrity": "sha1-Tnmumy6zi/hrO7Vr8+ClaqX8q9c=" }, + "flush-write-stream": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/flush-write-stream/-/flush-write-stream-1.0.3.tgz", + "integrity": "sha512-calZMC10u0FMUqoiunI2AiGIIUtUIvifNwkHhNupZH4cbNnW1Itkoh/Nf5HFYmDrwWPjrUxpkZT0KhuCq0jmGw==", + "requires": { + "inherits": "^2.0.1", + "readable-stream": "^2.0.4" + }, + "dependencies": { + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" + }, + "readable-stream": { + "version": "2.3.6", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", + "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" + } + }, + "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==", + "requires": { + "safe-buffer": "~5.1.0" + } + } + } + }, "for-in": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz", @@ -1516,13 +1669,13 @@ "integrity": "sha1-24Sfznf2cIpfjzhq5TOgkHtUrnA=" }, "form-data": { - "version": "2.1.4", - "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.1.4.tgz", - "integrity": "sha1-M8GDrPGTJ27KqYFDpp6Uv+4XUNE=", + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", + "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", "optional": true, "requires": { "asynckit": "^0.4.0", - "combined-stream": "^1.0.5", + "combined-stream": "^1.0.6", "mime-types": "^2.1.12" } }, @@ -1539,6 +1692,15 @@ "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz", "integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4=" }, + "fs-mkdirp-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-1.0.0.tgz", + "integrity": "sha1-C3gV/DIBxqaeFNuYzgmMFpNSWes=", + "requires": { + "graceful-fs": "^4.1.11", + "through2": "^2.0.3" + } + }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", @@ -2020,13 +2182,15 @@ } } }, - "gaze": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/gaze/-/gaze-0.5.2.tgz", - "integrity": "sha1-QLcJU30k0dRXZ9takIaJ3+aaxE8=", - "requires": { - "globule": "~0.1.0" - } + "function-bind": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz", + "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==" + }, + "get-caller-file": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz", + "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==" }, "get-imports": { "version": "1.0.0", @@ -2043,11 +2207,6 @@ "integrity": "sha512-TtY/sbOemiMKPRUDDanGCSgBYe7Mf0vbRsWnBZ+9yghpZ1MvcpSpuZFjHdEeY/LZjZy0vdLjS77L6HosisFiug==", "dev": true }, - "get-stdin": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-4.0.1.tgz", - "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=" - }, "get-value": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz", @@ -2060,22 +2219,8 @@ "optional": true, "requires": { "assert-plus": "^1.0.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "optional": true - } } }, - "github": { - "version": "14.0.0", - "resolved": "https://registry.npmjs.org/github/-/github-14.0.0.tgz", - "integrity": "sha512-34/VqwhYGeYN0VHBSH49TmRWMF7emy32qjK6POiW47T/QI2u/cpuKsmrWt7a218ew/73dF4dQSJE68/HXdNfPw==", - "dev": true - }, "glob": { "version": "7.1.3", "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", @@ -2089,38 +2234,6 @@ "path-is-absolute": "^1.0.0" } }, - "glob-base": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz", - "integrity": "sha1-27Fk9iIbHAscz4Kuoyi0l98Oo8Q=", - "requires": { - "glob-parent": "^2.0.0", - "is-glob": "^2.0.0" - }, - "dependencies": { - "glob-parent": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz", - "integrity": "sha1-gTg9ctsFT8zPUzbaqQLxgvbtuyg=", - "requires": { - "is-glob": "^2.0.0" - } - }, - "is-extglob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", - "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=" - }, - "is-glob": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", - "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", - "requires": { - "is-extglob": "^1.0.0" - } - } - } - }, "glob-parent": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", @@ -2128,76 +2241,112 @@ "requires": { "is-glob": "^3.1.0", "path-dirname": "^1.0.0" + }, + "dependencies": { + "is-glob": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", + "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "requires": { + "is-extglob": "^2.1.0" + } + } } }, "glob-stream": { - "version": "3.1.18", - "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-3.1.18.tgz", - "integrity": "sha1-kXCl8St5Awb9/lmPMT+PeVT9FDs=", - "requires": { - "glob": "^4.3.1", - "glob2base": "^0.0.12", - "minimatch": "^2.0.1", - "ordered-read-streams": "^0.1.0", - "through2": "^0.6.1", - "unique-stream": "^1.0.0" + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-6.1.0.tgz", + "integrity": "sha1-cEXJlBOz65SIjYOrRtC0BMx73eQ=", + "requires": { + "extend": "^3.0.0", + "glob": "^7.1.1", + "glob-parent": "^3.1.0", + "is-negated-glob": "^1.0.0", + "ordered-read-streams": "^1.0.0", + "pumpify": "^1.3.5", + "readable-stream": "^2.1.5", + "remove-trailing-separator": "^1.0.1", + "to-absolute-glob": "^2.0.0", + "unique-stream": "^2.0.2" }, "dependencies": { - "glob": { - "version": "4.5.3", - "resolved": "https://registry.npmjs.org/glob/-/glob-4.5.3.tgz", - "integrity": "sha1-xstz0yJsHv7wTePFbQEvAzd+4V8=", - "requires": { - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^2.0.1", - "once": "^1.3.0" - } - }, - "minimatch": { - "version": "2.0.10", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-2.0.10.tgz", - "integrity": "sha1-jQh8OcazjAAbl/ynzm0OHoCvusc=", - "requires": { - "brace-expansion": "^1.0.0" - } + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" }, "readable-stream": { - "version": "1.0.34", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", - "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=", + "version": "2.3.6", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "~1.0.0", - "inherits": "~2.0.1", - "isarray": "0.0.1", - "string_decoder": "~0.10.x" + "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" } }, - "through2": { - "version": "0.6.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz", - "integrity": "sha1-QaucZ7KdVyCQcUEOHXp6lozTrUg=", + "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==", "requires": { - "readable-stream": ">=1.0.33-1 <1.1.0-0", - "xtend": ">=4.0.0 <4.1.0-0" + "safe-buffer": "~5.1.0" } } } }, "glob-watcher": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-0.0.6.tgz", - "integrity": "sha1-uVtKjfdLOcgymLDAXJeLTZo7cQs=", - "requires": { - "gaze": "^0.5.1" - } - }, - "glob2base": { - "version": "0.0.12", - "resolved": "https://registry.npmjs.org/glob2base/-/glob2base-0.0.12.tgz", - "integrity": "sha1-nUGbPijxLoOjYhZKJ3BVkiycDVY=", + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-5.0.1.tgz", + "integrity": "sha512-fK92r2COMC199WCyGUblrZKhjra3cyVMDiypDdqg1vsSDmexnbYivK1kNR4QItiNXLKmGlqan469ks67RtNa2g==", "requires": { - "find-index": "^0.1.1" + "async-done": "^1.2.0", + "chokidar": "^2.0.0", + "just-debounce": "^1.0.0", + "object.defaults": "^1.1.0" + }, + "dependencies": { + "anymatch": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", + "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", + "requires": { + "micromatch": "^3.1.4", + "normalize-path": "^2.1.1" + } + }, + "chokidar": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz", + "integrity": "sha512-z9n7yt9rOvIJrMhvDtDictKrkFHeihkNl6uWMmZlmL6tJtX9Cs+87oK+teBx+JIgzvbX3yZHT3eF8vpbDxHJXQ==", + "requires": { + "anymatch": "^2.0.0", + "async-each": "^1.0.0", + "braces": "^2.3.0", + "fsevents": "^1.2.2", + "glob-parent": "^3.1.0", + "inherits": "^2.0.1", + "is-binary-path": "^1.0.0", + "is-glob": "^4.0.0", + "lodash.debounce": "^4.0.8", + "normalize-path": "^2.1.1", + "path-is-absolute": "^1.0.0", + "readdirp": "^2.0.0", + "upath": "^1.0.5" + } + }, + "normalize-path": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", + "requires": { + "remove-trailing-separator": "^1.0.1" + } + } } }, "global-modules": { @@ -2241,47 +2390,6 @@ } } }, - "globule": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/globule/-/globule-0.1.0.tgz", - "integrity": "sha1-2cjt3h2nnRJaFRt5UzuXhnY0auU=", - "requires": { - "glob": "~3.1.21", - "lodash": "~1.0.1", - "minimatch": "~0.2.11" - }, - "dependencies": { - "glob": { - "version": "3.1.21", - "resolved": "https://registry.npmjs.org/glob/-/glob-3.1.21.tgz", - "integrity": "sha1-0p4KBV3qUTj00H7UDomC6DwgZs0=", - "requires": { - "graceful-fs": "~1.2.0", - "inherits": "1", - "minimatch": "~0.2.11" - } - }, - "graceful-fs": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-1.2.3.tgz", - "integrity": "sha1-FaSAaldUfLLS2/J/QuiajDRRs2Q=" - }, - "inherits": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/inherits/-/inherits-1.0.2.tgz", - "integrity": "sha1-ykMJ2t7mtUzAuNJH6NfHoJdb3Js=" - }, - "minimatch": { - "version": "0.2.14", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.2.14.tgz", - "integrity": "sha1-x054BXT2PG+aCQ6Q775u9TpqdWo=", - "requires": { - "lru-cache": "2", - "sigmund": "~1.0.0" - } - } - } - }, "glogg": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.1.tgz", @@ -2291,12 +2399,9 @@ } }, "graceful-fs": { - "version": "3.0.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-3.0.11.tgz", - "integrity": "sha1-dhPHeKGv6mLyXGMKCG1/Osu92Bg=", - "requires": { - "natives": "^1.1.0" - } + "version": "4.1.11", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", + "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=" }, "growly": { "version": "1.3.0", @@ -2304,36 +2409,108 @@ "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=" }, "gulp": { - "version": "3.9.1", - "resolved": "https://registry.npmjs.org/gulp/-/gulp-3.9.1.tgz", - "integrity": "sha1-VxzkWSjdQK9lFPxAEYZgFsE4RbQ=", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/gulp/-/gulp-4.0.0.tgz", + "integrity": "sha1-lXZsYB2t5Kd+0+eyttwDiBtZY2Y=", "requires": { - "archy": "^1.0.0", - "chalk": "^1.0.0", - "deprecated": "^0.0.1", - "gulp-util": "^3.0.0", - "interpret": "^1.0.0", - "liftoff": "^2.1.0", - "minimist": "^1.1.0", - "orchestrator": "^0.3.0", - "pretty-hrtime": "^1.0.0", - "semver": "^4.1.0", - "tildify": "^1.0.0", - "v8flags": "^2.0.2", - "vinyl-fs": "^0.3.0" + "glob-watcher": "^5.0.0", + "gulp-cli": "^2.0.0", + "undertaker": "^1.0.0", + "vinyl-fs": "^3.0.0" + }, + "dependencies": { + "gulp-cli": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/gulp-cli/-/gulp-cli-2.0.1.tgz", + "integrity": "sha512-RxujJJdN8/O6IW2nPugl7YazhmrIEjmiVfPKrWt68r71UCaLKS71Hp0gpKT+F6qOUFtr7KqtifDKaAJPRVvMYQ==", + "requires": { + "ansi-colors": "^1.0.1", + "archy": "^1.0.0", + "array-sort": "^1.0.0", + "color-support": "^1.1.3", + "concat-stream": "^1.6.0", + "copy-props": "^2.0.1", + "fancy-log": "^1.3.2", + "gulplog": "^1.0.0", + "interpret": "^1.1.0", + "isobject": "^3.0.1", + "liftoff": "^2.5.0", + "matchdep": "^2.0.0", + "mute-stdout": "^1.0.0", + "pretty-hrtime": "^1.0.0", + "replace-homedir": "^1.0.0", + "semver-greatest-satisfied-range": "^1.1.0", + "v8flags": "^3.0.1", + "yargs": "^7.1.0" + } + } } }, "gulp-autoprefixer": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/gulp-autoprefixer/-/gulp-autoprefixer-4.1.0.tgz", - "integrity": "sha1-Bkr3PMAsrayP800L+T/9+5TqEqo=", + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/gulp-autoprefixer/-/gulp-autoprefixer-6.0.0.tgz", + "integrity": "sha512-MyLymXKVGTVBx/okQSBqmdhwhyqi3igBmZBwgpZp0GRbY1LY8VctOTLzwkQ18bZKJkSDnOKR5u32TMY9wSYdqQ==", "requires": { - "autoprefixer": "^7.0.0", + "autoprefixer": "^9.1.3", "fancy-log": "^1.3.2", - "plugin-error": "^0.1.2", - "postcss": "^6.0.1", + "plugin-error": "^1.0.1", + "postcss": "^7.0.2", "through2": "^2.0.0", "vinyl-sourcemaps-apply": "^0.2.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.1", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz", + "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==", + "requires": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + } + }, + "plugin-error": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", + "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", + "requires": { + "ansi-colors": "^1.0.1", + "arr-diff": "^4.0.0", + "arr-union": "^3.1.0", + "extend-shallow": "^3.0.2" + } + }, + "postcss": { + "version": "7.0.5", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.5.tgz", + "integrity": "sha512-HBNpviAUFCKvEh7NZhw1e8MBPivRszIiUnhrJ+sBFVSYSqubrzwX3KG51mYgcRHX8j/cAgZJedONZcm5jTBdgQ==", + "requires": { + "chalk": "^2.4.1", + "source-map": "^0.6.1", + "supports-color": "^5.5.0" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + }, + "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" + } + } } }, "gulp-chmod": { @@ -2371,188 +2548,12 @@ } }, "gulp-clone": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/gulp-clone/-/gulp-clone-1.1.4.tgz", - "integrity": "sha512-k54JS9IzwUH3L5MT0jL4tvjrSLTTkpqbDmU22I0HiUcRiMS+QhggHsbb0vgOCEHR/3A9SEBawxPv/5Mr5L+ZsA==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/gulp-clone/-/gulp-clone-2.0.1.tgz", + "integrity": "sha512-SLg/KsHBbinR/pCX3PF5l1YlR28hLp0X+bcpf77PtMJ6zvAQ5kRjtCPV5Wt1wHXsXWZN0eTUZ15R8ZYpi/CdCA==", "requires": { - "gulp-util": "~2.2.14", - "through2": "~0.4.1" - }, - "dependencies": { - "ansi-regex": { - "version": "0.2.1", - "resolved": "http://registry.npmjs.org/ansi-regex/-/ansi-regex-0.2.1.tgz", - "integrity": "sha1-DY6UaWej2BQ/k+JOKYUl/BsiNfk=" - }, - "ansi-styles": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-1.1.0.tgz", - "integrity": "sha1-6uy/Zs1waIJ2Cy9GkVgrj1XXp94=" - }, - "chalk": { - "version": "0.5.1", - "resolved": "http://registry.npmjs.org/chalk/-/chalk-0.5.1.tgz", - "integrity": "sha1-Zjs6ZItotV0EaQ1JFnqoN4WPIXQ=", - "requires": { - "ansi-styles": "^1.1.0", - "escape-string-regexp": "^1.0.0", - "has-ansi": "^0.1.0", - "strip-ansi": "^0.3.0", - "supports-color": "^0.2.0" - } - }, - "dateformat": { - "version": "1.0.12", - "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-1.0.12.tgz", - "integrity": "sha1-nxJLZ1lMk3/3BpMuSmQsyo27/uk=", - "requires": { - "get-stdin": "^4.0.1", - "meow": "^3.3.0" - } - }, - "gulp-util": { - "version": "2.2.20", - "resolved": "https://registry.npmjs.org/gulp-util/-/gulp-util-2.2.20.tgz", - "integrity": "sha1-1xRuVyiRC9jwR6awseVJvCLb1kw=", - "requires": { - "chalk": "^0.5.0", - "dateformat": "^1.0.7-1.2.3", - "lodash._reinterpolate": "^2.4.1", - "lodash.template": "^2.4.1", - "minimist": "^0.2.0", - "multipipe": "^0.1.0", - "through2": "^0.5.0", - "vinyl": "^0.2.1" - }, - "dependencies": { - "through2": { - "version": "0.5.1", - "resolved": "https://registry.npmjs.org/through2/-/through2-0.5.1.tgz", - "integrity": "sha1-390BLrnHAOIyP9M084rGIqs3Lac=", - "requires": { - "readable-stream": "~1.0.17", - "xtend": "~3.0.0" - } - } - } - }, - "has-ansi": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-0.1.0.tgz", - "integrity": "sha1-hPJlqujA5qiKEtcCKJS3VoiUxi4=", - "requires": { - "ansi-regex": "^0.2.0" - } - }, - "lodash._reinterpolate": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-2.4.1.tgz", - "integrity": "sha1-TxInqlqHEfxjL1sHofRgequLMiI=" - }, - "lodash.escape": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-2.4.1.tgz", - "integrity": "sha1-LOEsXghNsKV92l5dHu659dF1o7Q=", - "requires": { - "lodash._escapehtmlchar": "~2.4.1", - "lodash._reunescapedhtml": "~2.4.1", - "lodash.keys": "~2.4.1" - } - }, - "lodash.keys": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-2.4.1.tgz", - "integrity": "sha1-SN6kbfj/djKxDXBrissmWR4rNyc=", - "requires": { - "lodash._isnative": "~2.4.1", - "lodash._shimkeys": "~2.4.1", - "lodash.isobject": "~2.4.1" - } - }, - "lodash.template": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-2.4.1.tgz", - "integrity": "sha1-nmEQB+32KRKal0qzxIuBez4c8g0=", - "requires": { - "lodash._escapestringchar": "~2.4.1", - "lodash._reinterpolate": "~2.4.1", - "lodash.defaults": "~2.4.1", - "lodash.escape": "~2.4.1", - "lodash.keys": "~2.4.1", - "lodash.templatesettings": "~2.4.1", - "lodash.values": "~2.4.1" - } - }, - "lodash.templatesettings": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash.templatesettings/-/lodash.templatesettings-2.4.1.tgz", - "integrity": "sha1-6nbHXRHrhtTb6JqDiTu4YZKaxpk=", - "requires": { - "lodash._reinterpolate": "~2.4.1", - "lodash.escape": "~2.4.1" - } - }, - "minimist": { - "version": "0.2.0", - "resolved": "http://registry.npmjs.org/minimist/-/minimist-0.2.0.tgz", - "integrity": "sha1-Tf/lJdriuGTGbC4jxicdev3s784=" - }, - "readable-stream": { - "version": "1.0.34", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", - "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=", - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.1", - "isarray": "0.0.1", - "string_decoder": "~0.10.x" - } - }, - "strip-ansi": { - "version": "0.3.0", - "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-0.3.0.tgz", - "integrity": "sha1-JfSOoiynkYfzF0pNuHWTR7sSYiA=", - "requires": { - "ansi-regex": "^0.2.1" - } - }, - "supports-color": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-0.2.0.tgz", - "integrity": "sha1-2S3iaU6z9nMjlz1649i1W0wiGQo=" - }, - "through2": { - "version": "0.4.2", - "resolved": "https://registry.npmjs.org/through2/-/through2-0.4.2.tgz", - "integrity": "sha1-2/WGYDEVHsg1K7bE22SiKSqEC5s=", - "requires": { - "readable-stream": "~1.0.17", - "xtend": "~2.1.1" - }, - "dependencies": { - "xtend": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/xtend/-/xtend-2.1.2.tgz", - "integrity": "sha1-bv7MKk2tjmlixJAbM3znuoe10os=", - "requires": { - "object-keys": "~0.4.0" - } - } - } - }, - "vinyl": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.2.3.tgz", - "integrity": "sha1-vKk4IJWC7FpJrVOKAPofEl5RMlI=", - "requires": { - "clone-stats": "~0.0.1" - } - }, - "xtend": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/xtend/-/xtend-3.0.0.tgz", - "integrity": "sha1-XM50B7r2Qsunvs2laBEcST9ZZlo=" - } + "plugin-error": "^0.1.2", + "through2": "^2.0.3" } }, "gulp-concat": { @@ -2596,19 +2597,30 @@ } }, "gulp-concat-css": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/gulp-concat-css/-/gulp-concat-css-2.3.0.tgz", - "integrity": "sha1-TBWGEhqEEf9LLcRPz6TcdA6P4bY=", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/gulp-concat-css/-/gulp-concat-css-3.1.0.tgz", + "integrity": "sha512-iLTBPS+cutlgLyK3bp9DMts+WuS8n2mQpjzQ7p/ZVQc8FO5fvpN+ntg9U6jsuNvPeuii82aKm8XeOzF0nUK+TA==", "requires": { - "gulp-util": "~3.0.1", "lodash.defaults": "^3.0.0", "parse-import": "^2.0.0", + "plugin-error": "^0.1.2", "rework": "~1.0.0", "rework-import": "^2.0.0", "rework-plugin-url": "^1.0.1", - "through2": "~1.1.1" + "through2": "~1.1.1", + "vinyl": "^2.1.0" }, "dependencies": { + "clone": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" + }, + "clone-stats": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", + "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" + }, "lodash.defaults": { "version": "3.1.2", "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-3.1.2.tgz", @@ -2618,6 +2630,11 @@ "lodash.restparam": "^3.0.0" } }, + "replace-ext": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", + "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + }, "through2": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/through2/-/through2-1.1.1.tgz", @@ -2626,6 +2643,19 @@ "readable-stream": ">=1.1.13-1 <1.2.0-0", "xtend": ">=4.0.0 <4.1.0-0" } + }, + "vinyl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", + "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", + "requires": { + "clone": "^2.1.1", + "clone-buffer": "^1.0.0", + "clone-stats": "^1.0.0", + "cloneable-readable": "^1.0.0", + "remove-trailing-separator": "^1.0.1", + "replace-ext": "^1.0.0" + } } } }, @@ -2640,13 +2670,13 @@ } }, "gulp-copy": { - "version": "1.0.0", - "resolved": "http://registry.npmjs.org/gulp-copy/-/gulp-copy-1.0.0.tgz", - "integrity": "sha1-PUrKThpt60qisvNsOMhT8pXIuso=", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/gulp-copy/-/gulp-copy-4.0.1.tgz", + "integrity": "sha512-UbdAwmEiVNNv55KAiUYWOP6Za7h8JPHNNyekNx8Gyc5XRlpUzTrlEclps939nOeiDPsd6jUtT2LmfavJirbZQg==", "requires": { - "gulp": "^3.9.0", - "gulp-util": "^3.0.0", - "through2": "^2.0.0" + "gulp": "^4.0.0", + "plugin-error": "^0.1.2", + "through2": "^2.0.3" } }, "gulp-debug": { @@ -2707,11 +2737,11 @@ } }, "gulp-flatten": { - "version": "0.3.1", - "resolved": "https://registry.npmjs.org/gulp-flatten/-/gulp-flatten-0.3.1.tgz", - "integrity": "sha1-Uef+wTozxARXjRjBWJ0bW8Rf4dY=", + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/gulp-flatten/-/gulp-flatten-0.4.0.tgz", + "integrity": "sha512-eg4spVTAiv1xXmugyaCxWne1oPtNG0UHEtABx5W8ScLiqAYceyYm6GYA36x0Qh8KOIXmAZV97L2aYGnKREG3Sg==", "requires": { - "gulp-util": "^3.0.7", + "plugin-error": "^0.1.2", "through2": "^2.0.0" } }, @@ -2779,7 +2809,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "dev": true, "requires": { @@ -2834,9 +2864,9 @@ } }, "gulp-header": { - "version": "1.8.12", - "resolved": "https://registry.npmjs.org/gulp-header/-/gulp-header-1.8.12.tgz", - "integrity": "sha512-lh9HLdb53sC7XIZOYzTXM4lFuXElv3EVkSDhsd7DoJBj7hm+Ni7D3qYbb+Rr8DuM8nRanBvkVO9d7askreXGnQ==", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/gulp-header/-/gulp-header-2.0.5.tgz", + "integrity": "sha512-7bOIiHvM1GUHIG3LRH+UIanOxyjSys0FbzzgUBlV2cZIIZihEW+KKKKm0ejUBNGvRdhISEFFr6HlptXoa28gtQ==", "requires": { "concat-with-sourcemaps": "*", "lodash.template": "^4.4.0", @@ -2863,19 +2893,11 @@ } }, "gulp-help": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/gulp-help/-/gulp-help-1.6.1.tgz", - "integrity": "sha1-Jh2xhuGDl/7z9qLCLpwxW/qIrgw=", + "version": "github:chmontgomery/gulp-help#4f02f99ab81a322cb892f8998edded13ccb68660", + "from": "github:chmontgomery/gulp-help#gulp4", "requires": { - "chalk": "^1.0.0", - "object-assign": "^3.0.0" - }, - "dependencies": { - "object-assign": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-3.0.0.tgz", - "integrity": "sha1-m+3VygiXlJvKR+f/QIBi1Un1h/I=" - } + "chalk": "^1.1.1", + "object-assign": "^4.0.1" } }, "gulp-if": { @@ -2889,15 +2911,15 @@ } }, "gulp-json-editor": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/gulp-json-editor/-/gulp-json-editor-2.4.2.tgz", - "integrity": "sha512-mUPSsibfnRT04Iy9AfrvC8kfcJZJFYt5qfr6TTQHHBZ1qviz2qqfAf7DLS2Frp33ycyZJvm6n9cwNgV00A95TA==", + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/gulp-json-editor/-/gulp-json-editor-2.4.3.tgz", + "integrity": "sha512-cSYh93dbSxIEXiuC0eHUBkrAJA0jS7pWGZ/x0uUt0Hu1xxUt5QuT7C2+wJE0q2YWtlOTz/lxD+HFHP15/Th7lg==", "requires": { - "deepmerge": "^2.1.1", + "deepmerge": "^2.2.1", "detect-indent": "^5.0.0", - "js-beautify": "^1.7.5", + "js-beautify": "^1.8.8", "plugin-error": "^1.0.1", - "through2": "^2.0.3" + "through2": "^3.0.0" }, "dependencies": { "plugin-error": { @@ -2910,16 +2932,43 @@ "arr-union": "^3.1.0", "extend-shallow": "^3.0.2" } + }, + "readable-stream": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.0.6.tgz", + "integrity": "sha512-9E1oLoOWfhSXHGv6QlwXJim7uNzd9EVlWK+21tCU9Ju/kR0/p2AZYPz4qSchgO8PlLIH4FpZYfzwS+rEksZjIg==", + "requires": { + "inherits": "^2.0.3", + "string_decoder": "^1.1.1", + "util-deprecate": "^1.0.1" + } + }, + "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==", + "requires": { + "safe-buffer": "~5.1.0" + } + }, + "through2": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/through2/-/through2-3.0.0.tgz", + "integrity": "sha512-8B+sevlqP4OiCjonI1Zw03Sf8PuV1eRsYQgLad5eonILOdyeRsY27A/2Ze8IlvlMvq31OH+3fz/styI7Ya62yQ==", + "requires": { + "readable-stream": "2 || 3", + "xtend": "~4.0.1" + } } } }, "gulp-less": { - "version": "3.5.0", - "resolved": "https://registry.npmjs.org/gulp-less/-/gulp-less-3.5.0.tgz", - "integrity": "sha512-FQLY7unaHdTOXG0jlwxeBQcWoPPrTMQZRA7HfYwSNi9IPVx5l7GJEN72mG4ri2yigp/f/VNGUAJnFMJHBmH3iw==", + "version": "4.0.1", + "resolved": "https://registry.npmjs.org/gulp-less/-/gulp-less-4.0.1.tgz", + "integrity": "sha512-hmM2k0FfQp7Ptm3ZaqO2CkMX3hqpiIOn4OHtuSsCeFym63F7oWlEua5v6u1cIjVUKYsVIs9zPg9vbqTEb/udpA==", "requires": { - "accord": "^0.28.0", - "less": "2.6.x || ^2.7.1", + "accord": "^0.29.0", + "less": "2.6.x || ^3.7.1", "object-assign": "^4.0.1", "plugin-error": "^0.1.2", "replace-ext": "^1.0.0", @@ -2987,33 +3036,63 @@ } }, "gulp-print": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/gulp-print/-/gulp-print-2.0.1.tgz", - "integrity": "sha1-Gs7ljqyK8tPErTMp2+RldYOTxBQ=", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/gulp-print/-/gulp-print-5.0.0.tgz", + "integrity": "sha512-i06wVFsGmWdmwrFft/ioNIgXnCvUa+Q4pfgoTCWoLjz95vsfjDy3UmOx1PegHje930fkhopc+5NSJAHbhNXI+g==", "requires": { - "gulp-util": "^3.0.6", - "map-stream": "~0.0.6" + "ansi-colors": "^1.0.1", + "fancy-log": "^1.3.2", + "map-stream": "0.0.7", + "vinyl": "^2.1.0" }, "dependencies": { + "clone": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" + }, + "clone-stats": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", + "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" + }, "map-stream": { "version": "0.0.7", "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz", "integrity": "sha1-ih8HiW2CsQkmvTdEokIACfiJdKg=" - } - } - }, - "gulp-rename": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-1.4.0.tgz", - "integrity": "sha512-swzbIGb/arEoFK89tPY58vg3Ok1bw+d35PfUNwWqdo7KM4jkmuGA78JiDNqR+JeZFaeeHnRg9N7aihX3YPmsyg==" - }, - "gulp-replace": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/gulp-replace/-/gulp-replace-0.6.1.tgz", - "integrity": "sha1-Eb+Mj85TPjPi9qjy9DC5VboL4GY=", - "requires": { - "istextorbinary": "1.0.2", - "readable-stream": "^2.0.1", + }, + "replace-ext": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", + "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + }, + "vinyl": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", + "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", + "requires": { + "clone": "^2.1.1", + "clone-buffer": "^1.0.0", + "clone-stats": "^1.0.0", + "cloneable-readable": "^1.0.0", + "remove-trailing-separator": "^1.0.1", + "replace-ext": "^1.0.0" + } + } + } + }, + "gulp-rename": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/gulp-rename/-/gulp-rename-1.4.0.tgz", + "integrity": "sha512-swzbIGb/arEoFK89tPY58vg3Ok1bw+d35PfUNwWqdo7KM4jkmuGA78JiDNqR+JeZFaeeHnRg9N7aihX3YPmsyg==" + }, + "gulp-replace": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/gulp-replace/-/gulp-replace-1.0.0.tgz", + "integrity": "sha512-lgdmrFSI1SdhNMXZQbrC75MOl1UjYWlOWNbNRnz+F/KHmgxt3l6XstBoAYIdadwETFyG/6i+vWUSCawdC3pqOw==", + "requires": { + "istextorbinary": "2.2.1", + "readable-stream": "^2.0.1", "replacestream": "^4.0.0" }, "dependencies": { @@ -3024,7 +3103,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "~1.0.0", @@ -3149,62 +3228,11 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-3.0.0.tgz", "integrity": "sha1-m+3VygiXlJvKR+f/QIBi1Un1h/I=" - } - } - }, - "gulp-watch": { - "version": "4.3.11", - "resolved": "https://registry.npmjs.org/gulp-watch/-/gulp-watch-4.3.11.tgz", - "integrity": "sha1-Fi/FY96fx3DpH5p845VVE6mhGMA=", - "requires": { - "anymatch": "^1.3.0", - "chokidar": "^1.6.1", - "glob-parent": "^3.0.1", - "gulp-util": "^3.0.7", - "object-assign": "^4.1.0", - "path-is-absolute": "^1.0.1", - "readable-stream": "^2.2.2", - "slash": "^1.0.0", - "vinyl": "^1.2.0", - "vinyl-file": "^2.0.0" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } }, - "vinyl": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-1.2.0.tgz", - "integrity": "sha1-XIgDbPVl5d8FVYv8kR+GVt8hiIQ=", - "requires": { - "clone": "^1.0.0", - "clone-stats": "^0.0.1", - "replace-ext": "0.0.1" - } + "replace-ext": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-0.0.1.tgz", + "integrity": "sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ=" } } }, @@ -3217,19 +3245,19 @@ } }, "har-schema": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-1.0.5.tgz", - "integrity": "sha1-0mMTX0MwfALGAq/I/pWXDAFRNp4=", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz", + "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=", "optional": true }, "har-validator": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-4.2.1.tgz", - "integrity": "sha1-M0gdDxu/9gDdID11gSpqX7oALio=", + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.3.tgz", + "integrity": "sha512-sNvOCzEQNr/qrvJgc3UG/kD4QtlHycrzwS+6mfTrrSq97BvaYcPZZI1ZSqGSPR73Cxn4LKTD4PttRwfU7jWq5g==", "optional": true, "requires": { - "ajv": "^4.9.1", - "har-schema": "^1.0.5" + "ajv": "^6.5.5", + "har-schema": "^2.0.0" } }, "has-ansi": { @@ -3253,6 +3281,11 @@ "sparkles": "^1.0.0" } }, + "has-symbols": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.0.tgz", + "integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=" + }, "has-value": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", @@ -3282,23 +3315,6 @@ } } }, - "hawk": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/hawk/-/hawk-3.1.3.tgz", - "integrity": "sha1-B4REvXwWQLD+VA0sm3PVlnjo4cQ=", - "optional": true, - "requires": { - "boom": "2.x.x", - "cryptiles": "2.x.x", - "hoek": "2.x.x", - "sntp": "1.x.x" - } - }, - "hoek": { - "version": "2.16.3", - "resolved": "https://registry.npmjs.org/hoek/-/hoek-2.16.3.tgz", - "integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0=" - }, "homedir-polyfill": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.1.tgz", @@ -3313,12 +3329,12 @@ "integrity": "sha512-7T/BxH19zbcCTa8XkMlbK5lTo1WtgkFi3GvdWEyNuc4Vex7/9Dqbnpsf4JMydcfj9HCg4zUWFTL3Za6lapg5/w==" }, "http-signature": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.1.1.tgz", - "integrity": "sha1-33LiZwZs0Kxn+3at+OE0qPvPkb8=", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", + "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", "optional": true, "requires": { - "assert-plus": "^0.2.0", + "assert-plus": "^1.0.0", "jsprim": "^1.2.2", "sshpk": "^1.7.0" } @@ -3342,14 +3358,6 @@ "resolved": "https://registry.npmjs.org/import-regex/-/import-regex-1.1.0.tgz", "integrity": "sha1-pVxS5McFx2XKIQ6SQqBrvMiqf2Y=" }, - "indent-string": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz", - "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=", - "requires": { - "repeating": "^2.0.0" - } - }, "indx": { "version": "0.2.3", "resolved": "https://registry.npmjs.org/indx/-/indx-0.2.3.tgz", @@ -3446,6 +3454,11 @@ "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.1.0.tgz", "integrity": "sha1-ftGxQQxqDg94z5XTuEQMY/eLhhQ=" }, + "invert-kv": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/invert-kv/-/invert-kv-1.0.0.tgz", + "integrity": "sha1-EEqOSqym09jNFXqO+L+rLXo//bY=" + }, "ip-regex": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-1.0.3.tgz", @@ -3489,6 +3502,12 @@ } } }, + "is-array-buffer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-1.0.1.tgz", + "integrity": "sha512-lj035IqdAwsodoRGs9/8+Kn3HPoz9CTuZbcw63afugWonxigvUVeHY5d6Ve1O+s1N3RCk7txo2TIWQLbU0SuNA==", + "dev": true + }, "is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", @@ -3509,7 +3528,7 @@ }, "is-builtin-module": { "version": "1.0.0", - "resolved": "http://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz", "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=", "requires": { "builtin-modules": "^1.0.0" @@ -3550,19 +3569,6 @@ } } }, - "is-dotfile": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz", - "integrity": "sha1-pqLzL/0t+wT1yiXs0Pa4PPeYoeE=" - }, - "is-equal-shallow": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz", - "integrity": "sha1-IjgJj8Ih3gvPpdnqxMRdY4qhxTQ=", - "requires": { - "is-primitive": "^2.0.0" - } - }, "is-extendable": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz", @@ -3573,27 +3579,24 @@ "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=" }, - "is-finite": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz", - "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, "is-fullwidth-code-point": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=" }, "is-glob": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", - "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.0.tgz", + "integrity": "sha1-lSHHaEXMJhCoUgPd8ICpWML/q8A=", "requires": { - "is-extglob": "^2.1.0" + "is-extglob": "^2.1.1" } }, + "is-negated-glob": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-negated-glob/-/is-negated-glob-1.0.0.tgz", + "integrity": "sha1-aRC8pdqMleeEtXUbl2z1oQ/uNtI=" + }, "is-number": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", @@ -3614,7 +3617,7 @@ }, "is-obj": { "version": "1.0.1", - "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", + "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=" }, "is-path-cwd": { @@ -3646,16 +3649,6 @@ "isobject": "^3.0.1" } }, - "is-posix-bracket": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz", - "integrity": "sha1-MzTceXdDaOkvAW5vvAqI9c1ua8Q=" - }, - "is-primitive": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-2.0.0.tgz", - "integrity": "sha1-IHurkWOEmcB7Kt8kCkGochADRXU=" - }, "is-promise": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.1.0.tgz", @@ -3675,6 +3668,12 @@ "is-unc-path": "^1.0.0" } }, + "is-stream": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz", + "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=", + "dev": true + }, "is-typedarray": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz", @@ -3694,6 +3693,11 @@ "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz", "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=" }, + "is-valid-glob": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-valid-glob/-/is-valid-glob-1.0.0.tgz", + "integrity": "sha1-Kb8+/3Ab4tTTFdusw5vDn+j2Aao=" + }, "is-windows": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz", @@ -3721,12 +3725,13 @@ "optional": true }, "istextorbinary": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/istextorbinary/-/istextorbinary-1.0.2.tgz", - "integrity": "sha1-rOGTVNGpoBc+/rEITOD4ewrX3s8=", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/istextorbinary/-/istextorbinary-2.2.1.tgz", + "integrity": "sha512-TS+hoFl8Z5FAFMK38nhBkdLt44CclNRgDHWeMgsV8ko3nDlr/9UI2Sf839sW7enijf8oKsZYXRvM8g0it9Zmcw==", "requires": { - "binaryextensions": "~1.0.0", - "textextensions": "~1.0.0" + "binaryextensions": "2", + "editions": "^1.3.3", + "textextensions": "2" } }, "jquery": { @@ -3735,9 +3740,9 @@ "integrity": "sha512-Ubldcmxp5np52/ENotGxlLe6aGMvmF4R8S6tZjsP6Knsaxd/xp3Zrh50cG93lR6nPXyUFwzN3ZSOQI0wRJNdGg==" }, "js-beautify": { - "version": "1.8.6", - "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.8.6.tgz", - "integrity": "sha512-TYDZa+lg8vEC5U0OmGQEEwiZ0XFBfvZAUeNOtqflLe+woKuIqF4JzlsBx/C1KVYW5lUewZy2ODL4Obq6sH7a4Q==", + "version": "1.8.8", + "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.8.8.tgz", + "integrity": "sha512-qVNq7ZZ7ZbLdzorvSlRDadS0Rh5oyItaE95v6I4wbbuSiijxn7SnnsV6dvKlcXuO2jX7lK8tn9fBulx34K/Ejg==", "requires": { "config-chain": "~1.1.5", "editorconfig": "^0.15.0", @@ -3748,8 +3753,7 @@ "jsbn": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz", - "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=", - "optional": true + "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=" }, "json-schema": { "version": "0.2.3", @@ -3757,11 +3761,16 @@ "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=", "optional": true }, + "json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "optional": true + }, "json-stable-stringify": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.0.1.tgz", "integrity": "sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=", - "optional": true, "requires": { "jsonify": "~0.0.0" } @@ -3775,8 +3784,7 @@ "jsonify": { "version": "0.0.0", "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.0.tgz", - "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=", - "optional": true + "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=" }, "jsprim": { "version": "1.4.1", @@ -3788,45 +3796,110 @@ "extsprintf": "1.3.0", "json-schema": "0.2.3", "verror": "1.10.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "optional": true - } } }, + "just-debounce": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/just-debounce/-/just-debounce-1.0.0.tgz", + "integrity": "sha1-h/zPrv/AtozRnVX2cilD+SnqNeo=" + }, "kind-of": { "version": "6.0.2", "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==" }, + "last-run": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/last-run/-/last-run-1.1.1.tgz", + "integrity": "sha1-RblpQsF7HHnHchmCWbqUO+v4yls=", + "requires": { + "default-resolution": "^2.0.0", + "es6-weak-map": "^2.0.1" + } + }, "lazy-cache": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz", "integrity": "sha1-odePw6UEdMuAhF07O24dpJpEbo4=" }, + "lazystream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.0.tgz", + "integrity": "sha1-9plf4PggOS9hOWvolGJAe7dxaOQ=", + "requires": { + "readable-stream": "^2.0.5" + }, + "dependencies": { + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" + }, + "readable-stream": { + "version": "2.3.6", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", + "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" + } + }, + "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==", + "requires": { + "safe-buffer": "~5.1.0" + } + } + } + }, + "lcid": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz", + "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=", + "requires": { + "invert-kv": "^1.0.0" + } + }, + "lead": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/lead/-/lead-1.0.0.tgz", + "integrity": "sha1-bxT5mje+Op3XhPVJVpDlkDRm7kI=", + "requires": { + "flush-write-stream": "^1.0.2" + } + }, "less": { - "version": "2.7.3", - "resolved": "https://registry.npmjs.org/less/-/less-2.7.3.tgz", - "integrity": "sha512-KPdIJKWcEAb02TuJtaLrhue0krtRLoRoo7x6BNJIBelO00t/CCdJQUnHW5V34OnHMWzIktSalJxRO+FvytQlCQ==", + "version": "3.8.1", + "resolved": "https://registry.npmjs.org/less/-/less-3.8.1.tgz", + "integrity": "sha512-8HFGuWmL3FhQR0aH89escFNBQH/nEiYPP2ltDFdQw2chE28Yx2E3lhAIq9Y2saYwLSwa699s4dBVEfCY8Drf7Q==", "requires": { + "clone": "^2.1.2", "errno": "^0.1.1", "graceful-fs": "^4.1.2", "image-size": "~0.5.0", - "mime": "^1.2.11", + "mime": "^1.4.1", "mkdirp": "^0.5.0", "promise": "^7.1.1", - "request": "2.81.0", - "source-map": "^0.5.3" + "request": "^2.83.0", + "source-map": "~0.6.0" }, "dependencies": { - "graceful-fs": { - "version": "4.1.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", - "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=", + "clone": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==", "optional": true } } @@ -3848,7 +3921,7 @@ }, "load-json-file": { "version": "1.1.0", - "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", + "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", "requires": { "graceful-fs": "^4.1.2", @@ -3879,9 +3952,10 @@ } }, "lodash": { - "version": "1.0.2", - "resolved": "http://registry.npmjs.org/lodash/-/lodash-1.0.2.tgz", - "integrity": "sha1-j1dWDIO1n8JwvT1WG2kAQ0MOJVE=" + "version": "4.17.11", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", + "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", + "dev": true }, "lodash._baseassign": { "version": "3.2.0", @@ -3922,29 +3996,11 @@ "lodash.restparam": "^3.0.0" } }, - "lodash._escapehtmlchar": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash._escapehtmlchar/-/lodash._escapehtmlchar-2.4.1.tgz", - "integrity": "sha1-32fDu2t+jh6DGrSL+geVuSr+iZ0=", - "requires": { - "lodash._htmlescapes": "~2.4.1" - } - }, - "lodash._escapestringchar": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash._escapestringchar/-/lodash._escapestringchar-2.4.1.tgz", - "integrity": "sha1-7P4iYYoq3lC/7qQ5N+Ud9m8O23I=" - }, "lodash._getnative": { "version": "3.9.1", "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz", "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U=" }, - "lodash._htmlescapes": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash._htmlescapes/-/lodash._htmlescapes-2.4.1.tgz", - "integrity": "sha1-MtFL8IRLbeb4tioFG09nwii2JMs=" - }, "lodash._isiterateecall": { "version": "3.0.9", "resolved": "https://registry.npmjs.org/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz", @@ -3975,27 +4031,6 @@ "resolved": "https://registry.npmjs.org/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz", "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=" }, - "lodash._reunescapedhtml": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash._reunescapedhtml/-/lodash._reunescapedhtml-2.4.1.tgz", - "integrity": "sha1-dHxPxAED6zu4oJduVx96JlnpO6c=", - "requires": { - "lodash._htmlescapes": "~2.4.1", - "lodash.keys": "~2.4.1" - }, - "dependencies": { - "lodash.keys": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-2.4.1.tgz", - "integrity": "sha1-SN6kbfj/djKxDXBrissmWR4rNyc=", - "requires": { - "lodash._isnative": "~2.4.1", - "lodash._shimkeys": "~2.4.1", - "lodash.isobject": "~2.4.1" - } - } - } - }, "lodash._root": { "version": "3.0.1", "resolved": "https://registry.npmjs.org/lodash._root/-/lodash._root-3.0.1.tgz", @@ -4024,6 +4059,11 @@ "resolved": "https://registry.npmjs.org/lodash.clone/-/lodash.clone-4.5.0.tgz", "integrity": "sha1-GVhwRQ9aExkkeN9Lw9I9LeoZB7Y=" }, + "lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=" + }, "lodash.defaults": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-2.4.1.tgz", @@ -4136,45 +4176,20 @@ "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz", "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=" }, - "lodash.values": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash.values/-/lodash.values-2.4.1.tgz", - "integrity": "sha1-q/UUQ2s8twUAFieXjLzzCxKA7qQ=", - "requires": { - "lodash.keys": "~2.4.1" - }, - "dependencies": { - "lodash.keys": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-2.4.1.tgz", - "integrity": "sha1-SN6kbfj/djKxDXBrissmWR4rNyc=", - "requires": { - "lodash._isnative": "~2.4.1", - "lodash._shimkeys": "~2.4.1", - "lodash.isobject": "~2.4.1" - } - } - } - }, "longest": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz", "integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=" }, - "loud-rejection": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz", - "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=", + "lru-cache": { + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz", + "integrity": "sha512-fFEhvcgzuIoJVUF8fYr5KR0YqxD238zgObTps31YdADwPPAp82a4M8TrckkWyx7ekNlf9aBcVn81cFwwXngrJA==", "requires": { - "currently-unhandled": "^0.4.1", - "signal-exit": "^3.0.0" + "pseudomap": "^1.0.2", + "yallist": "^2.1.2" } }, - "lru-cache": { - "version": "2.7.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-2.7.3.tgz", - "integrity": "sha1-bUUk6LlV+V1PW1iFHOId1y+06VI=" - }, "make-error": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.5.tgz", @@ -4201,14 +4216,9 @@ "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=" }, - "map-obj": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", - "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=" - }, "map-stream": { "version": "0.1.0", - "resolved": "http://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz", + "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz", "integrity": "sha1-5WqpTEyAVaFkBKBnS3jyFffI4ZQ=" }, "map-visit": { @@ -4219,26 +4229,15 @@ "object-visit": "^1.0.0" } }, - "math-random": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.1.tgz", - "integrity": "sha1-izqsWIuKZuSXXjzepn97sylgH6w=" - }, - "meow": { - "version": "3.7.0", - "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz", - "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=", - "requires": { - "camelcase-keys": "^2.0.0", - "decamelize": "^1.1.2", - "loud-rejection": "^1.0.0", - "map-obj": "^1.0.1", - "minimist": "^1.1.3", - "normalize-package-data": "^2.3.4", - "object-assign": "^4.0.1", - "read-pkg-up": "^1.0.1", - "redent": "^1.0.0", - "trim-newlines": "^1.0.0" + "matchdep": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/matchdep/-/matchdep-2.0.0.tgz", + "integrity": "sha1-xvNINKDY28OzfCfui7yyfHd1WC4=", + "requires": { + "findup-sync": "^2.0.0", + "micromatch": "^3.0.4", + "resolve": "^1.4.0", + "stack-trace": "0.0.10" } }, "merge-stream": { @@ -4256,7 +4255,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "~1.0.0", @@ -4305,16 +4304,16 @@ "optional": true }, "mime-db": { - "version": "1.36.0", - "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.36.0.tgz", - "integrity": "sha512-L+xvyD9MkoYMXb1jAmzI/lWYAxAMCPvIBSWur0PZ5nOf5euahRLVqH//FKW9mWp2lkqUgYiXPgkzfMUFi4zVDw==" + "version": "1.37.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.37.0.tgz", + "integrity": "sha512-R3C4db6bgQhlIhPU48fUtdVmKnflq+hRdad7IyKhtFj06VPNVdk2RhiYL3UjQIlso8L+YxAtFkobT0VK+S/ybg==" }, "mime-types": { - "version": "2.1.20", - "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.20.tgz", - "integrity": "sha512-HrkrPaP9vGuWbLK1B1FfgAkbqNjIuy4eHlIYnFi7kamZyLLrGlo2mpcx0bBmNpKqBtYtAfGbodDddIgddSJC2A==", + "version": "2.1.21", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.21.tgz", + "integrity": "sha512-3iL6DbwpyLzjR3xHSFNFeb9Nz/M8WDkX33t1GFQnFOllWk8pOrh/LSrB5OXlnlW5P9LH73X6loW/eogc+F5lJg==", "requires": { - "mime-db": "~1.36.0" + "mime-db": "~1.37.0" } }, "mimic-fn": { @@ -4332,7 +4331,7 @@ }, "minimist": { "version": "1.2.0", - "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" }, "mixin-deep": { @@ -4356,7 +4355,7 @@ }, "mkdirp": { "version": "0.5.1", - "resolved": "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "requires": { "minimist": "0.0.8" @@ -4364,7 +4363,7 @@ "dependencies": { "minimist": { "version": "0.0.8", - "resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=" } } @@ -4382,6 +4381,11 @@ "duplexer2": "0.0.2" } }, + "mute-stdout": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/mute-stdout/-/mute-stdout-1.0.1.tgz", + "integrity": "sha512-kDcwXR4PS7caBpuRYYBUz9iVixUk3anO3f5OYFiIPwK/20vCzKCHyKoulbiDY1S53zD2bxUpxN/IJ+TnXjfvxg==" + }, "mute-stream": { "version": "0.0.7", "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.7.tgz", @@ -4411,10 +4415,10 @@ "to-regex": "^3.0.1" } }, - "natives": { - "version": "1.1.5", - "resolved": "https://registry.npmjs.org/natives/-/natives-1.1.5.tgz", - "integrity": "sha512-1pJ+02gl2KJgCPFtpZGtuD4lGSJnIZvvFHCQTOeDRMSXjfu2GmYWuhI8NFMA4W2I5NNFRbfy/YCiVt4CgNpP8A==" + "next-tick": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz", + "integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw=" }, "node-notifier": { "version": "5.2.1", @@ -4434,13 +4438,28 @@ } } }, - "node.extend": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/node.extend/-/node.extend-2.0.0.tgz", - "integrity": "sha1-dSWih1Z36lNHhKXhCseJVhOWFN8=", + "node-releases": { + "version": "1.0.0-alpha.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.0.0-alpha.14.tgz", + "integrity": "sha512-G8nnF9cP9QPP/jUmYWw/uUUhumHmkm+X/EarCugYFjYm2uXRMFeOD6CVT3RLdoyCvDUNy51nirGfUItKWs/S1g==", "requires": { - "is": "^3.2.1" - } + "semver": "^5.3.0" + }, + "dependencies": { + "semver": { + "version": "5.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", + "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==" + } + } + }, + "node.extend": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/node.extend/-/node.extend-2.0.0.tgz", + "integrity": "sha1-dSWih1Z36lNHhKXhCseJVhOWFN8=", + "requires": { + "is": "^3.2.1" + } }, "nopt": { "version": "4.0.1", @@ -4463,18 +4482,23 @@ } }, "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", - "requires": { - "remove-trailing-separator": "^1.0.1" - } + "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=" }, + "now-and-later": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-2.0.0.tgz", + "integrity": "sha1-vGHLtFbXnLMiB85HygUTb/Ln1u4=", + "requires": { + "once": "^1.3.2" + } + }, "num2fraction": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", @@ -4486,9 +4510,9 @@ "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=" }, "oauth-sign": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.8.2.tgz", - "integrity": "sha1-Rqarfwrq2N6unsBWV4C31O/rnUM=", + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz", + "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==", "optional": true }, "object-assign": { @@ -4524,11 +4548,6 @@ } } }, - "object-keys": { - "version": "0.4.0", - "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-0.4.0.tgz", - "integrity": "sha1-KKaq50KN0sOpLz2V8hM13SBOAzY=" - }, "object-visit": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", @@ -4537,6 +4556,24 @@ "isobject": "^3.0.0" } }, + "object.assign": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz", + "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==", + "requires": { + "define-properties": "^1.1.2", + "function-bind": "^1.1.1", + "has-symbols": "^1.0.0", + "object-keys": "^1.0.11" + }, + "dependencies": { + "object-keys": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.12.tgz", + "integrity": "sha512-FTMyFUm2wBcGHnH2eXmz7tC6IwlqQZ6mVZ+6dm6vZ4IQIHjs6FdNsQBuKGPuUUUY6NfJw2PshC08Tn6LzLDOag==" + } + } + }, "object.defaults": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz", @@ -4557,25 +4594,6 @@ "make-iterator": "^1.0.0" } }, - "object.omit": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz", - "integrity": "sha1-Gpx0SCnznbuFjHbKNXmuKlTr0fo=", - "requires": { - "for-own": "^0.1.4", - "is-extendable": "^0.1.1" - }, - "dependencies": { - "for-own": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz", - "integrity": "sha1-UmXGgaTylNq78XyVCbZ2OqhFEM4=", - "requires": { - "for-in": "^1.0.1" - } - } - } - }, "object.pick": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", @@ -4584,6 +4602,15 @@ "isobject": "^3.0.1" } }, + "object.reduce": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/object.reduce/-/object.reduce-1.0.1.tgz", + "integrity": "sha1-b+NI8qx/oPlcpiEiZZkJaCW7A60=", + "requires": { + "for-own": "^1.0.0", + "make-iterator": "^1.0.0" + } + }, "once": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", @@ -4600,26 +4627,56 @@ "mimic-fn": "^1.0.0" } }, - "orchestrator": { - "version": "0.3.8", - "resolved": "https://registry.npmjs.org/orchestrator/-/orchestrator-0.3.8.tgz", - "integrity": "sha1-FOfp4nZPcxX7rBhOUGx6pt+UrX4=", + "ordered-read-streams": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-1.0.1.tgz", + "integrity": "sha1-d8DLN8QVJdZBZtmQ/61+xqDhNj4=", "requires": { - "end-of-stream": "~0.1.5", - "sequencify": "~0.0.7", - "stream-consume": "~0.1.0" + "readable-stream": "^2.0.1" + }, + "dependencies": { + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" + }, + "readable-stream": { + "version": "2.3.6", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", + "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" + } + }, + "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==", + "requires": { + "safe-buffer": "~5.1.0" + } + } } }, - "ordered-read-streams": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-0.1.0.tgz", - "integrity": "sha1-/VZamvjrRHO6abbtijQ1LLVS8SY=" - }, "os-homedir": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" }, + "os-locale": { + "version": "1.4.0", + "resolved": "http://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", + "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=", + "requires": { + "lcid": "^1.0.0" + } + }, "os-tmpdir": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", @@ -4649,32 +4706,6 @@ "path-root": "^0.1.1" } }, - "parse-glob": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz", - "integrity": "sha1-ssN2z7EfNVE7rdFz7wu246OIORw=", - "requires": { - "glob-base": "^0.3.0", - "is-dotfile": "^1.0.0", - "is-extglob": "^1.0.0", - "is-glob": "^2.0.0" - }, - "dependencies": { - "is-extglob": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz", - "integrity": "sha1-rEaBd8SUNAWgkvyPKXYMb/xiBsA=" - }, - "is-glob": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz", - "integrity": "sha1-0Jb5JqPe1WAPP9/ZEZjLCIjC2GM=", - "requires": { - "is-extglob": "^1.0.0" - } - } - } - }, "parse-import": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/parse-import/-/parse-import-2.0.0.tgz", @@ -4766,16 +4797,16 @@ }, "pause-stream": { "version": "0.0.11", - "resolved": "http://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz", + "resolved": "https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz", "integrity": "sha1-/lo0sMvOErWqaitAPuLnO2AvFEU=", "requires": { "through": "~2.3" } }, "performance-now": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-0.2.0.tgz", - "integrity": "sha1-M+8wxcd9TqIcWlOGnZG1bY8lVeU=", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", + "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=", "optional": true }, "pify": { @@ -4837,7 +4868,7 @@ }, "kind-of": { "version": "1.1.0", - "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=" } } @@ -4900,14 +4931,9 @@ } }, "postcss-value-parser": { - "version": "3.3.0", - "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.0.tgz", - "integrity": "sha1-h/OPnxj3dKSrTIojL1xc6IcqnRU=" - }, - "preserve": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz", - "integrity": "sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=" + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz", + "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==" }, "pretty-hrtime": { "version": "1.0.3", @@ -4953,35 +4979,43 @@ "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz", "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=" }, - "punycode": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", - "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=", + "psl": { + "version": "1.1.29", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.29.tgz", + "integrity": "sha512-AeUmQ0oLN02flVHXWh9sSJF7mcdFq0ppid/JkErufc3hGIV/AMa8Fo9VgDo/cT2jFdOWoFvHp90qqBH54W+gjQ==", "optional": true }, - "qs": { - "version": "6.4.0", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.4.0.tgz", - "integrity": "sha1-E+JtKK1rD/qpExLNO/cI7TUecjM=", - "optional": true + "pump": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/pump/-/pump-2.0.1.tgz", + "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", + "requires": { + "end-of-stream": "^1.1.0", + "once": "^1.3.1" + } }, - "randomatic": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.0.tgz", - "integrity": "sha512-KnGPVE0lo2WoXxIZ7cPR8YBpiol4gsSuOwDSg410oHh80ZMp5EiypNqL2K4Z77vJn6lB5rap7IkAmcUlalcnBQ==", + "pumpify": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-1.5.1.tgz", + "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==", "requires": { - "is-number": "^4.0.0", - "kind-of": "^6.0.0", - "math-random": "^1.0.1" - }, - "dependencies": { - "is-number": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz", - "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==" - } + "duplexify": "^3.6.0", + "inherits": "^2.0.3", + "pump": "^2.0.0" } }, + "punycode": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz", + "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==", + "optional": true + }, + "qs": { + "version": "6.5.2", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz", + "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA==", + "optional": true + }, "read-pkg": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", @@ -5003,7 +5037,7 @@ }, "readable-stream": { "version": "1.1.14", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", "requires": { "core-util-is": "~1.0.0", @@ -5034,7 +5068,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "~1.0.0", @@ -5064,23 +5098,6 @@ "resolve": "^1.1.6" } }, - "redent": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz", - "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=", - "requires": { - "indent-string": "^2.1.0", - "strip-indent": "^1.0.1" - } - }, - "regex-cache": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.4.tgz", - "integrity": "sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==", - "requires": { - "is-equal-shallow": "^0.1.3" - } - }, "regex-not": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", @@ -5090,6 +5107,25 @@ "safe-regex": "^1.1.0" } }, + "remove-bom-buffer": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/remove-bom-buffer/-/remove-bom-buffer-3.0.0.tgz", + "integrity": "sha512-8v2rWhaakv18qcvNeli2mZ/TMTL2nEyAKRvzo1WtnZBl15SHyEhrCu2/xKlJyUFKHiHgfXIyuY6g2dObJJycXQ==", + "requires": { + "is-buffer": "^1.1.5", + "is-utf8": "^0.2.1" + } + }, + "remove-bom-stream": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/remove-bom-stream/-/remove-bom-stream-1.2.0.tgz", + "integrity": "sha1-BfGlk/FuQuH7kOv1nejlaVJflSM=", + "requires": { + "remove-bom-buffer": "^3.0.0", + "safe-buffer": "^5.1.0", + "through2": "^2.0.3" + } + }, "remove-trailing-separator": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz", @@ -5105,19 +5141,21 @@ "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=" }, - "repeating": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", - "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", + "replace-ext": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", + "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + }, + "replace-homedir": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-homedir/-/replace-homedir-1.0.0.tgz", + "integrity": "sha1-6H9tUTuSjd6AgmDBK+f+xv9ueYw=", "requires": { - "is-finite": "^1.0.0" + "homedir-polyfill": "^1.0.1", + "is-absolute": "^1.0.0", + "remove-trailing-separator": "^1.1.0" } }, - "replace-ext": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-0.0.1.tgz", - "integrity": "sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ=" - }, "replacestream": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/replacestream/-/replacestream-4.0.3.tgz", @@ -5135,7 +5173,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "~1.0.0", @@ -5158,33 +5196,31 @@ } }, "request": { - "version": "2.81.0", - "resolved": "https://registry.npmjs.org/request/-/request-2.81.0.tgz", - "integrity": "sha1-xpKJRqDgbF+Nb4qTM0af/aRimKA=", + "version": "2.88.0", + "resolved": "https://registry.npmjs.org/request/-/request-2.88.0.tgz", + "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==", "optional": true, "requires": { - "aws-sign2": "~0.6.0", - "aws4": "^1.2.1", + "aws-sign2": "~0.7.0", + "aws4": "^1.8.0", "caseless": "~0.12.0", - "combined-stream": "~1.0.5", - "extend": "~3.0.0", + "combined-stream": "~1.0.6", + "extend": "~3.0.2", "forever-agent": "~0.6.1", - "form-data": "~2.1.1", - "har-validator": "~4.2.1", - "hawk": "~3.1.3", - "http-signature": "~1.1.0", + "form-data": "~2.3.2", + "har-validator": "~5.1.0", + "http-signature": "~1.2.0", "is-typedarray": "~1.0.0", "isstream": "~0.1.2", "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.7", - "oauth-sign": "~0.8.1", - "performance-now": "^0.2.0", - "qs": "~6.4.0", - "safe-buffer": "^5.0.1", - "stringstream": "~0.0.4", - "tough-cookie": "~2.3.0", + "mime-types": "~2.1.19", + "oauth-sign": "~0.9.0", + "performance-now": "^2.1.0", + "qs": "~6.5.2", + "safe-buffer": "^5.1.2", + "tough-cookie": "~2.4.3", "tunnel-agent": "^0.6.0", - "uuid": "^3.0.0" + "uuid": "^3.3.2" } }, "require-dir": { @@ -5193,11 +5229,21 @@ "integrity": "sha512-XwZR1Gdv8rme0xLSRmxWNue/xQ5mgIfFGwbBJaF7TbFqQBgEBTr/M1/73a4dfn/keF5WDDiUr6RAF4nA1LskrQ==", "dev": true }, + "require-directory": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", + "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=" + }, "require-dot-file": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/require-dot-file/-/require-dot-file-0.4.0.tgz", "integrity": "sha1-tb9ValWJXC1ZDl3srUU1cXhQqek=" }, + "require-main-filename": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz", + "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=" + }, "resolve": { "version": "1.8.1", "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.8.1.tgz", @@ -5215,6 +5261,14 @@ "global-modules": "^1.0.0" } }, + "resolve-options": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/resolve-options/-/resolve-options-1.1.0.tgz", + "integrity": "sha1-MrueOcBtZzONyTeMDW1gdFZq0TE=", + "requires": { + "value-or-function": "^3.0.0" + } + }, "resolve-url": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", @@ -5241,6 +5295,13 @@ "requires": { "convert-source-map": "^0.3.3", "css": "^2.0.0" + }, + "dependencies": { + "convert-source-map": { + "version": "0.3.5", + "resolved": "http://registry.npmjs.org/convert-source-map/-/convert-source-map-0.3.5.tgz", + "integrity": "sha1-8dgClQr33SYxof6+BZZVDIarMZA=" + } } }, "rework-import": { @@ -5369,16 +5430,6 @@ "is-promise": "^2.1.0" } }, - "run-sequence": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/run-sequence/-/run-sequence-2.2.1.tgz", - "integrity": "sha512-qkzZnQWMZjcKbh3CNly2srtrkaO/2H/SI5f2eliMCapdRD3UhMrwjfOAZJAnZ2H8Ju4aBzFZkBGXUqFs9V0yxw==", - "requires": { - "chalk": "^1.1.3", - "fancy-log": "^1.3.2", - "plugin-error": "^0.1.2" - } - }, "rx-lite": { "version": "4.0.8", "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz", @@ -5415,10 +5466,18 @@ "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz", "integrity": "sha1-MAvG4OhjdPe6YQaLWx7NV/xlMto=" }, - "sequencify": { - "version": "0.0.7", - "resolved": "https://registry.npmjs.org/sequencify/-/sequencify-0.0.7.tgz", - "integrity": "sha1-kM/xnQLgcCf9dn9erT57ldHnOAw=" + "semver-greatest-satisfied-range": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/semver-greatest-satisfied-range/-/semver-greatest-satisfied-range-1.1.0.tgz", + "integrity": "sha1-E+jCZYq5aRywzXEJMkAoDTb3els=", + "requires": { + "sver-compat": "^1.5.0" + } + }, + "set-blocking": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz", + "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=" }, "set-value": { "version": "2.0.0", @@ -5456,11 +5515,6 @@ "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.2.tgz", "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=" }, - "slash": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz", - "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=" - }, "snapdragon": { "version": "0.8.2", "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", @@ -5558,15 +5612,6 @@ } } }, - "sntp": { - "version": "1.0.9", - "resolved": "https://registry.npmjs.org/sntp/-/sntp-1.0.9.tgz", - "integrity": "sha1-ZUEYTMkK7qbG57NeJlkIJEPGYZg=", - "optional": true, - "requires": { - "hoek": "2.x.x" - } - }, "source-map": { "version": "0.5.7", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", @@ -5624,7 +5669,7 @@ }, "split": { "version": "0.2.10", - "resolved": "http://registry.npmjs.org/split/-/split-0.2.10.tgz", + "resolved": "https://registry.npmjs.org/split/-/split-0.2.10.tgz", "integrity": "sha1-Zwl8YB1pfOE2j0GPBs0gHPBSGlc=", "requires": { "through": "2" @@ -5644,9 +5689,9 @@ "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" }, "sshpk": { - "version": "1.14.2", - "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.14.2.tgz", - "integrity": "sha1-xvxhZIo9nE52T9P8306hBeSSupg=", + "version": "1.15.2", + "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.15.2.tgz", + "integrity": "sha512-Ra/OXQtuh0/enyl4ETZAfTaeksa6BXks5ZcjpSUNrjBr0DvrJKX+1fsKDPpT9TBXgHAFsa4510aNVgI8g/+SzA==", "optional": true, "requires": { "asn1": "~0.2.3", @@ -5658,16 +5703,13 @@ "jsbn": "~0.1.0", "safer-buffer": "^2.0.2", "tweetnacl": "~0.14.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "optional": true - } } }, + "stack-trace": { + "version": "0.0.10", + "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz", + "integrity": "sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=" + }, "stat-mode": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/stat-mode/-/stat-mode-0.2.2.tgz", @@ -5694,16 +5736,16 @@ }, "stream-combiner": { "version": "0.0.4", - "resolved": "http://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz", + "resolved": "https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz", "integrity": "sha1-TV5DPBhSYd3mI8o/RMWGvPXErRQ=", "requires": { "duplexer": "~0.1.1" } }, - "stream-consume": { - "version": "0.1.1", - "resolved": "https://registry.npmjs.org/stream-consume/-/stream-consume-0.1.1.tgz", - "integrity": "sha512-tNa3hzgkjEP7XbCkbRXe1jpg+ievoa0O4SCFlMOYEscGSS4JJsckGL8swUyAa/ApGU3Ae4t6Honor4HhL+tRyg==" + "stream-exhaust": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz", + "integrity": "sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw==" }, "stream-shift": { "version": "1.0.0", @@ -5750,29 +5792,14 @@ "is-regexp": "^1.0.0" } }, - "stringstream": { - "version": "0.0.6", - "resolved": "https://registry.npmjs.org/stringstream/-/stringstream-0.0.6.tgz", - "integrity": "sha512-87GEBAkegbBcweToUrdzf3eLhWNg06FJTebl4BVJz/JgWy8CvEr9dRtX5qWphiynMSQlxxi+QqN0z5T32SLlhA==", - "optional": true - }, "strip-ansi": { "version": "3.0.1", - "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "requires": { "ansi-regex": "^2.0.0" } }, - "strip-bom": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-1.0.0.tgz", - "integrity": "sha1-hbiGLzhEtabV7IRnqTWYFzo295Q=", - "requires": { - "first-chunk-stream": "^1.0.0", - "is-utf8": "^0.2.0" - } - }, "strip-bom-buf": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/strip-bom-buf/-/strip-bom-buf-1.0.0.tgz", @@ -5782,68 +5809,6 @@ "is-utf8": "^0.2.1" } }, - "strip-bom-stream": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom-stream/-/strip-bom-stream-2.0.0.tgz", - "integrity": "sha1-+H217yYT9paKpUWr/h7HKLaoKco=", - "requires": { - "first-chunk-stream": "^2.0.0", - "strip-bom": "^2.0.0" - }, - "dependencies": { - "first-chunk-stream": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/first-chunk-stream/-/first-chunk-stream-2.0.0.tgz", - "integrity": "sha1-G97NuOCDwGZLkZRVgVd6Q6nzHXA=", - "requires": { - "readable-stream": "^2.0.2" - } - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "strip-bom": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", - "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", - "requires": { - "is-utf8": "^0.2.0" - } - } - } - }, - "strip-indent": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz", - "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=", - "requires": { - "get-stdin": "^4.0.1" - } - }, "strip-json-comments": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz", @@ -5854,6 +5819,15 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz", "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=" }, + "sver-compat": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/sver-compat/-/sver-compat-1.5.0.tgz", + "integrity": "sha1-PPh9/rTQe0o/FIJ7wYaz/QxkXNg=", + "requires": { + "es6-iterator": "^2.0.1", + "es6-symbol": "^3.1.1" + } + }, "ternary-stream": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/ternary-stream/-/ternary-stream-2.0.1.tgz", @@ -5866,13 +5840,13 @@ } }, "textextensions": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/textextensions/-/textextensions-1.0.2.tgz", - "integrity": "sha1-ZUhjk+4fK7A5pgy7oFsLaL2VAdI=" + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/textextensions/-/textextensions-2.2.0.tgz", + "integrity": "sha512-j5EMxnryTvKxwH2Cq+Pb43tsf6sdEgw6Pdwxk83mPaq0ToeFJt6WE4J3s5BqY7vmjlLgkgXvhtXUxo80FyBhCA==" }, "through": { "version": "2.3.8", - "resolved": "http://registry.npmjs.org/through/-/through-2.3.8.tgz", + "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=" }, "through2": { @@ -5891,7 +5865,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "~1.0.0", @@ -5913,10 +5887,20 @@ } } }, + "through2-filter": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/through2-filter/-/through2-filter-2.0.0.tgz", + "integrity": "sha1-YLxVoNrLdghdsfna6Zq0P4PWIuw=", + "requires": { + "through2": "~2.0.0", + "xtend": "~4.0.0" + } + }, "tildify": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/tildify/-/tildify-1.2.0.tgz", "integrity": "sha1-3OwD9V3Km3qj5bBPIYF+tW5jWIo=", + "dev": true, "requires": { "os-homedir": "^1.0.0" } @@ -5934,6 +5918,15 @@ "os-tmpdir": "~1.0.2" } }, + "to-absolute-glob": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/to-absolute-glob/-/to-absolute-glob-2.0.2.tgz", + "integrity": "sha1-GGX0PZ50sIItufFFt4z/fQ98hJs=", + "requires": { + "is-absolute": "^1.0.0", + "is-negated-glob": "^1.0.0" + } + }, "to-object-path": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", @@ -5972,20 +5965,32 @@ "repeat-string": "^1.6.1" } }, + "to-through": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-through/-/to-through-2.0.0.tgz", + "integrity": "sha1-/JKtq6ByZHvAtn1rA2ZKoZUJOvY=", + "requires": { + "through2": "^2.0.3" + } + }, "tough-cookie": { - "version": "2.3.4", - "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.3.4.tgz", - "integrity": "sha512-TZ6TTfI5NtZnuyy/Kecv+CnoROnyXn2DN97LontgQpCwsX2XyLYCC0ENhYkehSOwAp8rTQKc/NUIF7BkQ5rKLA==", + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.4.3.tgz", + "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==", "optional": true, "requires": { + "psl": "^1.1.24", "punycode": "^1.4.1" + }, + "dependencies": { + "punycode": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", + "integrity": "sha1-wNWmOycYgArY4esPpSachN1BhF4=", + "optional": true + } } }, - "trim-newlines": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-1.0.0.tgz", - "integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=" - }, "tunnel-agent": { "version": "0.6.0", "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", @@ -5998,8 +6003,12 @@ "tweetnacl": { "version": "0.14.5", "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz", - "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=", - "optional": true + "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=" + }, + "typedarray": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", + "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=" }, "uglify-js": { "version": "2.8.29", @@ -6009,6 +6018,34 @@ "source-map": "~0.5.1", "uglify-to-browserify": "~1.0.0", "yargs": "~3.10.0" + }, + "dependencies": { + "camelcase": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz", + "integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=" + }, + "cliui": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz", + "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=", + "requires": { + "center-align": "^0.1.1", + "right-align": "^0.1.1", + "wordwrap": "0.0.2" + } + }, + "yargs": { + "version": "3.10.0", + "resolved": "http://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz", + "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=", + "requires": { + "camelcase": "^1.0.2", + "cliui": "^2.1.0", + "decamelize": "^1.0.0", + "window-size": "0.1.0" + } + } } }, "uglify-to-browserify": { @@ -6022,6 +6059,27 @@ "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz", "integrity": "sha1-5z3T17DXxe2G+6xrCufYxqadUPo=" }, + "undertaker": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/undertaker/-/undertaker-1.2.0.tgz", + "integrity": "sha1-M52kZGJS0ILcN45wgGcpl1DhG0k=", + "requires": { + "arr-flatten": "^1.0.1", + "arr-map": "^2.0.0", + "bach": "^1.0.0", + "collection-map": "^1.0.0", + "es6-weak-map": "^2.0.1", + "last-run": "^1.1.0", + "object.defaults": "^1.0.0", + "object.reduce": "^1.0.0", + "undertaker-registry": "^1.0.0" + } + }, + "undertaker-registry": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/undertaker-registry/-/undertaker-registry-1.0.1.tgz", + "integrity": "sha1-XkvaMI5KiirlhPm5pDWaSZglzFA=" + }, "union-value": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.0.tgz", @@ -6055,9 +6113,13 @@ } }, "unique-stream": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/unique-stream/-/unique-stream-1.0.0.tgz", - "integrity": "sha1-1ZpKdUJ0R9mqbJHnAmP40mpLEEs=" + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/unique-stream/-/unique-stream-2.2.1.tgz", + "integrity": "sha1-WqADz76Uxf+GbE59ZouxxNuts2k=", + "requires": { + "json-stable-stringify": "^1.0.0", + "through2-filter": "^2.0.0" + } }, "unset-value": { "version": "1.0.0", @@ -6100,6 +6162,20 @@ } } }, + "upath": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/upath/-/upath-1.1.0.tgz", + "integrity": "sha512-bzpH/oBhoS/QI/YtbkqCg6VEiPYjSZtrHQM6/QnJS6OL9pKUFLqb3aFh4Scvwm45+7iAgiMkLhSbaZxUqmrprw==" + }, + "uri-js": { + "version": "4.2.2", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", + "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", + "optional": true, + "requires": { + "punycode": "^2.1.0" + } + }, "urix": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz", @@ -6113,16 +6189,17 @@ "ip-regex": "^1.0.1" } }, + "url-template": { + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/url-template/-/url-template-2.0.8.tgz", + "integrity": "sha1-/FZaPMy/93MMd19WQflVV5FDnyE=", + "dev": true + }, "use": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==" }, - "user-home": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/user-home/-/user-home-1.1.1.tgz", - "integrity": "sha1-K1viOjK2Onyd640PKNSFcko98ZA=" - }, "util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -6135,11 +6212,11 @@ "optional": true }, "v8flags": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-2.1.1.tgz", - "integrity": "sha1-qrGh+jDUX4jdMhFIh1rALAtV5bQ=", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-3.1.1.tgz", + "integrity": "sha512-iw/1ViSEaff8NJ3HLyEjawk/8hjJib3E7pvG4pddVXfUg1983s3VGsiClDjhK64MQVDGqc1Q8r18S4VKQZS9EQ==", "requires": { - "user-home": "^1.1.1" + "homedir-polyfill": "^1.0.1" } }, "validate-npm-package-license": { @@ -6151,6 +6228,11 @@ "spdx-expression-parse": "^3.0.0" } }, + "value-or-function": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/value-or-function/-/value-or-function-3.0.0.tgz", + "integrity": "sha1-HCQ6ULWVwb5Up1S/7OhWO5/42BM=" + }, "verror": { "version": "1.10.0", "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", @@ -6160,14 +6242,6 @@ "assert-plus": "^1.0.0", "core-util-is": "1.0.2", "extsprintf": "^1.2.0" - }, - "dependencies": { - "assert-plus": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz", - "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=", - "optional": true - } } }, "vinyl": { @@ -6178,98 +6252,144 @@ "clone": "^1.0.0", "clone-stats": "^0.0.1", "replace-ext": "0.0.1" + }, + "dependencies": { + "replace-ext": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-0.0.1.tgz", + "integrity": "sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ=" + } } }, - "vinyl-file": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/vinyl-file/-/vinyl-file-2.0.0.tgz", - "integrity": "sha1-p+v1/779obfRjRQPyweyI++2dRo=", - "requires": { - "graceful-fs": "^4.1.2", - "pify": "^2.3.0", - "pinkie-promise": "^2.0.0", - "strip-bom": "^2.0.0", - "strip-bom-stream": "^2.0.0", - "vinyl": "^1.1.0" + "vinyl-fs": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-3.0.3.tgz", + "integrity": "sha512-vIu34EkyNyJxmP0jscNzWBSygh7VWhqun6RmqVfXePrOwi9lhvRs//dOaGOTRUQr4tx7/zd26Tk5WeSVZitgng==", + "requires": { + "fs-mkdirp-stream": "^1.0.0", + "glob-stream": "^6.1.0", + "graceful-fs": "^4.0.0", + "is-valid-glob": "^1.0.0", + "lazystream": "^1.0.0", + "lead": "^1.0.0", + "object.assign": "^4.0.4", + "pumpify": "^1.3.5", + "readable-stream": "^2.3.3", + "remove-bom-buffer": "^3.0.0", + "remove-bom-stream": "^1.2.0", + "resolve-options": "^1.1.0", + "through2": "^2.0.0", + "to-through": "^2.0.0", + "value-or-function": "^3.0.0", + "vinyl": "^2.0.0", + "vinyl-sourcemap": "^1.1.0" }, "dependencies": { - "graceful-fs": { - "version": "4.1.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", - "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=" + "clone": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" }, - "pify": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", - "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" + "clone-stats": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", + "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" }, - "strip-bom": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", - "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", + "isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" + }, + "readable-stream": { + "version": "2.3.6", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "is-utf8": "^0.2.0" + "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" + } + }, + "replace-ext": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", + "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + }, + "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==", + "requires": { + "safe-buffer": "~5.1.0" } }, "vinyl": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-1.2.0.tgz", - "integrity": "sha1-XIgDbPVl5d8FVYv8kR+GVt8hiIQ=", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", + "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", "requires": { - "clone": "^1.0.0", - "clone-stats": "^0.0.1", - "replace-ext": "0.0.1" + "clone": "^2.1.1", + "clone-buffer": "^1.0.0", + "clone-stats": "^1.0.0", + "cloneable-readable": "^1.0.0", + "remove-trailing-separator": "^1.0.1", + "replace-ext": "^1.0.0" } } } }, - "vinyl-fs": { - "version": "0.3.14", - "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-0.3.14.tgz", - "integrity": "sha1-mmhRzhysHBzqX+hsCTHWIMLPqeY=", - "requires": { - "defaults": "^1.0.0", - "glob-stream": "^3.1.5", - "glob-watcher": "^0.0.6", - "graceful-fs": "^3.0.0", - "mkdirp": "^0.5.0", - "strip-bom": "^1.0.0", - "through2": "^0.6.1", - "vinyl": "^0.4.0" + "vinyl-sourcemap": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/vinyl-sourcemap/-/vinyl-sourcemap-1.1.0.tgz", + "integrity": "sha1-kqgAWTo4cDqM2xHYswCtS+Y7PhY=", + "requires": { + "append-buffer": "^1.0.2", + "convert-source-map": "^1.5.0", + "graceful-fs": "^4.1.6", + "normalize-path": "^2.1.1", + "now-and-later": "^2.0.0", + "remove-bom-buffer": "^3.0.0", + "vinyl": "^2.0.0" }, "dependencies": { "clone": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/clone/-/clone-0.2.0.tgz", - "integrity": "sha1-xhJqkK1Pctv1rNskPMN3JP6T/B8=" + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" }, - "readable-stream": { - "version": "1.0.34", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz", - "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=", - "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.1", - "isarray": "0.0.1", - "string_decoder": "~0.10.x" - } + "clone-stats": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", + "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" }, - "through2": { - "version": "0.6.5", - "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz", - "integrity": "sha1-QaucZ7KdVyCQcUEOHXp6lozTrUg=", + "normalize-path": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", "requires": { - "readable-stream": ">=1.0.33-1 <1.1.0-0", - "xtend": ">=4.0.0 <4.1.0-0" + "remove-trailing-separator": "^1.0.1" } }, + "replace-ext": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", + "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + }, "vinyl": { - "version": "0.4.6", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.4.6.tgz", - "integrity": "sha1-LzVsh6VQolVGHza76ypbqL94SEc=", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", + "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", "requires": { - "clone": "^0.2.0", - "clone-stats": "^0.0.1" + "clone": "^2.1.1", + "clone-buffer": "^1.0.0", + "clone-stats": "^1.0.0", + "cloneable-readable": "^1.0.0", + "remove-trailing-separator": "^1.0.1", + "replace-ext": "^1.0.0" } } } @@ -6295,6 +6415,11 @@ "isexe": "^2.0.0" } }, + "which-module": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/which-module/-/which-module-1.0.0.tgz", + "integrity": "sha1-u6Y8qGGUiZT/MHc2CJ47lgJsKk8=" + }, "window-size": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz", @@ -6305,6 +6430,35 @@ "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz", "integrity": "sha1-t5Zpu0LstAn4PVg8rVLKF+qhZD8=" }, + "wrap-ansi": { + "version": "2.1.0", + "resolved": "http://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", + "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", + "requires": { + "string-width": "^1.0.1", + "strip-ansi": "^3.0.1" + }, + "dependencies": { + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + } + } + }, "wrappy": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", @@ -6320,6 +6474,11 @@ "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz", "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=" }, + "y18n": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/y18n/-/y18n-3.2.1.tgz", + "integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=" + }, "yallist": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz", @@ -6335,20 +6494,62 @@ } }, "yargs": { - "version": "3.10.0", - "resolved": "http://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz", - "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=", + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-7.1.0.tgz", + "integrity": "sha1-a6MY6xaWFyf10oT46gA+jWFU0Mg=", + "requires": { + "camelcase": "^3.0.0", + "cliui": "^3.2.0", + "decamelize": "^1.1.1", + "get-caller-file": "^1.0.1", + "os-locale": "^1.4.0", + "read-pkg-up": "^1.0.1", + "require-directory": "^2.1.1", + "require-main-filename": "^1.0.1", + "set-blocking": "^2.0.0", + "string-width": "^1.0.2", + "which-module": "^1.0.0", + "y18n": "^3.2.1", + "yargs-parser": "^5.0.0" + }, + "dependencies": { + "camelcase": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", + "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=" + }, + "is-fullwidth-code-point": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "requires": { + "number-is-nan": "^1.0.0" + } + }, + "string-width": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", + "requires": { + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" + } + } + } + }, + "yargs-parser": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-5.0.0.tgz", + "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=", "requires": { - "camelcase": "^1.0.2", - "cliui": "^2.1.0", - "decamelize": "^1.0.0", - "window-size": "0.1.0" + "camelcase": "^3.0.0" }, "dependencies": { "camelcase": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-1.2.1.tgz", - "integrity": "sha1-m7UwTS4LVmmLLHWLCKPqqdqlijk=" + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", + "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=" } } } diff --git a/package.json b/package.json index fefd193a2f..c3d7c3144d 100644 --- a/package.json +++ b/package.json @@ -42,57 +42,55 @@ "gulp-replace": "*", "gulp-rtlcss": "*", "gulp-uglify": "*", - "gulp-util": "*", - "gulp-watch": "*", "map-stream": "*", + "replace-ext": "*", "require-dot-file": "*", - "run-sequence": "*", "yamljs": "*" }, "dependencies": { "better-console": "*", "del": "^3.0.0", - "extend": "^3.0.1", - "gulp": "^3.9.1", - "gulp-autoprefixer": "^4.0.0", + "extend": "^3.0.2", + "gulp": "^4.0.0", + "gulp-autoprefixer": "^6.0.0", "gulp-chmod": "^2.0.0", - "gulp-clone": "^1.1.3", + "gulp-clean-css": "^3.10.0", + "gulp-clone": "^2.0.1", "gulp-concat": "^2.6.1", - "gulp-concat-css": "^2.3.0", - "gulp-copy": "1.0.0", + "gulp-concat-css": "^3.1.0", + "gulp-copy": "^4.0.0", "gulp-dedupe": "0.0.2", - "gulp-flatten": "^0.3.1", - "gulp-header": "^1.8.9", - "gulp-help": "^1.6.1", + "gulp-flatten": "^0.4.0", + "gulp-header": "^2.0.5", + "gulp-help": "github:chmontgomery/gulp-help#gulp4", "gulp-if": "^2.0.2", - "gulp-json-editor": "^2.2.1", - "gulp-less": "^3.3.2", - "gulp-clean-css": "^3.7.0", + "gulp-json-editor": "^2.4.3", + "gulp-less": "^4.0.1", "gulp-notify": "^3.0.0", "gulp-plumber": "^1.1.0", - "gulp-print": "^2.0.1", - "prompt-sui": "^3.2.1", - "gulp-rename": "^1.2.2", - "gulp-replace": "^0.6.1", - "gulp-rtlcss": "^1.0.0", - "gulp-uglify": "^3.0.0", - "gulp-util": "^3.0.8", - "gulp-watch": "^4.3.11", + "gulp-print": "^5.0.0", + "gulp-rename": "^1.4.0", + "gulp-replace": "^1.0.0", + "gulp-rtlcss": "^1.3.0", + "gulp-uglify": "^3.0.1", "jquery": "^3.2.1", "map-stream": "^0.1.0", "merge-stream": "^1.0.0", "mkdirp": "^0.5.1", + "normalize-path": "^3.0.0", + "prompt-sui": "^3.2.1", + "replace-ext": "^1.0.0", "require-dot-file": "^0.4.0", - "run-sequence": "^2.1.0", "wrench-sui": "^0.0.3", "yamljs": "^0.3.0" }, "devDependencies": { - "github": "*", + "@octokit/rest": "*", "gulp-concat-filenames": "*", "gulp-debug": "*", "gulp-git": "*", "gulp-tap": "*", + "less": "^3.7.0", "merge-stream": "*" }, "style": "dist/semantic.css" diff --git a/tasks/admin/components/create.js b/tasks/admin/components/create.js index 3d4ed6d3be..58e377fbfa 100644 --- a/tasks/admin/components/create.js +++ b/tasks/admin/components/create.js @@ -18,23 +18,17 @@ var gulp = require('gulp'), // node dependencies - console = require('better-console'), - del = require('del'), fs = require('fs'), path = require('path'), - runSequence = require('run-sequence'), // admin dependencies concatFileNames = require('gulp-concat-filenames'), - debug = require('gulp-debug'), flatten = require('gulp-flatten'), - git = require('gulp-git'), jsonEditor = require('gulp-json-editor'), plumber = require('gulp-plumber'), rename = require('gulp-rename'), replace = require('gulp-replace'), tap = require('gulp-tap'), - util = require('gulp-util'), // config config = require('../../config/user'), @@ -137,17 +131,17 @@ module.exports = function(callback) { ; // copy dist files into output folder adjusting asset paths - gulp.task(task.repo, false, function() { + function copyDist() { return gulp.src(release.source + component + '.*') .pipe(plumber()) .pipe(flatten()) .pipe(replace(release.paths.source, release.paths.output)) .pipe(gulp.dest(outputDirectory)) ; - }); + } // create npm module - gulp.task(task.npm, false, function() { + function createNpmModule() { return gulp.src(release.source + component + '!(*.min|*.map).js') .pipe(plumber()) .pipe(flatten()) @@ -159,10 +153,10 @@ module.exports = function(callback) { .pipe(rename('index.js')) .pipe(gulp.dest(outputDirectory)) ; - }); + } // create readme - gulp.task(task.readme, false, function() { + function createReadme() { return gulp.src(release.templates.readme) .pipe(plumber()) .pipe(flatten()) @@ -170,10 +164,10 @@ module.exports = function(callback) { .pipe(replace(regExp.match.titleName, regExp.replace.titleName)) .pipe(gulp.dest(outputDirectory)) ; - }); + } // extend bower.json - gulp.task(task.bower, false, function() { + function extendBower() { return gulp.src(release.templates.bower) .pipe(plumber()) .pipe(flatten()) @@ -205,10 +199,10 @@ module.exports = function(callback) { })) .pipe(gulp.dest(outputDirectory)) ; - }); + } // extend package.json - gulp.task(task.package, false, function() { + function extendPackage() { return gulp.src(release.templates.package) .pipe(plumber()) .pipe(flatten()) @@ -233,10 +227,10 @@ module.exports = function(callback) { })) .pipe(gulp.dest(outputDirectory)) ; - }); + } // extend composer.json - gulp.task(task.composer, false, function() { + function extendComposer(){ return gulp.src(release.templates.composer) .pipe(plumber()) .pipe(flatten()) @@ -256,10 +250,10 @@ module.exports = function(callback) { })) .pipe(gulp.dest(outputDirectory)) ; - }); + } // create release notes - gulp.task(task.notes, false, function() { + function createReleaseNotes() { return gulp.src(release.templates.notes) .pipe(plumber()) .pipe(flatten()) @@ -271,10 +265,10 @@ module.exports = function(callback) { .pipe(replace(regExp.match.trim, regExp.replace.trim)) .pipe(gulp.dest(outputDirectory)) ; - }); + } // Creates meteor package.js - gulp.task(task.meteor, function() { + function createMeteorPackage() { var filenames = '' ; @@ -306,27 +300,20 @@ module.exports = function(callback) { ; }) ; - }); - - - // synchronous tasks in orchestrator? I think not - gulp.task(task.all, false, function(callback) { - runSequence([ - task.repo, - task.npm, - task.bower, - task.readme, - task.package, - task.composer, - task.notes, - task.meteor - ], callback); - }); - - tasks.push(task.all); + } + tasks.push(gulp.series( + copyDist, + createNpmModule, + extendBower, + createReadme, + extendPackage, + extendComposer, + createReleaseNotes, + createMeteorPackage + )); })(component); } - runSequence(tasks, callback); + gulp.series(...tasks)(callback); }; diff --git a/tasks/admin/components/init.js b/tasks/admin/components/init.js index 168f8dfc02..c9f627af9a 100644 --- a/tasks/admin/components/init.js +++ b/tasks/admin/components/init.js @@ -21,7 +21,6 @@ var fs = require('fs'), path = require('path'), git = require('gulp-git'), - githubAPI = require('github'), mkdirp = require('mkdirp'), // admin files diff --git a/tasks/admin/components/update.js b/tasks/admin/components/update.js index d69501b474..276c9e21fe 100644 --- a/tasks/admin/components/update.js +++ b/tasks/admin/components/update.js @@ -20,8 +20,6 @@ var fs = require('fs'), path = require('path'), git = require('gulp-git'), - githubAPI = require('github'), - requireDotFile = require('require-dot-file'), // admin files github = require('../../config/admin/github.js'), diff --git a/tasks/admin/distributions/create.js b/tasks/admin/distributions/create.js index 732707f85e..6fe6921643 100644 --- a/tasks/admin/distributions/create.js +++ b/tasks/admin/distributions/create.js @@ -13,23 +13,16 @@ var gulp = require('gulp'), // node dependencies - console = require('better-console'), - del = require('del'), fs = require('fs'), path = require('path'), - runSequence = require('run-sequence'), mergeStream = require('merge-stream'), // admin dependencies - concatFileNames = require('gulp-concat-filenames'), - debug = require('gulp-debug'), flatten = require('gulp-flatten'), - git = require('gulp-git'), jsonEditor = require('gulp-json-editor'), plumber = require('gulp-plumber'), rename = require('gulp-rename'), replace = require('gulp-replace'), - tap = require('gulp-tap'), // config config = require('../../config/user'), @@ -129,24 +122,23 @@ module.exports = function(callback) { return filenames; }; - - gulp.task(task.meteor, function() { - var - files = gatherFiles(outputDirectory), - filenames = createList(files) - ; - gulp.src(release.templates.meteor[distLowerCase]) - .pipe(plumber()) - .pipe(flatten()) - .pipe(replace(regExp.match.version, version)) - .pipe(replace(regExp.match.files, filenames)) - .pipe(rename(release.files.meteor)) - .pipe(gulp.dest(outputDirectory)) - ; + tasks.push(function() { + var + files = gatherFiles(outputDirectory), + filenames = createList(files) + ; + gulp.src(release.templates.meteor[distLowerCase]) + .pipe(plumber()) + .pipe(flatten()) + .pipe(replace(regExp.match.version, version)) + .pipe(replace(regExp.match.files, filenames)) + .pipe(rename(release.files.meteor)) + .pipe(gulp.dest(outputDirectory)) + ; }); if(distribution == 'CSS') { - gulp.task(task.repo, function() { + tasks.push(function() { var themes, components, @@ -165,7 +157,7 @@ module.exports = function(callback) { }); } else if(distribution == 'LESS') { - gulp.task(task.repo, function() { + tasks.push(function() { var definitions, themeImport, @@ -196,7 +188,7 @@ module.exports = function(callback) { } // extend package.json - gulp.task(task.package, function() { + tasks.push(function() { return gulp.src(packageFile) .pipe(plumber()) .pipe(jsonEditor(function(package) { @@ -209,11 +201,8 @@ module.exports = function(callback) { ; }); - tasks.push(task.meteor); - tasks.push(task.repo); - tasks.push(task.package); - })(distribution); } - runSequence(tasks, callback); + + gulp.series(...tasks)(callback); }; \ No newline at end of file diff --git a/tasks/admin/distributions/init.js b/tasks/admin/distributions/init.js index 8ed75a0cac..124e13167d 100644 --- a/tasks/admin/distributions/init.js +++ b/tasks/admin/distributions/init.js @@ -21,7 +21,6 @@ var fs = require('fs'), path = require('path'), git = require('gulp-git'), - githubAPI = require('github'), mkdirp = require('mkdirp'), // admin files diff --git a/tasks/admin/distributions/update.js b/tasks/admin/distributions/update.js index 1fce7d2e8b..bc3614b6a5 100644 --- a/tasks/admin/distributions/update.js +++ b/tasks/admin/distributions/update.js @@ -20,8 +20,6 @@ var fs = require('fs'), path = require('path'), git = require('gulp-git'), - githubAPI = require('github'), - requireDotFile = require('require-dot-file'), // admin files github = require('../../config/admin/github.js'), diff --git a/tasks/admin/publish.js b/tasks/admin/publish.js index e80c86a50c..f969e177f2 100644 --- a/tasks/admin/publish.js +++ b/tasks/admin/publish.js @@ -1,6 +1,6 @@ /******************************* - Release All -*******************************/ + * Release All + *******************************/ /* This task update all SUI individual component repos with new versions of components @@ -10,16 +10,15 @@ */ var - runSequence = require('run-sequence') + gulp = require('gulp') ; /* Release All */ -module.exports = function(callback) { +module.exports = function (callback) { - runSequence( + gulp.series( 'update distributions', // commit less/css versions to github 'update components', // commit components to github - callback - ); + )(callback); }; \ No newline at end of file diff --git a/tasks/admin/release.js b/tasks/admin/release.js index a247e8bfac..87962affe3 100644 --- a/tasks/admin/release.js +++ b/tasks/admin/release.js @@ -1,6 +1,6 @@ /******************************* - Release -*******************************/ + * Release + *******************************/ /* This task update all SUI individual component repos with new versions of components @@ -11,19 +11,18 @@ */ var - runSequence = require('run-sequence') + gulp = require('gulp') ; /* Release All */ -module.exports = function(callback) { +module.exports = function (callback) { - runSequence( + gulp.series( //'build', // build Semantic 'init distributions', // sync with current github version 'create distributions', // update each repo with changes from master repo 'init components', // sync with current github version 'create components', // update each repo - callback - ); + )(callback); }; \ No newline at end of file diff --git a/tasks/build.js b/tasks/build.js index 56ea879242..60ecb6867d 100644 --- a/tasks/build.js +++ b/tasks/build.js @@ -1,50 +1,23 @@ /******************************* - Build Task -*******************************/ + * Build Task + *******************************/ var // dependencies - gulp = require('gulp-help')(require('gulp')), - runSequence = require('run-sequence'), + gulp = require('gulp-help')(require('gulp')), // config - config = require('./config/user'), - install = require('./config/project/install'), - - // task sequence - tasks = [] + install = require('./config/project/install') ; - -// sub-tasks -if(config.rtl) { - require('./collections/rtl')(gulp); -} -require('./collections/build')(gulp); - - -module.exports = function(callback) { +module.exports = function (callback) { console.info('Building Semantic'); - if( !install.isSetup() ) { + if (!install.isSetup()) { console.error('Cannot find semantic.json. Run "gulp install" to set-up Semantic'); return 1; } - // check for right-to-left (RTL) language - if(config.rtl === true || config.rtl === 'Yes') { - gulp.start('build-rtl'); - return; - } - - if(config.rtl == 'both') { - tasks.push('build-rtl'); - } - - tasks.push('build-javascript'); - tasks.push('build-css'); - tasks.push('build-assets'); - - runSequence(tasks, callback); + gulp.series('build-css', 'build-javascript', 'build-assets')(callback); }; diff --git a/tasks/build/assets.js b/tasks/build/assets.js index bc37ad993c..698d1f4adc 100644 --- a/tasks/build/assets.js +++ b/tasks/build/assets.js @@ -1,35 +1,63 @@ /******************************* - Build Task -*******************************/ + Build Task + *******************************/ var - gulp = require('gulp'), + gulp = require('gulp'), // gulp dependencies - chmod = require('gulp-chmod'), - gulpif = require('gulp-if'), + chmod = require('gulp-chmod'), + gulpif = require('gulp-if'), + normalize = require('normalize-path'), + print = require('gulp-print').default, // config - config = require('../config/user'), - tasks = require('../config/tasks'), + config = require('../config/user'), + tasks = require('../config/tasks'), + install = require('../config/project/install'), - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, - - log = tasks.log + log = tasks.log ; -module.exports = function(callback) { - - console.info('Building assets'); - - // copy assets - return gulp.src(source.themes + '/**/assets/**/*.*') +function build(src, config) { + return gulp.src(src, {base: config.paths.source.themes}) .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - ; + .pipe(gulp.dest(config.paths.output.themes)) + .pipe(print(log.created)) + ; +} + +function buildAssets(src, config, callback) { + if (!install.isSetup()) { + console.error('Cannot build assets. Run "gulp install" to set-up Semantic'); + callback(); + return; + } + + if (callback === undefined) { + callback = config; + config = src; + src = config.paths.source.themes + '/**/assets/**/*.*'; + } -}; \ No newline at end of file + // copy assets + var assets = () => build(src, config); + assets.displayName = "Building Assets"; + + gulp.series(assets)(callback); +} + +module.exports = function (callback) { + buildAssets(config, callback); +}; + +module.exports.watch = function (type, config) { + gulp + .watch([normalize(config.paths.source.themes + '/**/assets/**/*.*')]) + .on('all', function (event, path) { + console.log('Change in assets detected'); + return gulp.series((callback) => buildAssets(path, config, callback))(); + }); +}; + +module.exports.buildAssets = buildAssets; \ No newline at end of file diff --git a/tasks/build/css.js b/tasks/build/css.js index 6f579d82da..79afffc640 100644 --- a/tasks/build/css.js +++ b/tasks/build/css.js @@ -1,113 +1,251 @@ /******************************* - Build Task -*******************************/ + * Build Task + *******************************/ -var +const gulp = require('gulp'), // node dependencies console = require('better-console'), - fs = require('fs'), // gulp dependencies autoprefixer = require('gulp-autoprefixer'), chmod = require('gulp-chmod'), - clone = require('gulp-clone'), + concatCSS = require('gulp-concat-css'), + dedupe = require('gulp-dedupe'), flatten = require('gulp-flatten'), gulpif = require('gulp-if'), + header = require('gulp-header'), less = require('gulp-less'), minifyCSS = require('gulp-clean-css'), + normalize = require('normalize-path'), plumber = require('gulp-plumber'), - print = require('gulp-print'), + print = require('gulp-print').default, rename = require('gulp-rename'), replace = require('gulp-replace'), - runSequence = require('run-sequence'), + replaceExt = require('replace-ext'), + rtlcss = require('gulp-rtlcss'), // config - config = require('../config/user'), + config = require('./../config/user'), + docsConfig = require('./../config/docs'), tasks = require('../config/tasks'), install = require('../config/project/install'), // shorthand globs = config.globs, assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, banner = tasks.banner, + filenames = tasks.filenames, comments = tasks.regExp.comments, log = tasks.log, settings = tasks.settings ; -// add internal tasks (concat release) -require('../collections/internal')(gulp); - -module.exports = function(callback) { - - var - tasksCompleted = 0, - maybeCallback = function() { - tasksCompleted++; - if(tasksCompleted === 2) { - callback(); - } - }, - - stream, - compressedStream, - uncompressedStream - ; - - console.info('Building CSS'); - - if( !install.isSetup() ) { - console.error('Cannot build files. Run "gulp install" to set-up Semantic'); - return; +/** + * Builds the css + * @param src + * @param type + * @param compress + * @param config + * @param opts + * @return {*} + */ +function build(src, type, compress, config, opts) { + let fileExtension; + if (type === 'rtl' && compress) { + fileExtension = settings.rename.rtlMinCSS; + } else if (type === 'rtl') { + fileExtension = settings.rename.rtlCSS; + } else if (compress) { + fileExtension = settings.rename.minCSS; } - // unified css stream - stream = gulp.src(source.definitions + '/**/' + globs.components + '.less') + return gulp.src(src, opts) .pipe(plumber(settings.plumber.less)) .pipe(less(settings.less)) .pipe(autoprefixer(settings.prefix)) + .pipe(gulpif(type === 'rtl', rtlcss())) .pipe(replace(comments.variables.in, comments.variables.out)) .pipe(replace(comments.license.in, comments.license.out)) .pipe(replace(comments.large.in, comments.large.out)) .pipe(replace(comments.small.in, comments.small.out)) .pipe(replace(comments.tiny.in, comments.tiny.out)) .pipe(flatten()) - ; - - // two concurrent streams from same source to concat release - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - // uncompressed component css - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) + .pipe(replace(config.paths.assets.source, + compress ? config.paths.assets.compressed : config.paths.assets.uncompressed)) + .pipe(gulpif(compress, minifyCSS(settings.minify))) + .pipe(gulpif(fileExtension, rename(fileExtension))) .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) + .pipe(gulp.dest(compress ? config.paths.output.compressed : config.paths.output.uncompressed)) .pipe(print(log.created)) - .on('end', function() { - runSequence('package uncompressed css', maybeCallback); - }) - ; + ; +} + +/** + * Packages the css files in dist + * @param {string} type - type of the css processing (none, rtl, docs) + * @param {boolean} compress - should the output be compressed + */ +function pack(type, compress) { + const output = type === 'docs' ? docsConfig.paths.output : config.paths.output; + const ignoredGlobs = type === 'rtl' ? globs.ignoredRTL + '.rtl.css' : globs.ignored + '.css'; + + let concatenatedCSS; + if (type === 'rtl') { + concatenatedCSS = compress ? filenames.concatenatedMinifiedRTLCSS : filenames.concatenatedRTLCSS; + } else { + concatenatedCSS = compress ? filenames.concatenatedMinifiedCSS : filenames.concatenatedCSS; + } - // compressed component css - compressedStream = stream + return gulp.src(output.uncompressed + '/**/' + globs.components + ignoredGlobs) .pipe(plumber()) - .pipe(clone()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.minCSS)) + .pipe(dedupe()) + .pipe(replace(assets.uncompressed, assets.packaged)) + .pipe(concatCSS(concatenatedCSS, settings.concatCSS)) .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.compressed)) + .pipe(gulpif(compress, minifyCSS(settings.concatMinify))) + .pipe(header(banner, settings.header)) + .pipe(gulp.dest(output.packaged)) .pipe(print(log.created)) - .on('end', function() { - runSequence('package compressed css', maybeCallback); - }) - ; + ; +} + +function buildCSS(src, type, config, opts, callback) { + if (!install.isSetup()) { + console.error('Cannot build CSS files. Run "gulp install" to set-up Semantic'); + callback(); + return; + } + + if (callback === undefined) { + callback = opts; + opts = config; + config = type; + type = src; + src = config.paths.source.definitions + '/**/' + config.globs.components + '.less'; + } + + const buildUncompressed = () => build(src, type, false, config, opts); + buildUncompressed.displayName = 'Building uncompressed CSS'; + const buildCompressed = () => build(src, type, true, config, opts); + buildCompressed.displayName = 'Building compressed CSS'; + + const packUncompressed = () => pack(type, false); + packUncompressed.displayName = 'Packing uncompressed CSS'; + + const packCompressed = () => pack(type, true); + packCompressed.displayName = 'Packing compressed CSS'; + + gulp.parallel( + gulp.series(buildUncompressed, packUncompressed), + gulp.series(buildCompressed, packCompressed) + )(callback); +} + +function rtlAndNormal(src, callback) { + if (callback === undefined) { + callback = src; + src = config.paths.source.definitions + '/**/' + config.globs.components + '.less'; + } + + const rtl = (callback) => buildCSS(src, 'rtl', config, {}, callback); + rtl.displayName = "CSS Right-To-Left"; + const css = (callback) => buildCSS(src, 'default', config, {}, callback); + css.displayName = "CSS"; + + if (config.rtl === true || config.rtl === 'Yes') { + rtl(callback); + } else if (config.rtl === 'both') { + gulp.series(rtl, css)(callback); + } else { + css(callback); + } +} + +function docs(src, callback) { + if (callback === undefined) { + callback = src; + src = config.paths.source.definitions + '/**/' + config.globs.components + '.less'; + } + + const func = (callback) => buildCSS(src, 'docs', config, {}, callback); + func.displayName = "CSS Docs"; + + func(callback); +} + +// Default tasks +module.exports = rtlAndNormal; + +// We keep the changed files in an array to call build with all of them at the same time +let timeout, files = []; + +/** + * Watch changes in CSS files and call the correct build pipe + * @param type + * @param config + */ +module.exports.watch = function (type, config) { + const method = type === 'docs' ? docs : rtlAndNormal; + + // Watch theme.config file + gulp.watch([normalize(config.paths.source.config)]) + .on('all', function () { + // Clear timeout and reset files + timeout && clearTimeout(timeout); + files = []; + return gulp.series(method)(); + }); + + // Watch any less / overrides / variables files + gulp.watch([ + normalize(config.paths.source.definitions + '/**/*.less'), + normalize(config.paths.source.site + '/**/*.{overrides,variables}'), + normalize(config.paths.source.themes + '/**/*.{overrides,variables}') + ]) + .on('all', function (event, path) { + // We don't handle deleted files yet + if (event === 'unlink' || event === 'unlinkDir') { + return; + } + + // Clear timeout + timeout && clearTimeout(timeout); + + // Determine which LESS file has to be recompiled + let lessPath; + if (path.indexOf(config.paths.source.themes) !== -1) { + console.log('Change detected in packaged theme'); + lessPath = replaceExt(path, '.less'); + lessPath = lessPath.replace(tasks.regExp.theme, config.paths.source.definitions); + } else if (path.indexOf(config.paths.source.site) !== -1) { + console.log('Change detected in site theme'); + lessPath = replaceExt(path, '.less'); + lessPath = lessPath.replace(config.paths.source.site, config.paths.source.definitions); + } else { + console.log('Change detected in definition'); + lessPath = path; + } + + // Add file to internal changed files array + if (!files.includes(lessPath)) { + files.push(lessPath); + } + + // Update timeout + timeout = setTimeout(() => { + // Copy files to build in another array + const buildFiles = [...files]; + // Call method + gulp.series((callback) => method(buildFiles, callback))(); + // Reset internal changed files array + files = []; + }, 1000); + }); }; + +// Expose build css method +module.exports.buildCSS = buildCSS; \ No newline at end of file diff --git a/tasks/build/javascript.js b/tasks/build/javascript.js index f99c1304f2..3d521d3e21 100644 --- a/tasks/build/javascript.js +++ b/tasks/build/javascript.js @@ -1,77 +1,152 @@ /******************************* - Build Task -*******************************/ + Build Task + *******************************/ -var - gulp = require('gulp'), +const + gulp = require('gulp'), // node dependencies - console = require('better-console'), - fs = require('fs'), + console = require('better-console'), // gulp dependencies - chmod = require('gulp-chmod'), - flatten = require('gulp-flatten'), - gulpif = require('gulp-if'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), + chmod = require('gulp-chmod'), + concat = require('gulp-concat'), + dedupe = require('gulp-dedupe'), + flatten = require('gulp-flatten'), + gulpif = require('gulp-if'), + header = require('gulp-header'), + normalize = require('normalize-path'), + plumber = require('gulp-plumber'), + print = require('gulp-print').default, + rename = require('gulp-rename'), + replace = require('gulp-replace'), + uglify = require('gulp-uglify'), // config - config = require('../config/user'), - tasks = require('../config/tasks'), - install = require('../config/project/install'), + config = require('./../config/user'), + docsConfig = require('./../config/docs'), + tasks = require('../config/tasks'), + install = require('../config/project/install'), // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, - - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings -; - -// add internal tasks (concat release) -require('../collections/internal')(gulp); - -module.exports = function(callback) { - - var - stream, - compressedStream, - uncompressedStream - ; + globs = config.globs, + assets = config.paths.assets, - console.info('Building Javascript'); - - if( !install.isSetup() ) { - console.error('Cannot build files. Run "gulp install" to set-up Semantic'); - return; - } + banner = tasks.banner, + filenames = tasks.filenames, + comments = tasks.regExp.comments, + log = tasks.log, + settings = tasks.settings +; - // copy source javascript - gulp.src(source.definitions + '/**/' + globs.components + '.js') +/** + * Concat and uglify the Javascript files + * @param {string|array} src - source files + * @param type + * @param config + * @return {*} + */ +function build(src, type, config) { + return gulp.src(src) .pipe(plumber()) .pipe(flatten()) .pipe(replace(comments.license.in, comments.license.out)) - .pipe(gulp.dest(output.uncompressed)) + .pipe(gulp.dest(config.paths.output.uncompressed)) .pipe(gulpif(config.hasPermission, chmod(config.permission))) .pipe(print(log.created)) .pipe(uglify(settings.uglify)) .pipe(rename(settings.rename.minJS)) - .pipe(gulp.dest(output.compressed)) + .pipe(header(banner, settings.header)) + .pipe(gulp.dest(config.paths.output.compressed)) + .pipe(gulpif(config.hasPermission, chmod(config.permission))) + .pipe(print(log.created)) + ; +} + +/** + * Packages the Javascript files in dist + * @param {string} type - type of the js processing (none, rtl, docs) + * @param {boolean} compress - should the output be compressed + */ +function pack(type, compress) { + const output = type === 'docs' ? docsConfig.paths.output : config.paths.output; + const concatenatedJS = compress ? filenames.concatenatedMinifiedJS : filenames.concatenatedJS; + + return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.js') + .pipe(plumber()) + .pipe(dedupe()) + .pipe(replace(assets.uncompressed, assets.packaged)) + .pipe(concat(concatenatedJS)) + .pipe(gulpif(compress, uglify(settings.concatUglify))) + .pipe(header(banner, settings.header)) .pipe(gulpif(config.hasPermission, chmod(config.permission))) + .pipe(gulp.dest(output.packaged)) .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed js'); - gulp.start('package uncompressed js'); - callback(); - }) - ; - -}; \ No newline at end of file + ; +} + +function buildJS(src, type, config, callback) { + if (!install.isSetup()) { + console.error('Cannot build Javascript. Run "gulp install" to set-up Semantic'); + callback(); + return; + } + + if (callback === undefined) { + callback = config; + config = type; + type = src; + src = config.paths.source.definitions + '/**/' + config.globs.components + (config.globs.ignored || '') + '.js'; + } + + // copy source javascript + const js = () => build(src, type, config); + js.displayName = "Building un/compressed Javascript"; + + const packUncompressed = () => pack(type, false); + packUncompressed.displayName = 'Packing uncompressed Javascript'; + + const packCompressed = () => pack(type, true); + packCompressed.displayName = 'Packing compressed Javascript'; + + gulp.series(js, gulp.parallel(packUncompressed, packCompressed))(callback); +} + +module.exports = function (callback) { + buildJS(false, config, callback); +}; + +// We keep the changed files in an array to call build with all of them at the same time +let timeout, files = []; + +module.exports.watch = function (type, config) { + gulp + .watch([normalize(config.paths.source.definitions + '/**/*.js')]) + .on('all', function (event, path) { + // We don't handle deleted files yet + if (event === 'unlink' || event === 'unlinkDir') { + return; + } + + // Clear timeout + timeout && clearTimeout(timeout); + + // Add file to internal changed files array + if (!files.includes(path)) { + files.push(path); + } + + // Update timeout + timeout = setTimeout(() => { + console.log('Change in javascript detected'); + // Copy files to build in another array + const buildFiles = [...files]; + // Call method + gulp.series((callback) => buildJS(buildFiles, type, config, callback))(); + // Reset internal changed files array + files = []; + }, 1000); + }); +}; + +module.exports.buildJS = buildJS; \ No newline at end of file diff --git a/tasks/check-install.js b/tasks/check-install.js index 9bab87e87d..a82297e82f 100644 --- a/tasks/check-install.js +++ b/tasks/check-install.js @@ -1,28 +1,27 @@ /******************************* - Check Install -*******************************/ + * Check Install + *******************************/ var // node dependencies - gulp = require('gulp'), - fs = require('fs'), - console = require('better-console'), - install = require('./config/project/install') + gulp = require('gulp'), + console = require('better-console'), + isSetup = require('./config/project/install').isSetup, + + install = require('./install'), + watch = require('./watch') ; // export task -module.exports = function() { +module.exports = function (callback) { - setTimeout(function() { - if( !install.isSetup() ) { + setTimeout(function () { + if (!isSetup()) { console.log('Starting install...'); - gulp.start('install'); - return; - } - else { - gulp.start('watch'); + install(callback); + } else { + watch(callback); } }, 50); // Delay to allow console.clear to remove messages from check event - }; \ No newline at end of file diff --git a/tasks/clean.js b/tasks/clean.js index f435b4e240..262cf21d74 100644 --- a/tasks/clean.js +++ b/tasks/clean.js @@ -9,6 +9,6 @@ var ; // cleans distribution files -module.exports = function(callback) { - return del([config.paths.clean], tasks.settings.del, callback); +module.exports = function() { + return del([config.paths.clean], tasks.settings.del); }; \ No newline at end of file diff --git a/tasks/collections/admin.js b/tasks/collections/admin.js index a384d1faba..4a40c1f5e8 100644 --- a/tasks/collections/admin.js +++ b/tasks/collections/admin.js @@ -1,6 +1,6 @@ /******************************* - Admin Task Collection -*******************************/ + * Admin Task Collection + *******************************/ /* This are tasks to be run by project maintainers @@ -10,11 +10,11 @@ */ /******************************* - Tasks -*******************************/ + * Tasks + *******************************/ -module.exports = function(gulp) { +module.exports = function (gulp) { var // less/css distributions initComponents = require('../admin/components/init'), @@ -32,18 +32,33 @@ module.exports = function(gulp) { ; /* Release */ - gulp.task('init distributions', 'Grabs each component from GitHub', initDistributions); - gulp.task('create distributions', 'Updates files in each repo', createDistributions); - gulp.task('init components', 'Grabs each component from GitHub', initComponents); - gulp.task('create components', 'Updates files in each repo', createComponents); + gulp.task('init distributions', initDistributions); + gulp.task('init distributions').description = 'Grabs each component from GitHub'; + + gulp.task('create distributions', createDistributions); + gulp.task('create distributions').description = 'Updates files in each repo'; + + gulp.task('init components', initComponents); + gulp.task('init components').description = 'Grabs each component from GitHub'; + + gulp.task('create components', createComponents); + gulp.task('create components').description = 'Updates files in each repo'; /* Publish */ - gulp.task('update distributions', 'Commits component updates from create to GitHub', updateDistributions); - gulp.task('update components', 'Commits component updates from create to GitHub', updateComponents); + gulp.task('update distributions', updateDistributions); + gulp.task('update distributions').description = 'Commits component updates from create to GitHub'; + + gulp.task('update components', updateComponents); + gulp.task('update components').description = 'Commits component updates from create to GitHub'; /* Tasks */ - gulp.task('release', 'Stages changes in GitHub repos for all distributions', release); - gulp.task('publish', 'Publishes all releases (components, package)', publish); - gulp.task('register', 'Registers all packages with NPM', register); + gulp.task('release', release); + gulp.task('release').description = 'Stages changes in GitHub repos for all distributions'; + + gulp.task('publish', publish); + gulp.task('publish').description = 'Publishes all releases (components, package)'; + + gulp.task('register', register); + gulp.task('register').description = 'Registers all packages with NPM'; }; \ No newline at end of file diff --git a/tasks/collections/build.js b/tasks/collections/build.js index f7ea287673..4750e2fb3b 100644 --- a/tasks/collections/build.js +++ b/tasks/collections/build.js @@ -1,19 +1,32 @@ /******************************* - Define Sub-Tasks -*******************************/ + * Define Build Sub-Tasks + *******************************/ -module.exports = function(gulp) { +module.exports = function (gulp) { - var - // build sub-tasks - buildJS = require('./../build/javascript'), - buildCSS = require('./../build/css'), - buildAssets = require('./../build/assets') + // build sub-tasks + const + watch = require('./../watch'), + + build = require('./../build'), + buildJS = require('./../build/javascript'), + buildCSS = require('./../build/css'), + buildAssets = require('./../build/assets') ; - // in case these tasks are undefined during import, less make sure these are available in scope - gulp.task('build-javascript', 'Builds all javascript from source', buildJS); - gulp.task('build-css', 'Builds all css from source', buildCSS); - gulp.task('build-assets', 'Copies all assets from source', buildAssets); + gulp.task('watch', watch); + gulp.task('watch').description = 'Watch for site/theme changes'; + + gulp.task('build', build); + gulp.task('build').description = 'Builds all files from source'; + + gulp.task('build-javascript', buildJS); + gulp.task('build-javascript').description = 'Builds all javascript from source'; + + gulp.task('build-css', buildCSS); + gulp.task('build-css').description = 'Builds all css from source'; + + gulp.task('build-assets', buildAssets); + gulp.task('build-assets').description = 'Copies all assets from source'; }; diff --git a/tasks/collections/docs.js b/tasks/collections/docs.js new file mode 100644 index 0000000000..ffb9452405 --- /dev/null +++ b/tasks/collections/docs.js @@ -0,0 +1,23 @@ +/******************************* + * Define Docs Sub-Tasks + *******************************/ + +/* + Lets you serve files to a local documentation instance + https://github.com/Semantic-Org/Semantic-UI-Docs/ +*/ +module.exports = function (gulp) { + + var + // docs tasks + serveDocs = require('./../docs/serve'), + buildDocs = require('./../docs/build') + ; + + gulp.task('serve-docs', serveDocs); + gulp.task('serve-docs').description = 'Serve file changes to SUI Docs'; + + gulp.task('build-docs', buildDocs); + gulp.task('build-docs').description = 'Build all files and add to SUI Docs'; + +}; diff --git a/tasks/collections/install.js b/tasks/collections/install.js new file mode 100644 index 0000000000..7f172c324b --- /dev/null +++ b/tasks/collections/install.js @@ -0,0 +1,23 @@ +/******************************* + * Define Install Sub-Tasks + *******************************/ + +/* + Lets you serve files to a local documentation instance + https://github.com/Semantic-Org/Semantic-UI-Docs/ +*/ +module.exports = function (gulp) { + + var + // docs tasks + install = require('./../install'), + checkInstall = require('./../check-install') + ; + + gulp.task('install', install); + gulp.task('install').description = 'Runs set-up'; + + gulp.task('check-install', checkInstall); + gulp.task('check-install').description = 'Displays current version of Semantic'; + +}; diff --git a/tasks/collections/internal.js b/tasks/collections/internal.js deleted file mode 100644 index 63d2241178..0000000000 --- a/tasks/collections/internal.js +++ /dev/null @@ -1,227 +0,0 @@ -/******************************* - Internal Task Collection -*******************************/ - -/* These tasks create packaged files from **dist** components - Not intended to be called directly by a user because - these do not build fresh from **src** -*/ - -module.exports = function(gulp) { - - var - // node dependencies - fs = require('fs'), - chmod = require('gulp-chmod'), - concat = require('gulp-concat'), - concatCSS = require('gulp-concat-css'), - clone = require('gulp-clone'), - dedupe = require('gulp-dedupe'), - gulpif = require('gulp-if'), - header = require('gulp-header'), - less = require('gulp-less'), - minifyCSS = require('gulp-clean-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), - - // user config - config = require('./../config/user'), - docsConfig = require('./../config/docs'), - - // install config - tasks = require('./../config/tasks'), - release = require('./../config/project/release'), - - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - - banner = tasks.banner, - filenames = tasks.filenames, - log = tasks.log, - settings = tasks.settings - ; - - /*-------------- - Packaged - ---------------*/ - - gulp.task('package uncompressed css', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(plumber()) - .pipe(dedupe()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedCSS, settings.concatCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed css', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(plumber()) - .pipe(dedupe()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedMinifiedCSS, settings.concatCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(minifyCSS(settings.concatMinify)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package uncompressed js', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.js') - .pipe(plumber()) - .pipe(dedupe()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concat(filenames.concatenatedJS)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed js', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.js') - .pipe(plumber()) - .pipe(dedupe()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concat(filenames.concatenatedMinifiedJS)) - .pipe(uglify(settings.concatUglify)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - /*-------------- - RTL - ---------------*/ - - if(config.rtl) { - - gulp.task('package uncompressed rtl css', function () { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignoredRTL + '.rtl.css') - .pipe(dedupe()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedRTLCSS, settings.concatCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed rtl css', function () { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignoredRTL + '.rtl.css') - .pipe(dedupe()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedMinifiedRTLCSS, settings.concatCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(minifyCSS(settings.concatMinify)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package uncompressed docs css', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(dedupe()) - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedCSS, settings.concatCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed docs css', function() { - return gulp.src(output.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(dedupe()) - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedMinifiedCSS, settings.concatCSS)) - .pipe(minifyCSS(settings.concatMinify)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.packaged)) - .pipe(print(log.created)) - ; - }); - - } - - /*-------------- - Docs - ---------------*/ - - var - docsOutput = docsConfig.paths.output - ; - - gulp.task('package uncompressed docs css', function() { - return gulp.src(docsOutput.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(dedupe()) - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedCSS, settings.concatCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(docsOutput.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed docs css', function() { - return gulp.src(docsOutput.uncompressed + '/**/' + globs.components + globs.ignored + '.css') - .pipe(dedupe()) - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concatCSS(filenames.concatenatedMinifiedCSS, settings.concatCSS)) - .pipe(minifyCSS(settings.concatMinify)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(docsOutput.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package uncompressed docs js', function() { - return gulp.src(docsOutput.uncompressed + '/**/' + globs.components + globs.ignored + '.js') - .pipe(dedupe()) - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concat(filenames.concatenatedJS)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(docsOutput.packaged)) - .pipe(print(log.created)) - ; - }); - - gulp.task('package compressed docs js', function() { - return gulp.src(docsOutput.uncompressed + '/**/' + globs.components + globs.ignored + '.js') - .pipe(dedupe()) - .pipe(plumber()) - .pipe(replace(assets.uncompressed, assets.packaged)) - .pipe(concat(filenames.concatenatedMinifiedJS)) - .pipe(uglify(settings.concatUglify)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(docsOutput.packaged)) - .pipe(print(log.created)) - ; - }); - -}; diff --git a/tasks/collections/rtl.js b/tasks/collections/rtl.js index 4c8e70a429..3eae606bc7 100644 --- a/tasks/collections/rtl.js +++ b/tasks/collections/rtl.js @@ -1,16 +1,19 @@ /******************************* - Define Sub-Tasks -*******************************/ + * Define RTL Sub-Tasks + *******************************/ -module.exports = function(gulp) { +module.exports = function (gulp) { + // rtl var - // rtl - buildRTL = require('./../rtl/build'), - watchRTL = require('./../rtl/watch') + buildRTL = require('./../rtl/build'), + watchRTL = require('./../rtl/watch') ; - gulp.task('watch-rtl', 'Build all files as RTL', watchRTL); - gulp.task('build-rtl', 'Watch files as RTL ', buildRTL); + gulp.task('watch-rtl', watchRTL); + gulp.task('watch-rtl').description = 'DEPRECATED - use \'watch\' instead - Watch files as RTL'; + + gulp.task('build-rtl', buildRTL); + gulp.task('build-rtl').description = 'DEPRECATED - use \'build\' instead - Build all files as RTL'; }; diff --git a/tasks/collections/various.js b/tasks/collections/various.js new file mode 100644 index 0000000000..39d0a2ce21 --- /dev/null +++ b/tasks/collections/various.js @@ -0,0 +1,22 @@ +/******************************* + * Define Various Sub-Tasks + *******************************/ + +/* + Lets you serve files to a local documentation instance + https://github.com/Semantic-Org/Semantic-UI-Docs/ +*/ +module.exports = function (gulp) { + + var + clean = require('./../clean'), + version = require('./../version') + ; + + gulp.task('clean', clean); + gulp.task('clean').description = 'Clean dist folder'; + + gulp.task('version', version); + gulp.task('version').description = 'Clean dist folder'; + +}; diff --git a/tasks/config/admin/github.js b/tasks/config/admin/github.js index 6f0f4c27e5..a2c9e20bf7 100644 --- a/tasks/config/admin/github.js +++ b/tasks/config/admin/github.js @@ -8,7 +8,7 @@ var fs = require('fs'), path = require('path'), - githubAPI = require('github'), + githubAPI = require('@octokit/rest'), // stores oauth info for GitHub API oAuthConfig = path.join(__dirname, 'oauth.js'), diff --git a/tasks/config/npm/gulpfile.js b/tasks/config/npm/gulpfile.js index bde19605ec..f1284c7c67 100644 --- a/tasks/config/npm/gulpfile.js +++ b/tasks/config/npm/gulpfile.js @@ -1,72 +1,34 @@ /******************************* - Set-up -*******************************/ + * Set-up + *******************************/ var - gulp = require('gulp-help')(require('gulp')), + gulp = require('gulp-help')(require('gulp')), // read user config to know what task to load - config = require('./tasks/config/user'), - - // watch changes - watch = require('./tasks/watch'), - - // build all files - build = require('./tasks/build'), - buildJS = require('./tasks/build/javascript'), - buildCSS = require('./tasks/build/css'), - buildAssets = require('./tasks/build/assets'), - - // utility - clean = require('./tasks/clean'), - version = require('./tasks/version'), - - // docs tasks - serveDocs = require('./tasks/docs/serve'), - buildDocs = require('./tasks/docs/build'), - - // rtl - buildRTL = require('./tasks/rtl/build'), - watchRTL = require('./tasks/rtl/watch') + config = require('./tasks/config/user') ; /******************************* - Tasks -*******************************/ + * Tasks + *******************************/ -gulp.task('default', false, [ - 'watch' -]); +require('./tasks/collections/build')(gulp); +require('./tasks/collections/install')(gulp); -gulp.task('watch', 'Watch for site/theme changes', watch); - -gulp.task('build', 'Builds all files from source', build); -gulp.task('build-javascript', 'Builds all javascript from source', buildJS); -gulp.task('build-css', 'Builds all css from source', buildCSS); -gulp.task('build-assets', 'Copies all assets from source', buildAssets); - -gulp.task('clean', 'Clean dist folder', clean); -gulp.task('version', 'Displays current version of Semantic', version); +gulp.task('default', gulp.series('watch')); /*-------------- Docs ---------------*/ -/* - Lets you serve files to a local documentation instance - https://github.com/Semantic-Org/Semantic-UI-Docs/ -*/ - -gulp.task('serve-docs', 'Serve file changes to SUI Docs', serveDocs); -gulp.task('build-docs', 'Build all files and add to SUI Docs', buildDocs); - +require('./tasks/collections/docs')(gulp); /*-------------- RTL ---------------*/ -if(config.rtl) { - gulp.task('watch-rtl', 'Watch files as RTL', watchRTL); - gulp.task('build-rtl', 'Build all files as RTL', buildRTL); -} +if (config.rtl) { + require('./tasks/collections/rtl')(gulp); +} \ No newline at end of file diff --git a/tasks/docs/build.js b/tasks/docs/build.js index 3d420c86f9..c6b42089ef 100644 --- a/tasks/docs/build.js +++ b/tasks/docs/build.js @@ -1,110 +1,90 @@ /******************************* - Build Docs -*******************************/ + Build Docs + *******************************/ var - gulp = require('gulp'), + gulp = require('gulp'), // node dependencies - console = require('better-console'), - fs = require('fs'), - map = require('map-stream'), + console = require('better-console'), + fs = require('fs'), + map = require('map-stream'), // gulp dependencies - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - flatten = require('gulp-flatten'), - gulpif = require('gulp-if'), - header = require('gulp-header'), - less = require('gulp-less'), - minifyCSS = require('gulp-clean-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), + print = require('gulp-print').default, // user config - config = require('../config/docs'), + config = require('../config/docs'), // install config - tasks = require('../config/tasks'), - configSetup = require('../config/project/config'), - install = require('../config/project/install'), + tasks = require('../config/tasks'), + configSetup = require('../config/project/config'), + install = require('../config/project/install'), // metadata parsing - metadata = require('./metadata'), + metadata = require('./metadata'), + + // build methods + buildJS = require('../build/javascript').buildJS, + buildCSS = require('../build/css').buildCSS, + buildAssets = require('../build/assets').buildAssets, // shorthand - globs, - assets, - output, - source, - - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings + log = tasks.log ; -// add internal tasks (concat release) -require('../collections/internal')(gulp); - -module.exports = function(callback) { - var - stream, - compressedStream, - uncompressedStream - ; +module.exports = function (callback) { // use a different config config = configSetup.addDerivedValues(config); // shorthand - globs = config.globs; - assets = config.paths.assets; - output = config.paths.output; - source = config.paths.source; + const globs = config.globs; + const output = config.paths.output; /*-------------- Parse metadata ---------------*/ - // parse all *.html.eco in docs repo, data will end up in - // metadata.result object. Note this assumes that the docs - // repository is present and in proper directory location as - // specified by docs.json. - console.info('Building Metadata'); - gulp.src(config.paths.template.eco + globs.eco) - .pipe(map(metadata.parser)) - .on('end', function() { - fs.writeFile(output.metadata + '/metadata.json', JSON.stringify(metadata.result, null, 2), new Function()); - }) - ; + function buildMetaData() { + // parse all *.html.eco in docs repo, data will end up in + // metadata.result object. Note this assumes that the docs + // repository is present and in proper directory location as + // specified by docs.json. + console.info('Building Metadata'); + return gulp.src(config.paths.template.eco + globs.eco) + .pipe(map(metadata.parser)) + .on('end', function () { + fs.writeFile(output.metadata + '/metadata.json', JSON.stringify(metadata.result, null, 2), new Function()); + }); + } /*-------------- Copy Examples ---------------*/ - console.info('Copying examples'); - // copy src/ to server - gulp.src('examples/**/*.*') - .pipe(gulp.dest(output.examples)) - .pipe(print(log.created)) - ; + function copyExample() { + // copy src/ to server + console.info('Copying examples'); + return gulp.src('examples/**/*.*') + .pipe(gulp.dest(output.examples)) + .pipe(print(log.created)); + } + /*-------------- Copy Source ---------------*/ - console.info('Copying LESS source'); - // copy src/ to server - gulp.src('src/**/*.*') - .pipe(gulp.dest(output.less)) - .pipe(print(log.created)) - ; + function copyLess() { + // copy src/ to server + console.info('Copying LESS source'); + return gulp.src('src/**/*.*') + .pipe(gulp.dest(output.less)) + .pipe(print(log.created)); + } + /*-------------- Build @@ -112,78 +92,19 @@ module.exports = function(callback) { console.info('Building Semantic for docs'); - if( !install.isSetup() ) { + if (!install.isSetup()) { console.error('Cannot build files. Run "gulp install" to set-up Semantic'); + callback(); return; } - // unified css stream - stream = gulp.src(source.definitions + '/**/' + globs.components + '.less') - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(autoprefixer(settings.prefix)) - .pipe(flatten()) - ; - - // two concurrent streams from same source to concat release - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed docs css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(clone()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.minCSS)) - .pipe(header(banner, settings.header)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - callback(); - gulp.start('package compressed docs css'); - }) - ; - - // copy assets - gulp.src(source.themes + '/**/assets/**/*.*') - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - ; - - // copy source javascript - gulp.src(source.definitions + '/**/' + globs.components + '.js') - .pipe(plumber()) - .pipe(flatten()) - .pipe(gulp.dest(output.uncompressed)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.compressed)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed docs js'); - gulp.start('package uncompressed docs js'); - }) - ; + gulp.series( + buildMetaData, + copyExample, + copyLess, + (callback) => buildJS('docs', config, callback), + (callback) => buildCSS('docs', config, {}, callback), + (callback) => buildAssets(config, callback) + )(callback); }; diff --git a/tasks/docs/serve.js b/tasks/docs/serve.js index 66673130b6..51af308861 100644 --- a/tasks/docs/serve.js +++ b/tasks/docs/serve.js @@ -1,78 +1,56 @@ /******************************* - Serve Docs -*******************************/ + Serve Docs + *******************************/ var - gulp = require('gulp'), + gulp = require('gulp'), // node dependencies - console = require('better-console'), - fs = require('fs'), + console = require('better-console'), // gulp dependencies - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - gulpif = require('gulp-if'), - header = require('gulp-header'), - less = require('gulp-less'), - minifyCSS = require('gulp-clean-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), - util = require('gulp-util'), - watch = require('gulp-watch'), + print = require('gulp-print').default, // user config - config = require('../config/docs'), + config = require('../config/docs'), // task config - tasks = require('../config/tasks'), - configSetup = require('../config/project/config'), - install = require('../config/project/install'), + tasks = require('../config/tasks'), + configSetup = require('../config/project/config'), // shorthand - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings, - - globs, - assets, - output, - source + log = tasks.log, + + css = require('../build/css'), + js = require('../build/javascript'), + assets = require('../build/assets') ; -require('../collections/internal')(gulp); module.exports = function () { // use a different config config = configSetup.addDerivedValues(config); - // shorthand - globs = config.globs; - assets = config.paths.assets; - output = config.paths.output; - source = config.paths.source; - + console.clear(); + console.log('Watching source files for changes'); /*-------------- Copy Source ---------------*/ gulp - .watch([ - 'src/**/*.*' - ], function(file) { - console.clear(); - return gulp.src(file.path, { - base: 'src/' - }) - .pipe(gulp.dest(output.less)) + .watch(['src/**/*.*']) + .on('all', function (event, path) { + // We don't handle deleted files yet + if (event === 'unlink' || event === 'unlinkDir') { + return; + } + return gulp.src(path, { + base: 'src/' + }) + .pipe(gulp.dest(config.paths.output.less)) .pipe(print(log.created)) - ; + ; }) ; @@ -81,16 +59,18 @@ module.exports = function () { ---------------*/ gulp - .watch([ - 'examples/**/*.*' - ], function(file) { - console.clear(); - return gulp.src(file.path, { - base: 'examples/' - }) - .pipe(gulp.dest(output.examples)) + .watch(['examples/**/*.*']) + .on('all', function (event, path) { + // We don't handle deleted files yet + if (event === 'unlink' || event === 'unlinkDir') { + return; + } + return gulp.src(path, { + base: 'examples/' + }) + .pipe(gulp.dest(config.paths.output.examples)) .pipe(print(log.created)) - ; + ; }) ; @@ -98,158 +78,18 @@ module.exports = function () { Watch CSS ---------------*/ - gulp - .watch([ - source.config, - source.definitions + '/**/*.less', - source.site + '/**/*.{overrides,variables}', - source.themes + '/**/*.{overrides,variables}' - ], function(file) { - - var - lessPath, - - stream, - compressedStream, - uncompressedStream, - - isDefinition, - isPackagedTheme, - isSiteTheme, - isConfig - ; - - // log modified file - gulp.src(file.path) - .pipe(print(log.modified)) - ; - - /*-------------- - Find Source - ---------------*/ - - // recompile on *.override , *.variable change - isConfig = (file.path.indexOf('theme.config') !== -1 || file.path.indexOf('site.variables') !== -1); - isPackagedTheme = (file.path.indexOf(source.themes) !== -1); - isSiteTheme = (file.path.indexOf(source.site) !== -1); - isDefinition = (file.path.indexOf(source.definitions) !== -1); - - if(isConfig) { - // console.info('Rebuilding all files'); - // cant rebuild paths are wrong - // gulp.start('build-docs'); - return; - } - else if(isPackagedTheme) { - console.log('Change detected in packaged theme'); - lessPath = util.replaceExtension(file.path, '.less'); - lessPath = lessPath.replace(tasks.regExp.theme, source.definitions); - } - else if(isSiteTheme) { - console.log('Change detected in site theme'); - lessPath = util.replaceExtension(file.path, '.less'); - lessPath = lessPath.replace(source.site, source.definitions); - } - else { - console.log('Change detected in definition'); - lessPath = file.path; - } - - /*-------------- - Create CSS - ---------------*/ - - if( fs.existsSync(lessPath) ) { - - // unified css stream - stream = gulp.src(lessPath) - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(autoprefixer(settings.prefix)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - ; - - // use 2 concurrent streams from same pipe - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed docs css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.minCSS)) - .pipe(header(banner, settings.header)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed docs css'); - }) - ; - - } - else { - console.log('Cannot find UI definition at path', lessPath); - } - }) - ; + css.watch('docs', config); /*-------------- Watch JS ---------------*/ - gulp - .watch([ - source.definitions + '/**/*.js' - ], function(file) { - gulp.src(file.path) - .pipe(plumber()) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed docs js'); - gulp.start('package uncompressed docs js'); - }) - ; - }) - ; + js.watch('docs', config); /*-------------- Watch Assets ---------------*/ - // only copy assets that match component names (or their plural) - gulp - .watch([ - source.themes + '/**/assets/**/' + globs.components + '?(s).*' - ], function(file) { - // copy assets - gulp.src(file.path, { base: source.themes }) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - .pipe(print(log.created)) - ; - }) - ; - + assets.watch('docs', config); }; diff --git a/tasks/install.js b/tasks/install.js index a6f9e1f948..c4c0b3ff87 100644 --- a/tasks/install.js +++ b/tasks/install.js @@ -1,6 +1,6 @@ /******************************* - Install Task -*******************************/ + * Install Task + *******************************/ /* Install tasks @@ -23,7 +23,6 @@ var fs = require('fs'), mkdirp = require('mkdirp'), path = require('path'), - runSequence = require('run-sequence'), // gulp dependencies chmod = require('gulp-chmod'), @@ -57,403 +56,387 @@ var // Export install task module.exports = function (callback) { -var - currentConfig = requireDotFile('semantic.json'), - manager = install.getPackageManager(), - rootQuestions = questions.root, - installFolder = false, - answers -; - -console.clear(); - -/* Test NPM install -manager = { - name : 'NPM', - root : path.normalize(__dirname + '/../') -}; -*/ - - -/* Don't do end user config if SUI is a sub-module */ -if( install.isSubModule() ) { - console.info('SUI is a sub-module, skipping end-user install'); - return; -} - -/*----------------- - Update SUI ------------------*/ - -// run update scripts if semantic.json exists -if(currentConfig && manager.name === 'NPM') { - var - updateFolder = path.join(manager.root, currentConfig.base), - updatePaths = { - config : path.join(manager.root, files.config), - tasks : path.join(updateFolder, folders.tasks), - themeImport : path.join(updateFolder, folders.themeImport), - definition : path.join(currentConfig.paths.source.definitions), - site : path.join(currentConfig.paths.source.site), - theme : path.join(currentConfig.paths.source.themes), - defaultTheme : path.join(currentConfig.paths.source.themes, folders.defaultTheme) - } + currentConfig = requireDotFile('semantic.json'), + manager = install.getPackageManager(), + rootQuestions = questions.root, + installFolder = false, + answers ; - // duck-type if there is a project installed - if( fs.existsSync(updatePaths.definition) ) { + console.clear(); - // perform update if new version - if(currentConfig.version !== release.version) { - console.log('Updating Semantic UI from ' + currentConfig.version + ' to ' + release.version); + /* Test NPM install + manager = { + name : 'NPM', + root : path.normalize(__dirname + '/../') + }; + */ - console.info('Updating ui definitions...'); - wrench.copyDirSyncRecursive(source.definitions, updatePaths.definition, settings.wrench.overwrite); - console.info('Updating default theme...'); - wrench.copyDirSyncRecursive(source.themes, updatePaths.theme, settings.wrench.merge); - wrench.copyDirSyncRecursive(source.defaultTheme, updatePaths.defaultTheme, settings.wrench.overwrite); + /* Don't do end user config if SUI is a sub-module */ + if (install.isSubModule()) { + console.info('SUI is a sub-module, skipping end-user install'); + return; + } - console.info('Updating tasks...'); - wrench.copyDirSyncRecursive(source.tasks, updatePaths.tasks, settings.wrench.overwrite); + /*----------------- + Update SUI + -----------------*/ - console.info('Updating gulpfile.js'); - gulp.src(source.userGulpFile) - .pipe(plumber()) - .pipe(gulp.dest(updateFolder)) - ; - - // copy theme import - console.info('Updating theme import file'); - gulp.src(source.themeImport) - .pipe(plumber()) - .pipe(gulp.dest(updatePaths.themeImport)) - ; +// run update scripts if semantic.json exists + if (currentConfig && manager.name === 'NPM') { - console.info('Adding new site theme files...'); - wrench.copyDirSyncRecursive(source.site, updatePaths.site, settings.wrench.merge); + var + updateFolder = path.join(manager.root, currentConfig.base), + updatePaths = { + config : path.join(manager.root, files.config), + tasks : path.join(updateFolder, folders.tasks), + themeImport : path.join(updateFolder, folders.themeImport), + definition : path.join(currentConfig.paths.source.definitions), + site : path.join(currentConfig.paths.source.site), + theme : path.join(currentConfig.paths.source.themes), + defaultTheme: path.join(currentConfig.paths.source.themes, folders.defaultTheme) + } + ; - console.info('Updating version...'); + // duck-type if there is a project installed + if (fs.existsSync(updatePaths.definition)) { - // update version number in semantic.json - gulp.src(updatePaths.config) - .pipe(plumber()) - .pipe(rename(settings.rename.json)) // preserve file extension - .pipe(jsonEditor({ - version: release.version - })) - .pipe(gulp.dest(manager.root)) - ; + // perform update if new version + if (currentConfig.version !== release.version) { + console.log('Updating Semantic UI from ' + currentConfig.version + ' to ' + release.version); - console.info('Update complete! Run "\x1b[92mgulp build\x1b[0m" to rebuild dist/ files.'); + console.info('Updating ui definitions...'); + wrench.copyDirSyncRecursive(source.definitions, updatePaths.definition, settings.wrench.overwrite); - return; - } - else { - console.log('Current version of Semantic UI already installed'); - return; - } + console.info('Updating default theme...'); + wrench.copyDirSyncRecursive(source.themes, updatePaths.theme, settings.wrench.merge); + wrench.copyDirSyncRecursive(source.defaultTheme, updatePaths.defaultTheme, settings.wrench.overwrite); - } - else { - console.error('Cannot locate files to update at path: ', updatePaths.definition); - console.log('Running installer'); - } + console.info('Updating tasks...'); + wrench.copyDirSyncRecursive(source.tasks, updatePaths.tasks, settings.wrench.overwrite); -} + console.info('Updating gulpfile.js'); + gulp.src(source.userGulpFile) + .pipe(plumber()) + .pipe(gulp.dest(updateFolder)) + ; -/*-------------- - Determine Root ----------------*/ + // copy theme import + console.info('Updating theme import file'); + gulp.src(source.themeImport) + .pipe(plumber()) + .pipe(gulp.dest(updatePaths.themeImport)) + ; -// PM that supports Build Tools (NPM Only Now) -if(manager.name == 'NPM') { - rootQuestions[0].message = rootQuestions[0].message - .replace('{packageMessage}', 'We detected you are using ' + manager.name + ' Nice!') - .replace('{root}', manager.root) - ; - // set default path to detected PM root - rootQuestions[0].default = manager.root; - rootQuestions[1].default = manager.root; + console.info('Adding new site theme files...'); + wrench.copyDirSyncRecursive(source.site, updatePaths.site, settings.wrench.merge); - // insert PM questions after "Install Type" question - Array.prototype.splice.apply(questions.setup, [2, 0].concat(rootQuestions)); + console.info('Updating version...'); - // omit cleanup questions for managed install - questions.cleanup = []; -} + // update version number in semantic.json + gulp.src(updatePaths.config) + .pipe(plumber()) + .pipe(rename(settings.rename.json)) // preserve file extension + .pipe(jsonEditor({ + version: release.version + })) + .pipe(gulp.dest(manager.root)) + ; + console.info('Update complete! Run "\x1b[92mgulp build\x1b[0m" to rebuild dist/ files.'); -/*-------------- - Create SUI ----------------*/ + callback(); + return; + } else { + console.log('Current version of Semantic UI already installed'); + callback(); + return; + } -gulp.task('run setup', function() { + } else { + console.error('Cannot locate files to update at path: ', updatePaths.definition); + console.log('Running installer'); + } - // If auto-install is switched on, we skip the configuration section and simply reuse the configuration from semantic.json - if(install.shouldAutoInstall()) { - answers = { - overwrite : 'yes', - install : 'auto', - useRoot : true, - semanticRoot : currentConfig.base - }; } - else { - return gulp - .src('gulpfile.js') - .pipe(prompt.prompt(questions.setup, function(setupAnswers) { - // hoist - answers = setupAnswers; - })) - ; - } -}); - -gulp.task('create install files', function(callback) { /*-------------- - Exit Conditions + Determine Root ---------------*/ - // if config exists and user specifies not to proceed - if(answers.overwrite !== undefined && answers.overwrite == 'no') { - return; - } - console.clear(); - if(install.shouldAutoInstall()) { - console.log('Auto-Installing (Without User Interaction)'); - } - else { - console.log('Installing'); - } - console.log('------------------------------'); +// PM that supports Build Tools (NPM Only Now) + if (manager.name === 'NPM') { + rootQuestions[0].message = rootQuestions[0].message + .replace('{packageMessage}', 'We detected you are using ' + manager.name + ' Nice!') + .replace('{root}', manager.root) + ; + // set default path to detected PM root + rootQuestions[0].default = manager.root; + rootQuestions[1].default = manager.root; + // insert PM questions after "Install Type" question + Array.prototype.splice.apply(questions.setup, [2, 0].concat(rootQuestions)); - /*-------------- - Paths - ---------------*/ + // omit cleanup questions for managed install + questions.cleanup = []; + } - var - installPaths = { - config : files.config, - configFolder : folders.config, - site : answers.site || folders.site, - themeConfig : files.themeConfig, - themeConfigFolder : folders.themeConfig - } - ; /*-------------- - NPM Install + Create SUI ---------------*/ - // Check if PM install - if(manager && (answers.useRoot || answers.customRoot)) { - - // Set root to custom root path if set - if(answers.customRoot) { - if(answers.customRoot === '') { - console.log('Unable to proceed, invalid project root'); - return; - } - manager.root = answers.customRoot; + gulp.task('run setup', function (callback) { + + // If auto-install is switched on, we skip the configuration section and simply reuse the configuration from semantic.json + if (install.shouldAutoInstall()) { + answers = { + overwrite : 'yes', + install : 'auto', + useRoot : true, + semanticRoot: currentConfig.base + }; + callback(); + } else { + return gulp + .src('gulpfile.js') + .pipe(prompt.prompt(questions.setup, function (setupAnswers) { + // hoist + answers = setupAnswers; + })) + ; } + }); - // special install paths only for PM install - installPaths = extend(false, {}, installPaths, { - definition : folders.definitions, - lessImport : folders.lessImport, - tasks : folders.tasks, - theme : folders.themes, - defaultTheme : path.join(folders.themes, folders.defaultTheme), - themeImport : folders.themeImport - }); + gulp.task('create install files', function (callback) { - // add project root to semantic root - installFolder = path.join(manager.root, answers.semanticRoot); + /*-------------- + Exit Conditions + ---------------*/ - // add install folder to all output paths - for(var destination in installPaths) { - if( installPaths.hasOwnProperty(destination) ) { - // config goes in project root, rest in install folder - installPaths[destination] = (destination == 'config' || destination == 'configFolder') - ? path.normalize( path.join(manager.root, installPaths[destination]) ) - : path.normalize( path.join(installFolder, installPaths[destination]) ) - ; - } - } - - // create project folders - try { - mkdirp.sync(installFolder); - mkdirp.sync(installPaths.definition); - mkdirp.sync(installPaths.theme); - mkdirp.sync(installPaths.tasks); + // if config exists and user specifies not to proceed + if (answers.overwrite !== undefined && answers.overwrite == 'no') { + callback(); + return; } - catch(error) { - console.error('NPM does not have permissions to create folders at your specified path. Adjust your folders permissions and run "npm install" again'); + console.clear(); + if (install.shouldAutoInstall()) { + console.log('Auto-Installing (Without User Interaction)'); + } else { + console.log('Installing'); } + console.log('------------------------------'); - console.log('Installing to \x1b[92m' + answers.semanticRoot + '\x1b[0m'); - - console.info('Copying UI definitions'); - wrench.copyDirSyncRecursive(source.definitions, installPaths.definition, settings.wrench.overwrite); - console.info('Copying UI themes'); - wrench.copyDirSyncRecursive(source.themes, installPaths.theme, settings.wrench.merge); - wrench.copyDirSyncRecursive(source.defaultTheme, installPaths.defaultTheme, settings.wrench.overwrite); + /*-------------- + Paths + ---------------*/ - console.info('Copying gulp tasks'); - wrench.copyDirSyncRecursive(source.tasks, installPaths.tasks, settings.wrench.overwrite); - - // copy theme import - console.info('Adding theme files'); - gulp.src(source.themeImport) - .pipe(plumber()) - .pipe(gulp.dest(installPaths.themeImport)) - ; - gulp.src(source.lessImport) - .pipe(plumber()) - .pipe(gulp.dest(installPaths.lessImport)) + var + installPaths = { + config : files.config, + configFolder : folders.config, + site : answers.site || folders.site, + themeConfig : files.themeConfig, + themeConfigFolder: folders.themeConfig + } ; - // create gulp file - console.info('Creating gulpfile.js'); - gulp.src(source.userGulpFile) - .pipe(plumber()) - .pipe(gulp.dest(installFolder)) - ; + /*-------------- + NPM Install + ---------------*/ - } + // Check if PM install + if (manager && (answers.useRoot || answers.customRoot)) { + // Set root to custom root path if set + if (answers.customRoot) { + if (answers.customRoot === '') { + console.log('Unable to proceed, invalid project root'); + callback(); + return; + } + manager.root = answers.customRoot; + } - /*-------------- - Site Theme - ---------------*/ + // special install paths only for PM install + installPaths = extend(false, {}, installPaths, { + definition : folders.definitions, + lessImport : folders.lessImport, + tasks : folders.tasks, + theme : folders.themes, + defaultTheme: path.join(folders.themes, folders.defaultTheme), + themeImport : folders.themeImport + }); + + // add project root to semantic root + installFolder = path.join(manager.root, answers.semanticRoot); + + // add install folder to all output paths + for (var destination in installPaths) { + if (installPaths.hasOwnProperty(destination)) { + // config goes in project root, rest in install folder + installPaths[destination] = (destination == 'config' || destination == 'configFolder') + ? path.normalize(path.join(manager.root, installPaths[destination])) + : path.normalize(path.join(installFolder, installPaths[destination])) + ; + } + } - // Copy _site templates folder to destination - if( fs.existsSync(installPaths.site) ) { - console.info('Site folder exists, merging files (no overwrite)', installPaths.site); - } - else { - console.info('Creating site theme folder', installPaths.site); - } - wrench.copyDirSyncRecursive(source.site, installPaths.site, settings.wrench.merge); + // create project folders + try { + mkdirp.sync(installFolder); + mkdirp.sync(installPaths.definition); + mkdirp.sync(installPaths.theme); + mkdirp.sync(installPaths.tasks); + } catch (error) { + console.error('NPM does not have permissions to create folders at your specified path. Adjust your folders permissions and run "npm install" again'); + } - /*-------------- - Theme Config - ---------------*/ + console.log('Installing to \x1b[92m' + answers.semanticRoot + '\x1b[0m'); - gulp.task('create theme.config', function() { - var - // determine path to site theme folder from theme config - // force CSS path variable to use forward slashes for paths - pathToSite = path.relative(path.resolve(installPaths.themeConfigFolder), path.resolve(installPaths.site)).replace(/\\/g,'/'), - siteVariable = "@siteFolder : '" + pathToSite + "/';" - ; + console.info('Copying UI definitions'); + wrench.copyDirSyncRecursive(source.definitions, installPaths.definition, settings.wrench.overwrite); + + console.info('Copying UI themes'); + wrench.copyDirSyncRecursive(source.themes, installPaths.theme, settings.wrench.merge); + wrench.copyDirSyncRecursive(source.defaultTheme, installPaths.defaultTheme, settings.wrench.overwrite); - // rewrite site variable in theme.less - console.info('Adjusting @siteFolder to: ', pathToSite + '/'); + console.info('Copying gulp tasks'); + wrench.copyDirSyncRecursive(source.tasks, installPaths.tasks, settings.wrench.overwrite); - if(fs.existsSync(installPaths.themeConfig)) { - console.info('Modifying src/theme.config (LESS config)', installPaths.themeConfig); - return gulp.src(installPaths.themeConfig) + // copy theme import + console.info('Adding theme files'); + gulp.src(source.themeImport) .pipe(plumber()) - .pipe(replace(regExp.siteVariable, siteVariable)) - .pipe(gulp.dest(installPaths.themeConfigFolder)) + .pipe(gulp.dest(installPaths.themeImport)) ; - } - else { - console.info('Creating src/theme.config (LESS config)', installPaths.themeConfig); - return gulp.src(source.themeConfig) + gulp.src(source.lessImport) .pipe(plumber()) - .pipe(rename({ extname : '' })) - .pipe(replace(regExp.siteVariable, siteVariable)) - .pipe(gulp.dest(installPaths.themeConfigFolder)) + .pipe(gulp.dest(installPaths.lessImport)) ; - } - }); - /*-------------- - Semantic.json - ---------------*/ + // create gulp file + console.info('Creating gulpfile.js'); + gulp.src(source.userGulpFile) + .pipe(plumber()) + .pipe(gulp.dest(installFolder)) + ; - gulp.task('create semantic.json', function() { + } - var - jsonConfig = install.createJSON(answers) - ; - // adjust variables in theme.less - if( fs.existsSync(installPaths.config) ) { - console.info('Extending config file (semantic.json)', installPaths.config); - return gulp.src(installPaths.config) - .pipe(plumber()) - .pipe(rename(settings.rename.json)) // preserve file extension - .pipe(jsonEditor(jsonConfig)) - .pipe(gulp.dest(installPaths.configFolder)) - ; + /*-------------- + Site Theme + ---------------*/ + + // Copy _site templates folder to destination + if (fs.existsSync(installPaths.site)) { + console.info('Site folder exists, merging files (no overwrite)', installPaths.site); + } else { + console.info('Creating site theme folder', installPaths.site); } - else { - console.info('Creating config file (semantic.json)', installPaths.config); - return gulp.src(source.config) - .pipe(plumber()) - .pipe(rename({ extname : '' })) // remove .template from ext - .pipe(jsonEditor(jsonConfig, { end_with_newline: true })) - .pipe(gulp.dest(installPaths.configFolder)) + wrench.copyDirSyncRecursive(source.site, installPaths.site, settings.wrench.merge); + + /*-------------- + Theme Config + ---------------*/ + + gulp.task('create theme.config', function () { + var + // determine path to site theme folder from theme config + // force CSS path variable to use forward slashes for paths + pathToSite = path.relative(path.resolve(installPaths.themeConfigFolder), path.resolve(installPaths.site)).replace(/\\/g, '/'), + siteVariable = "@siteFolder : '" + pathToSite + "/';" ; - } - - }); - runSequence( - 'create theme.config', - 'create semantic.json', - callback - ); + // rewrite site variable in theme.less + console.info('Adjusting @siteFolder to: ', pathToSite + '/'); + + if (fs.existsSync(installPaths.themeConfig)) { + console.info('Modifying src/theme.config (LESS config)', installPaths.themeConfig); + return gulp.src(installPaths.themeConfig) + .pipe(plumber()) + .pipe(replace(regExp.siteVariable, siteVariable)) + .pipe(gulp.dest(installPaths.themeConfigFolder)) + ; + } else { + console.info('Creating src/theme.config (LESS config)', installPaths.themeConfig); + return gulp.src(source.themeConfig) + .pipe(plumber()) + .pipe(rename({extname: ''})) + .pipe(replace(regExp.siteVariable, siteVariable)) + .pipe(gulp.dest(installPaths.themeConfigFolder)) + ; + } + }); -}); + /*-------------- + Semantic.json + ---------------*/ -gulp.task('clean up install', function() { + gulp.task('create semantic.json', function () { - // Completion Message - if(installFolder && !install.shouldAutoInstall()) { - console.log('\n Setup Complete! \n Installing Peer Dependencies. \x1b[0;31mPlease refrain from ctrl + c\x1b[0m... \n After completion navigate to \x1b[92m' + answers.semanticRoot + '\x1b[0m and run "\x1b[92mgulp build\x1b[0m" to build'); - process.exit(0); - } - else { - console.log(''); - console.log(''); - } + var + jsonConfig = install.createJSON(answers) + ; - // If auto-install is switched on, we skip the configuration section and simply build the dependencies - if(install.shouldAutoInstall()) { - return gulp.start('build'); - } - else { - return gulp - .src('gulpfile.js') - .pipe(prompt.prompt(questions.cleanup, function(answers) { - if(answers.cleanup == 'yes') { - del(install.setupFiles); - } - if(answers.build == 'yes') { - gulp.start('build'); - } - })) - ; - } + // adjust variables in theme.less + if (fs.existsSync(installPaths.config)) { + console.info('Extending config file (semantic.json)', installPaths.config); + return gulp.src(installPaths.config) + .pipe(plumber()) + .pipe(rename(settings.rename.json)) // preserve file extension + .pipe(jsonEditor(jsonConfig)) + .pipe(gulp.dest(installPaths.configFolder)) + ; + } else { + console.info('Creating config file (semantic.json)', installPaths.config); + return gulp.src(source.config) + .pipe(plumber()) + .pipe(rename({extname: ''})) // remove .template from ext + .pipe(jsonEditor(jsonConfig, {end_with_newline: true})) + .pipe(gulp.dest(installPaths.configFolder)) + ; + } + }); -}); + gulp.series('create theme.config', 'create semantic.json')(callback); + }); -runSequence( - 'run setup', - 'create install files', - 'clean up install', - callback -); + gulp.task('clean up install', function (callback) { + + // Completion Message + if (installFolder && !install.shouldAutoInstall()) { + console.log('\n Setup Complete! \n Installing Peer Dependencies. \x1b[0;31mPlease refrain from ctrl + c\x1b[0m... \n After completion navigate to \x1b[92m' + answers.semanticRoot + '\x1b[0m and run "\x1b[92mgulp build\x1b[0m" to build'); + callback(); + } else { + console.log(''); + console.log(''); + + // If auto-install is switched on, we skip the configuration section and simply build the dependencies + if (install.shouldAutoInstall()) { + gulp.series('build')(callback); + } else { + gulp + .src('gulpfile.js') + .pipe(prompt.prompt(questions.cleanup, function (answers) { + if (answers.cleanup === 'yes') { + del(install.setupFiles); + } + if (answers.build === 'yes') { + gulp.series('build')(callback); + } else { + callback(); + } + })) + ; + } + } + }); + gulp.series('run setup', 'create install files', 'clean up install')(callback); }; diff --git a/tasks/rtl/build.js b/tasks/rtl/build.js index 5ba18846ef..5ec5ac3bc0 100644 --- a/tasks/rtl/build.js +++ b/tasks/rtl/build.js @@ -1,132 +1,12 @@ /******************************* - Build Task -*******************************/ + * Build Task + *******************************/ var - gulp = require('gulp'), - - // node dependencies - fs = require('fs'), - - // gulp dependencies - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - flatten = require('gulp-flatten'), - gulpif = require('gulp-if'), - less = require('gulp-less'), - minifyCSS = require('gulp-clean-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - rtlcss = require('gulp-rtlcss'), - uglify = require('gulp-uglify'), - - // user config - config = require('../config/user'), - - // install config - tasks = require('../config/tasks'), - install = require('../config/project/install'), - - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, - - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings + gulp = require('gulp') ; -// add internal tasks (concat release) -require('../collections/internal')(gulp); - -module.exports = function(callback) { - - var - stream, - compressedStream, - uncompressedStream - ; - - console.info('Building Semantic'); - - if( !install.isSetup() ) { - console.error('Cannot build files. Run "gulp install" to set-up Semantic'); - return; - } - - // unified css stream - stream = gulp.src(source.definitions + '/**/' + globs.components + '.less') - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(autoprefixer(settings.prefix)) - .pipe(rtlcss()) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(flatten()) - ; - - // two concurrent streams from same source to concat release - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(rename(settings.rename.rtlCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed rtl css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(clone()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.rtlMinCSS)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - callback(); - gulp.start('package compressed rtl css'); - }) - ; - - // copy assets - gulp.src(source.themes + '/**/assets/**/' + globs.components + '?(s).*') - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - ; - - // copy source javascript - gulp.src(source.definitions + '/**/' + globs.components + '.js') - .pipe(plumber()) - .pipe(flatten()) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed js'); - gulp.start('package uncompressed js'); - }) - ; - +// RTL builds are now handled by the default build process +module.exports = function (callback) { + gulp.series(require('../build'))(callback); }; diff --git a/tasks/rtl/watch.js b/tasks/rtl/watch.js index af89922d80..098c965482 100644 --- a/tasks/rtl/watch.js +++ b/tasks/rtl/watch.js @@ -1,221 +1,12 @@ /******************************* - Watch Task -*******************************/ + * Watch Task + *******************************/ var - gulp = require('gulp'), - - // node deps - console = require('better-console'), - fs = require('fs'), - - // gulp deps - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - gulpif = require('gulp-if'), - less = require('gulp-less'), - minifyCSS = require('gulp-clean-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - rtlcss = require('gulp-rtlcss'), - uglify = require('gulp-uglify'), - util = require('gulp-util'), - watch = require('gulp-watch'), - - // user config - config = require('../config/user'), - - // task config - tasks = require('../config/tasks'), - install = require('../config/project/install'), - - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, - - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings - + gulp = require('gulp') ; -// add internal tasks (concat release) -require('../collections/internal')(gulp); - -module.exports = function(callback) { - - if( !install.isSetup() ) { - console.error('Cannot watch files. Run "gulp install" to set-up Semantic'); - return; - } - - console.clear(); - console.log('Watching source files for changes'); - - /*-------------- - Watch CSS - ---------------*/ - - gulp - .watch([ - source.config, - source.definitions + '/**/*.less', - source.site + '/**/*.{overrides,variables}', - source.themes + '/**/*.{overrides,variables}' - ], function(file) { - - var - lessPath, - - stream, - compressedStream, - uncompressedStream, - - isDefinition, - isPackagedTheme, - isSiteTheme, - isConfig - ; - - // log modified file - gulp.src(file.path) - .pipe(print(log.modified)) - ; - - /*-------------- - Find Source - ---------------*/ - - // recompile on *.override , *.variable change - isConfig = (file.path.indexOf('.config') !== -1); - isPackagedTheme = (file.path.indexOf(source.themes) !== -1); - isSiteTheme = (file.path.indexOf(source.site) !== -1); - isDefinition = (file.path.indexOf(source.definitions) !== -1); - - - if(isConfig) { - console.log('Change detected in theme config'); - // cant tell which theme was changed in theme.config, rebuild all - gulp.start('build'); - } - else if(isPackagedTheme) { - console.log('Change detected in packaged theme'); - lessPath = lessPath.replace(tasks.regExp.theme, source.definitions); - lessPath = util.replaceExtension(file.path, '.less'); - } - else if(isSiteTheme) { - console.log('Change detected in site theme'); - lessPath = lessPath.replace(source.site, source.definitions); - lessPath = util.replaceExtension(file.path, '.less'); - } - else if(isDefinition) { - console.log('Change detected in definition'); - lessPath = util.replaceExtension(file.path, '.less'); - } - - /*-------------- - Create CSS - ---------------*/ - - if( fs.existsSync(lessPath) ) { - - // unified css stream - stream = gulp.src(lessPath) - .pipe(plumber()) - .pipe(less(settings.less)) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(autoprefixer(settings.prefix)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(rtlcss()) - ; - - // use 2 concurrent streams from same pipe - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(rename(settings.rename.rtlCSS)) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed rtl css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.minCSS)) - .pipe(rename(settings.rename.rtlMinCSS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed rtl css'); - }) - ; - - } - else { - console.log('Cannot find UI definition at path', lessPath); - } - }) - ; - - /*-------------- - Watch JS - ---------------*/ - - gulp - .watch([ - source.definitions + '/**/*.js' - ], function(file) { - gulp.src(file.path) - .pipe(plumber()) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed js'); - gulp.start('package uncompressed js'); - }) - ; - }) - ; - - /*-------------- - Watch Assets - ---------------*/ - - // only copy assets that match component names (or their plural) - gulp - .watch([ - source.themes + '/**/assets/**/' + globs.components + '?(s).*' - ], function(file) { - // copy assets - gulp.src(file.path, { base: source.themes }) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - .pipe(print(log.created)) - ; - }) - ; - -}; +// RTL watch are now handled by the default watch process +module.exports = function (callback) { + gulp.series(require('../watch'))(callback); +}; \ No newline at end of file diff --git a/tasks/version.js b/tasks/version.js index df49f5542d..b5092a59aa 100644 --- a/tasks/version.js +++ b/tasks/version.js @@ -8,4 +8,5 @@ var module.exports = function(callback) { console.log(release.title + ' ' + release.version); + callback(); }; \ No newline at end of file diff --git a/tasks/watch.js b/tasks/watch.js index fd5cb22cef..aec7af2819 100644 --- a/tasks/watch.js +++ b/tasks/watch.js @@ -1,231 +1,51 @@ /******************************* - Watch Task -*******************************/ + * Watch Task + *******************************/ var - gulp = require('gulp-help')(require('gulp')), + gulp = require('gulp'), // node dependencies - console = require('better-console'), - fs = require('fs'), - - // gulp dependencies - autoprefixer = require('gulp-autoprefixer'), - chmod = require('gulp-chmod'), - clone = require('gulp-clone'), - gulpif = require('gulp-if'), - less = require('gulp-less'), - minifyCSS = require('gulp-clean-css'), - plumber = require('gulp-plumber'), - print = require('gulp-print'), - rename = require('gulp-rename'), - replace = require('gulp-replace'), - uglify = require('gulp-uglify'), - util = require('gulp-util'), - watch = require('gulp-watch'), + console = require('better-console'), // user config - config = require('./config/user'), + config = require('./config/user'), // task config - tasks = require('./config/tasks'), - install = require('./config/project/install'), - - // shorthand - globs = config.globs, - assets = config.paths.assets, - output = config.paths.output, - source = config.paths.source, + install = require('./config/project/install'), - banner = tasks.banner, - comments = tasks.regExp.comments, - log = tasks.log, - settings = tasks.settings + css = require('./build/css'), + js = require('./build/javascript'), + assets = require('./build/assets') ; -// add tasks referenced using gulp.run (sub-tasks) -if(config.rtl) { - require('./collections/rtl')(gulp); -} -require('./collections/internal')(gulp); - - // export task -module.exports = function(callback) { +module.exports = function () { - if( !install.isSetup() ) { + if (!install.isSetup()) { console.error('Cannot watch files. Run "gulp install" to set-up Semantic'); return; } - // check for right-to-left (RTL) language - if(config.rtl == 'both') { - gulp.start('watch-rtl'); - } - if(config.rtl === true || config.rtl === 'Yes') { - gulp.start('watch-rtl'); - return; - } - - //console.clear(); + console.clear(); console.log('Watching source files for changes'); /*-------------- Watch CSS ---------------*/ - - gulp - .watch([ - source.config, - source.definitions + '/**/*.less', - source.site + '/**/*.{overrides,variables}', - source.themes + '/**/*.{overrides,variables}' - ], function(file) { - - var - lessPath, - - stream, - compressedStream, - uncompressedStream, - - isDefinition, - isPackagedTheme, - isSiteTheme, - isConfig - ; - - // log modified file - gulp.src(file.path) - .pipe(print(log.modified)) - ; - - /*-------------- - Find Source - ---------------*/ - - // recompile on *.override , *.variable change - isConfig = (file.path.indexOf('theme.config') !== -1 || file.path.indexOf('site.variables') !== -1); - isPackagedTheme = (file.path.indexOf(source.themes) !== -1); - isSiteTheme = (file.path.indexOf(source.site) !== -1); - isDefinition = (file.path.indexOf(source.definitions) !== -1); - - if(isConfig) { - console.info('Rebuilding all UI'); - // impossible to tell which file was updated in theme.config, rebuild all - gulp.start('build-css'); - return; - } - else if(isPackagedTheme) { - console.log('Change detected in packaged theme'); - lessPath = util.replaceExtension(file.path, '.less'); - lessPath = lessPath.replace(tasks.regExp.theme, source.definitions); - } - else if(isSiteTheme) { - console.log('Change detected in site theme'); - lessPath = util.replaceExtension(file.path, '.less'); - lessPath = lessPath.replace(source.site, source.definitions); - } - else { - console.log('Change detected in definition'); - lessPath = file.path; - } - - /*-------------- - Create CSS - ---------------*/ - - if( fs.existsSync(lessPath) ) { - - // unified css stream - stream = gulp.src(lessPath) - .pipe(plumber(settings.plumber.less)) - .pipe(less(settings.less)) - .pipe(print(log.created)) - .pipe(replace(comments.variables.in, comments.variables.out)) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(replace(comments.large.in, comments.large.out)) - .pipe(replace(comments.small.in, comments.small.out)) - .pipe(replace(comments.tiny.in, comments.tiny.out)) - .pipe(autoprefixer(settings.prefix)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - ; - - // use 2 concurrent streams from same pipe - uncompressedStream = stream.pipe(clone()); - compressedStream = stream.pipe(clone()); - - uncompressedStream - .pipe(plumber()) - .pipe(replace(assets.source, assets.uncompressed)) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package uncompressed css'); - }) - ; - - compressedStream = stream - .pipe(plumber()) - .pipe(replace(assets.source, assets.compressed)) - .pipe(minifyCSS(settings.minify)) - .pipe(rename(settings.rename.minCSS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed css'); - }) - ; - } - else { - console.log('Cannot find UI definition at path', lessPath); - } - }) - ; + css.watch('default', config); /*-------------- Watch JS ---------------*/ - gulp - .watch([ - source.definitions + '/**/*.js' - ], function(file) { - gulp.src(file.path) - .pipe(plumber()) - .pipe(replace(comments.license.in, comments.license.out)) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.uncompressed)) - .pipe(print(log.created)) - .pipe(uglify(settings.uglify)) - .pipe(rename(settings.rename.minJS)) - .pipe(gulp.dest(output.compressed)) - .pipe(print(log.created)) - .on('end', function() { - gulp.start('package compressed js'); - gulp.start('package uncompressed js'); - }) - ; - }) - ; + js.watch('default', config); /*-------------- Watch Assets ---------------*/ - // only copy assets that match component names (or their plural) - gulp - .watch([ - source.themes + '/**/assets/**/*.*' - ], function(file) { - // copy assets - gulp.src(file.path, { base: source.themes }) - .pipe(gulpif(config.hasPermission, chmod(config.permission))) - .pipe(gulp.dest(output.themes)) - .pipe(print(log.created)) - ; - }) - ; + assets.watch('default', config); }; From 951651914ed931712bca8e16734a7ecce23cd44a Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 19 Nov 2018 14:18:19 +0100 Subject: [PATCH 07/49] fix(table): images in tables did not display properly This one needs a bit of explanation: The main cause of this bug was introduced in 2014 by https://github.com/Semantic-Org/Semantic-UI/commit/400949ce41a382807e284aec0e3f98601f0421b8 It was related to issue https://github.com/Semantic-Org/Semantic-UI/issues/1510, where it seemed to be fixed but the main cause was the `collapsing` class set to the cell column, which causes the width to be reduced to 1px to force the browser to reduce its width until the main occupied content got the minimum width. So, this PR actually reverts the fix for https://github.com/Semantic-Org/Semantic-UI/issues/1510 and fixes the main cause correctly now. Closes #227 --- src/definitions/collections/table.less | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index c3680dcbc9..6537878780 100755 --- a/src/definitions/collections/table.less +++ b/src/definitions/collections/table.less @@ -209,10 +209,8 @@ *******************************/ /* UI Image */ -.ui.table th .image, -.ui.table th .image img, -.ui.table td .image, -.ui.table td .image img { +.ui.table .collapsing .image, +.ui.table .collapsing .image img { max-width: none; } From ab2dfabc038cbb49b64e009e98d65679577b8a83 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 19 Nov 2018 14:45:32 +0100 Subject: [PATCH 08/49] feat(toast): changed title class to header --- src/definitions/modules/toast.js | 2 +- src/definitions/modules/toast.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/definitions/modules/toast.js b/src/definitions/modules/toast.js index b6042ba406..22d5ddeb18 100644 --- a/src/definitions/modules/toast.js +++ b/src/definitions/modules/toast.js @@ -549,7 +549,7 @@ $.fn.toast.settings = { icon : 'icon', visible : 'visible', content : 'content', - title : 'title' + title : 'header' }, icons : { diff --git a/src/definitions/modules/toast.less b/src/definitions/modules/toast.less index 7154d17686..1922abef7e 100644 --- a/src/definitions/modules/toast.less +++ b/src/definitions/modules/toast.less @@ -116,7 +116,7 @@ padding-left: @toastIconContentPadding; } -.toast > .content > .title { +.toast > .content > .header { font-weight: bold; } From 58ac7e76e4c0fdf9d8db831259b991916fabfa4a Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 19 Nov 2018 14:50:47 +0100 Subject: [PATCH 09/49] feat(toast): use the same color on every inverted toast --- src/definitions/modules/toast.less | 7 ++----- src/themes/default/modules/toast.variables | 1 + 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/src/definitions/modules/toast.less b/src/definitions/modules/toast.less index 1922abef7e..342128fb11 100644 --- a/src/definitions/modules/toast.less +++ b/src/definitions/modules/toast.less @@ -182,11 +182,8 @@ .toastColor(~'grey',~'lightGrey'); .toastColor(~'black',~'lightBlack'); -.inverted.yellow.toast, -.inverted.olive.toast, -.inverted.teal.toast, -.inverted.grey.toast { - color: @fullBlack; +.inverted.toast { + color: @toastInvertedTextColor; } /*-------------- diff --git a/src/themes/default/modules/toast.variables b/src/themes/default/modules/toast.variables index 6bcfb235a2..6f117a9ec2 100644 --- a/src/themes/default/modules/toast.variables +++ b/src/themes/default/modules/toast.variables @@ -12,6 +12,7 @@ @toastMarginBottom: 6px; @toastMargin: 0 0 @toastMarginBottom; @toastTextColor: @invertedTextColor; +@toastInvertedTextColor: @textColor; /* on Hover */ @toastOpacityOnHover: 1; From 3af89df893907ed6c5f6e4120ede8560be19fea3 Mon Sep 17 00:00:00 2001 From: Colin Frick Date: Wed, 21 Nov 2018 14:16:03 +0100 Subject: [PATCH 10/49] fix(placeholder): append .loadUIOverrides() to the bottom Closes #255 --- src/definitions/elements/placeholder.less | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/definitions/elements/placeholder.less b/src/definitions/elements/placeholder.less index a63fec668d..da2860321a 100644 --- a/src/definitions/elements/placeholder.less +++ b/src/definitions/elements/placeholder.less @@ -234,3 +234,5 @@ .ui.fluid.placeholder { max-width: none; } + +.loadUIOverrides(); From 3df1d57c600d4a62fecd29a6f4fdc7f7a60f521d Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Tue, 27 Nov 2018 10:52:50 +0100 Subject: [PATCH 11/49] feat(label): add inverted variant, basic grouping and basic tag Add inverted variant, basic grouping and basic tag as well as some bug fixes and code clean up. Closes #116 --- src/definitions/collections/menu.less | 9 +- src/definitions/elements/label.less | 711 +++++--------------- src/themes/default/elements/label.variables | 29 +- src/themes/default/globals/site.variables | 30 +- 4 files changed, 205 insertions(+), 574 deletions(-) diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less index 3cf91d1046..cbeabe1828 100755 --- a/src/definitions/collections/menu.less +++ b/src/definitions/collections/menu.less @@ -313,14 +313,10 @@ ---------------*/ .ui.menu .item > .label { - background: @labelBackground; - color: @labelTextColor; margin-left: @labelTextMargin; padding: @labelVerticalPadding @labelHorizontalPadding; } .ui.vertical.menu .item > .label { - background: @labelBackground; - color: @labelTextColor; margin-top: @labelOffset; margin-bottom: @labelOffset; padding: @labelVerticalPadding @labelHorizontalPadding; @@ -328,7 +324,10 @@ .ui.menu .item > .floating.label { padding: @labelVerticalPadding @labelHorizontalPadding; } - +.ui.menu .item > .label:not(.primary):not(.secondary):not(.red):not(.orange):not(.yellow):not(.olive):not(.green):not(.teal):not(.blue):not(.violet):not(.purple):not(.pink):not(.brown):not(.grey):not(.black) { + background: @labelBackground; + color: @labelTextColor; +} /*-------------- Images ---------------*/ diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less index ce13796375..7b9894a8d9 100755 --- a/src/definitions/elements/label.less +++ b/src/definitions/elements/label.less @@ -224,14 +224,24 @@ a.ui.label { left: -(@tagCircleSize / 2); margin-top: -(@tagCircleSize / 2); - background-color: @tagCircleColor !important; + background-color: @tagCircleColor; width: @tagCircleSize; height: @tagCircleSize; box-shadow: @tagCircleBoxShadow; border-radius: @circularRadius; } - +.ui.basic.tag.labels .label:before, +.ui.basic.tag.label:before { + border-color: inherit; + border-width: @basicBorderWidth 0 0 @basicBorderWidth; + border-style: inherit; + right: e(%("calc(100%% + %d)", @basicBorderWidth)); +} +.ui.basic.tag.labels .label:after, +.ui.basic.tag.label:after { + box-shadow: @basicTagCircleBoxShadow; +} /*------------------- Corner Label @@ -266,7 +276,7 @@ a.ui.label { width: 0em; height: 0em; - background-color: transparent !important; + background-color: transparent; border-top: 0em solid transparent; border-right: @cornerTriangleSize solid transparent; @@ -332,7 +342,7 @@ a.ui.label { top: 100%; left: 0%; - background-color: transparent !important; + background-color: transparent; border-style: solid; border-width: 0em @ribbonTriangleSize @ribbonTriangleSize 0em; @@ -463,7 +473,7 @@ a.ui.label { Hover --------------------*/ -a.ui.labels .label:hover, +.ui.labels a.label:hover, a.ui.label:hover { background-color: @labelHoverBackgroundColor; border-color: @labelHoverBackgroundColor; @@ -497,7 +507,7 @@ a.ui.label:hover:before { Active Hover --------------------*/ -a.ui.labels .active.label:hover, +.ui.labels a.active.label:hover, a.ui.active.label:hover { background-color: @labelActiveHoverBackgroundColor; border-color: @labelActiveHoverBackgroundColor; @@ -537,555 +547,12 @@ a.ui.active.label:hover:before { *******************************/ -/*------------------- - Colors ---------------------*/ - -/*--- Primary ---*/ -.ui.primary.labels .label, -.ui.primary.label { - background-color: @primaryColor !important; - border-color: @primaryColor !important; - color: @primaryTextColor !important; -} -/* Link */ -.ui.primary.labels .label:hover, -a.ui.primary.label:hover{ - background-color: @primaryColorHover !important; - border-color: @primaryColorHover !important; - color: @primaryTextColor !important; -} -/* Corner */ -.ui.primary.corner.label, -.ui.primary.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.primary.ribbon.label { - border-color: @primaryRibbonShadow !important; -} -/* Basic */ -.ui.basic.primary.label { - background: @basicBackground !important; - color: @primaryColor !important; - border-color: @primaryColor !important; -} -.ui.basic.primary.labels a.label:hover, -a.ui.basic.primary.label:hover { - background-color: @white !important; - color: @primaryColorHover !important; - border-color: @primaryColorHover !important; -} - -/*--- Secondary ---*/ -.ui.secondary.labels .label, -.ui.secondary.label { - background-color: @secondaryColor !important; - border-color: @secondaryColor !important; - color: @secondaryTextColor !important; -} -/* Link */ -.ui.secondary.labels .label:hover, -a.ui.secondary.label:hover{ - background-color: @secondaryColorHover !important; - border-color: @secondaryColorHover !important; - color: @secondaryTextColor !important; -} -/* Corner */ -.ui.secondary.corner.label, -.ui.secondary.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.secondary.ribbon.label { - border-color: @secondaryRibbonShadow !important; -} -/* Basic */ -.ui.basic.secondary.label { - background: @basicBackground !important; - color: @secondaryColor !important; - border-color: @secondaryColor !important; -} -.ui.basic.secondary.labels a.label:hover, -a.ui.basic.secondary.label:hover { - background-color: @white !important; - color: @secondaryColorHover !important; - border-color: @secondaryColorHover !important; -} - -/*--- Red ---*/ -.ui.red.labels .label, -.ui.red.label { - background-color: @red !important; - border-color: @red !important; - color: @redTextColor !important; -} -/* Link */ -.ui.red.labels .label:hover, -a.ui.red.label:hover{ - background-color: @redHover !important; - border-color: @redHover !important; - color: @redHoverTextColor !important; -} -/* Corner */ -.ui.red.corner.label, -.ui.red.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.red.ribbon.label { - border-color: @redRibbonShadow !important; -} -/* Basic */ -.ui.basic.red.label { - background: @basicBackground !important; - color: @red !important; - border-color: @red !important; -} -.ui.basic.red.labels a.label:hover, -a.ui.basic.red.label:hover { - background-color: @white !important; - color: @redHover !important; - border-color: @redHover !important; -} - -/*--- Orange ---*/ -.ui.orange.labels .label, -.ui.orange.label { - background-color: @orange !important; - border-color: @orange !important; - color: @orangeTextColor !important; -} -/* Link */ -.ui.orange.labels .label:hover, -a.ui.orange.label:hover{ - background-color: @orangeHover !important; - border-color: @orangeHover !important; - color: @orangeHoverTextColor !important; -} -/* Corner */ -.ui.orange.corner.label, -.ui.orange.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.orange.ribbon.label { - border-color: @orangeRibbonShadow !important; -} -/* Basic */ -.ui.basic.orange.label { - background: @basicBackground !important; - color: @orange !important; - border-color: @orange !important; -} -.ui.basic.orange.labels a.label:hover, -a.ui.basic.orange.label:hover { - background-color: @white !important; - color: @orangeHover !important; - border-color: @orangeHover !important; -} - -/*--- Yellow ---*/ -.ui.yellow.labels .label, -.ui.yellow.label { - background-color: @yellow !important; - border-color: @yellow !important; - color: @yellowTextColor !important; -} -/* Link */ -.ui.yellow.labels .label:hover, -a.ui.yellow.label:hover{ - background-color: @yellowHover !important; - border-color: @yellowHover !important; - color: @yellowHoverTextColor !important; -} -/* Corner */ -.ui.yellow.corner.label, -.ui.yellow.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.yellow.ribbon.label { - border-color: @yellowRibbonShadow !important; -} -/* Basic */ -.ui.basic.yellow.label { - background: @basicBackground !important; - color: @yellow !important; - border-color: @yellow !important; -} -.ui.basic.yellow.labels a.label:hover, -a.ui.basic.yellow.label:hover { - background-color: @white !important; - color: @yellowHover !important; - border-color: @yellowHover !important; -} - -/*--- Olive ---*/ -.ui.olive.labels .label, -.ui.olive.label { - background-color: @olive !important; - border-color: @olive !important; - color: @oliveTextColor !important; -} -/* Link */ -.ui.olive.labels .label:hover, -a.ui.olive.label:hover{ - background-color: @oliveHover !important; - border-color: @oliveHover !important; - color: @oliveHoverTextColor !important; -} -/* Corner */ -.ui.olive.corner.label, -.ui.olive.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.olive.ribbon.label { - border-color: @oliveRibbonShadow !important; -} -/* Basic */ -.ui.basic.olive.label { - background: @basicBackground !important; - color: @olive !important; - border-color: @olive !important; -} -.ui.basic.olive.labels a.label:hover, -a.ui.basic.olive.label:hover { - background-color: @white !important; - color: @oliveHover !important; - border-color: @oliveHover !important; -} - -/*--- Green ---*/ -.ui.green.labels .label, -.ui.green.label { - background-color: @green !important; - border-color: @green !important; - color: @greenTextColor !important; -} -/* Link */ -.ui.green.labels .label:hover, -a.ui.green.label:hover{ - background-color: @greenHover !important; - border-color: @greenHover !important; - color: @greenHoverTextColor !important; -} -/* Corner */ -.ui.green.corner.label, -.ui.green.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.green.ribbon.label { - border-color: @greenRibbonShadow !important; -} -/* Basic */ -.ui.basic.green.label { - background: @basicBackground !important; - color: @green !important; - border-color: @green !important; -} -.ui.basic.green.labels a.label:hover, -a.ui.basic.green.label:hover { - background-color: @white !important; - color: @greenHover !important; - border-color: @greenHover !important; -} - -/*--- Teal ---*/ -.ui.teal.labels .label, -.ui.teal.label { - background-color: @teal !important; - border-color: @teal !important; - color: @tealTextColor !important; -} -/* Link */ -.ui.teal.labels .label:hover, -a.ui.teal.label:hover{ - background-color: @tealHover !important; - border-color: @tealHover !important; - color: @tealHoverTextColor !important; -} -/* Corner */ -.ui.teal.corner.label, -.ui.teal.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.teal.ribbon.label { - border-color: @tealRibbonShadow !important; -} -/* Basic */ -.ui.basic.teal.label { - background: @basicBackground !important; - color: @teal !important; - border-color: @teal !important; -} -.ui.basic.teal.labels a.label:hover, -a.ui.basic.teal.label:hover { - background-color: @white !important; - color: @tealHover !important; - border-color: @tealHover !important; -} - -/*--- Blue ---*/ -.ui.blue.labels .label, -.ui.blue.label { - background-color: @blue !important; - border-color: @blue !important; - color: @blueTextColor !important; -} -/* Link */ -.ui.blue.labels .label:hover, -a.ui.blue.label:hover{ - background-color: @blueHover !important; - border-color: @blueHover !important; - color: @blueHoverTextColor !important; -} -/* Corner */ -.ui.blue.corner.label, -.ui.blue.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.blue.ribbon.label { - border-color: @blueRibbonShadow !important; -} -/* Basic */ -.ui.basic.blue.label { - background: @basicBackground !important; - color: @blue !important; - border-color: @blue !important; -} -.ui.basic.blue.labels a.label:hover, -a.ui.basic.blue.label:hover { - background-color: @white !important; - color: @blueHover !important; - border-color: @blueHover !important; -} - -/*--- Violet ---*/ -.ui.violet.labels .label, -.ui.violet.label { - background-color: @violet !important; - border-color: @violet !important; - color: @violetTextColor !important; -} -/* Link */ -.ui.violet.labels .label:hover, -a.ui.violet.label:hover{ - background-color: @violetHover !important; - border-color: @violetHover !important; - color: @violetHoverTextColor !important; -} -/* Corner */ -.ui.violet.corner.label, -.ui.violet.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.violet.ribbon.label { - border-color: @violetRibbonShadow !important; -} -/* Basic */ -.ui.basic.violet.label { - background: @basicBackground !important; - color: @violet !important; - border-color: @violet !important; -} -.ui.basic.violet.labels a.label:hover, -a.ui.basic.violet.label:hover { - background-color: @white !important; - color: @violetHover !important; - border-color: @violetHover !important; -} - -/*--- Purple ---*/ -.ui.purple.labels .label, -.ui.purple.label { - background-color: @purple !important; - border-color: @purple !important; - color: @purpleTextColor !important; -} -/* Link */ -.ui.purple.labels .label:hover, -a.ui.purple.label:hover{ - background-color: @purpleHover !important; - border-color: @purpleHover !important; - color: @purpleHoverTextColor !important; -} -/* Corner */ -.ui.purple.corner.label, -.ui.purple.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.purple.ribbon.label { - border-color: @purpleRibbonShadow !important; -} -/* Basic */ -.ui.basic.purple.label { - background: @basicBackground !important; - color: @purple !important; - border-color: @purple !important; -} -.ui.basic.purple.labels a.label:hover, -a.ui.basic.purple.label:hover { - background-color: @white !important; - color: @purpleHover !important; - border-color: @purpleHover !important; -} - -/*--- Pink ---*/ -.ui.pink.labels .label, -.ui.pink.label { - background-color: @pink !important; - border-color: @pink !important; - color: @pinkTextColor !important; -} -/* Link */ -.ui.pink.labels .label:hover, -a.ui.pink.label:hover{ - background-color: @pinkHover !important; - border-color: @pinkHover !important; - color: @pinkHoverTextColor !important; -} -/* Corner */ -.ui.pink.corner.label, -.ui.pink.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.pink.ribbon.label { - border-color: @pinkRibbonShadow !important; -} -/* Basic */ -.ui.basic.pink.label { - background: @basicBackground !important; - color: @pink !important; - border-color: @pink !important; -} -.ui.basic.pink.labels a.label:hover, -a.ui.basic.pink.label:hover { - background-color: @white !important; - color: @pinkHover !important; - border-color: @pinkHover !important; -} - -/*--- Brown ---*/ -.ui.brown.labels .label, -.ui.brown.label { - background-color: @brown !important; - border-color: @brown !important; - color: @brownTextColor !important; -} -/* Link */ -.ui.brown.labels .label:hover, -a.ui.brown.label:hover{ - background-color: @brownHover !important; - border-color: @brownHover !important; - color: @brownHoverTextColor !important; -} -/* Corner */ -.ui.brown.corner.label, -.ui.brown.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.brown.ribbon.label { - border-color: @brownRibbonShadow !important; -} -/* Basic */ -.ui.basic.brown.label { - background: @basicBackground !important; - color: @brown !important; - border-color: @brown !important; -} -.ui.basic.brown.labels a.label:hover, -a.ui.basic.brown.label:hover { - background-color: @white !important; - color: @brownHover !important; - border-color: @brownHover !important; -} - -/*--- Grey ---*/ -.ui.grey.labels .label, -.ui.grey.label { - background-color: @grey !important; - border-color: @grey !important; - color: @greyTextColor !important; -} -/* Link */ -.ui.grey.labels .label:hover, -a.ui.grey.label:hover{ - background-color: @greyHover !important; - border-color: @greyHover !important; - color: @greyHoverTextColor !important; -} -/* Corner */ -.ui.grey.corner.label, -.ui.grey.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.grey.ribbon.label { - border-color: @greyRibbonShadow !important; -} -/* Basic */ -.ui.basic.grey.label { - background: @basicBackground !important; - color: @grey !important; - border-color: @grey !important; -} -.ui.basic.grey.labels a.label:hover, -a.ui.basic.grey.label:hover { - background-color: @white !important; - color: @greyHover !important; - border-color: @greyHover !important; -} - -/*--- Black ---*/ -.ui.black.labels .label, -.ui.black.label { - background-color: @black !important; - border-color: @black !important; - color: @blackTextColor !important; -} -/* Link */ -.ui.black.labels .label:hover, -a.ui.black.label:hover{ - background-color: @blackHover !important; - border-color: @blackHover !important; - color: @blackHoverTextColor !important; -} -/* Corner */ -.ui.black.corner.label, -.ui.black.corner.label:hover { - background-color: transparent !important; -} -/* Ribbon */ -.ui.black.ribbon.label { - border-color: @blackRibbonShadow !important; -} -/* Basic */ -.ui.basic.black.label { - background: @basicBackground !important; - color: @black !important; - border-color: @black !important; -} -.ui.basic.black.labels a.label:hover, -a.ui.basic.black.label:hover { - background-color: @white !important; - color: @blackHover !important; - border-color: @blackHover !important; -} - /*------------------- Basic --------------------*/ +.ui.basic.labels .label, .ui.basic.label { background: @basicBackground; border: @basicBorder; @@ -1094,11 +561,11 @@ a.ui.basic.black.label:hover { } /* Link */ +.ui.basic.labels a.label:hover, a.ui.basic.label:hover { text-decoration: none; background: @basicHoverBackground; color: @basicHoverColor; - box-shadow: @basicHoverBorder; box-shadow: @basicHoverBoxShadow; } @@ -1124,8 +591,146 @@ a.ui.basic.label:hover { .ui.inverted.labels .label, .ui.inverted.label { - color: @invertedTextColor !important; + color: @invertedTextColor; + background-color: @invertedBackgroundColor; +} +.ui.inverted.corner.label { + border-color: @invertedBackgroundColor; +} +.ui.inverted.corner.label:hover { + border-color: @backgroundColor; + transition: none; +} +.ui.inverted.basic.labels .label, +.ui.inverted.basic.label, +.ui.inverted.basic.label:hover { + border-color: @basicInvertedBorderColor; + background: @black; } +.ui.inverted.basic.label:hover { + color: @linkColor; +} + + +/*------------------- + Colors +--------------------*/ + + +.labelColor(@colorRaw; @lightColor; @blackOrGrey:false;) { + @color: replace(@colorRaw,'Color',''); + @_labelColor: "@{colorRaw}"; + @_labelInvertedColor: "@{lightColor}"; + @_labelTextColor : "@{color}TextColor"; + @_labelHover : "@{colorRaw}Hover"; + @_labelInvertedHover: "@{lightColor}Hover"; + @_labelHoverTextColor : "@{color}HoverTextColor"; + @_labelRibbonShadow : "@{color}RibbonShadow"; + @_labelInvertedRibbonShadow : "@{color}InvertedRibbonShadow"; + + .ui.@{color}.labels .label, + .ui.@{color}.label { + background-color: @@_labelColor; + border-color: @@_labelColor; + color: @@_labelTextColor; + } + /* Link */ + .ui.@{color}.labels a.label:hover, + a.ui.@{color}.label:hover{ + background-color: @@_labelHover; + border-color: @@_labelHover; + color: @@_labelHoverTextColor; + } + /* Ribbon */ + .ui.@{color}.ribbon.label { + border-color: @@_labelRibbonShadow; + } + /* Basic */ + .ui.basic.labels .@{color}.label, + .ui.basic.@{color}.label { + background: @basicBackground; + border-color: @@_labelColor; + color: @@_labelColor; + } + .ui.basic.labels a.@{color}.label:hover, + a.ui.basic.@{color}.label:hover { + background: @basicBackground; + border-color: @@_labelHover; + color: @@_labelHover; + } + /* Inverted */ + .ui.inverted.labels .@{color}.label, + .ui.inverted.@{color}.label { + background-color: @@_labelInvertedColor; + border-color: @@_labelInvertedColor; + color: @black; + } + /* Inverted Link */ + .ui.inverted.labels a.@{color}.label:hover, + a.ui.inverted.@{color}.label:hover{ + background-color: @@_labelInvertedHover; + border-color: @@_labelInvertedHover; + & when not (@blackOrGrey) { + color: @black; + } + & when (@blackOrGrey) { + color: @@_labelTextColor; + } + } + /* Inverted Ribbon */ + .ui.inverted.@{color}.ribbon.label { + border-color: @@_labelInvertedRibbonShadow; + } + /* Inverted Basic */ + .ui.inverted.basic.labels .@{color}.label, + .ui.inverted.basic.@{color}.label { + background-color: @invertedBackground; + border-color: @@_labelInvertedColor; + & when not (@blackOrGrey) { + color: @@_labelInvertedColor; + } + & when (@blackOrGrey) { + color: @invertedTextColor; + } + } + .ui.inverted.basic.labels a.@{color}.label:hover, + a.ui.inverted.basic.@{color}.label:hover { + border-color: @@_labelInvertedHover; + background-color: @invertedBackground; + & when not (@blackOrGrey) { + color: @@_labelInvertedHover; + } + } + /* Inverted Basic Tags */ + .ui.inverted.basic.tag.labels .@{color}.label, + .ui.inverted.@{color}.basic.tag.label { + border: @invertedBorderSize solid @@_labelInvertedColor; + } + .ui.inverted.basic.tag.labels .@{color}.label:before, + .ui.inverted.@{color}.basic.tag.label:before { + border-color: inherit; + border-width: @invertedBorderSize 0 0 @invertedBorderSize; + border-style: inherit; + background-color: @invertedBackground; + right: e(%("calc(100%% + %d)", @invertedBorderSize)); + } + +} +.labelColor(~'primaryColor',~'lightPrimaryColor'); +.labelColor(~'secondaryColor',~'lightSecondaryColor'); +.labelColor(~'red',~'lightRed'); +.labelColor(~'orange',~'lightOrange'); +.labelColor(~'yellow',~'lightYellow'); +.labelColor(~'olive',~'lightOlive'); +.labelColor(~'green',~'lightGreen'); +.labelColor(~'teal',~'lightTeal'); +.labelColor(~'blue',~'lightBlue'); +.labelColor(~'violet',~'lightViolet'); +.labelColor(~'purple',~'lightPurple'); +.labelColor(~'pink',~'lightPink'); +.labelColor(~'brown',~'lightBrown'); +.labelColor(~'grey',~'lightGrey'); +.labelColor(~'black',~'lightBlack',true); /*------------------- Horizontal @@ -1181,7 +786,7 @@ a.ui.basic.label:hover { .ui.pointing.label:before { background-color: inherit; background-image: inherit; - border-width: none; + border-width: 0; border-style: solid; border-color: @pointingBorderColor; } diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables index 673733b783..0fbafa8268 100644 --- a/src/themes/default/elements/label.variables +++ b/src/themes/default/elements/label.variables @@ -119,6 +119,7 @@ @tagCircleSize: 0.5em; @tagHorizontalPadding: 1.5em; @tagCircleBoxShadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); +@basicTagCircleBoxShadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8); @tagTriangleRightOffset: 100%; @tagTriangleTopOffset: 50%; @tagTriangleSize: 1.56em; @@ -143,6 +144,13 @@ @ribbonTableOffset: e(%("calc(%d - %d)", -@ribbonTableMargin, @ribbonTriangleSize)); @rightRibbonTableOffset: e(%("calc(100%% + %d + %d)", @ribbonTableMargin, @ribbonTriangleSize)); +/* Inverted */ +@invertedBackgroundColor: darken(@backgroundColor,20); +@invertedBackground: @black; +@invertedBoxShadowSize: 2px; +@invertedBorderSize: 1px; + +@basicInvertedBorderColor: rgba(255, 255, 255, 0.5); /* Colors */ @redTextColor: @white; @@ -173,6 +181,9 @@ @greyHoverTextColor: @white; @blackHoverTextColor: @white; +@primaryHoverTextColor: @white; +@secondaryHoverTextColor: @white; + @primaryRibbonShadow: darken(@primaryColor, 10); @secondaryRibbonShadow: darken(@secondaryColor, 10); @redRibbonShadow: darken(@red, 10); @@ -189,6 +200,22 @@ @greyRibbonShadow: darken(@grey, 10); @blackRibbonShadow: darken(@black, 10); +@primaryInvertedRibbonShadow: darken(@lightPrimaryColor, 10); +@secondaryInvertedRibbonShadow: darken(@lightSecondaryColor, 10); +@redInvertedRibbonShadow: darken(@lightRed, 10); +@orangeInvertedRibbonShadow: darken(@lightOrange, 10); +@yellowInvertedRibbonShadow: darken(@lightYellow, 10); +@oliveInvertedRibbonShadow: darken(@lightOlive, 10); +@greenInvertedRibbonShadow: darken(@lightGreen, 10); +@tealInvertedRibbonShadow: darken(@lightTeal, 10); +@blueInvertedRibbonShadow: darken(@lightBlue, 10); +@violetInvertedRibbonShadow: darken(@lightViolet, 10); +@purpleInvertedRibbonShadow: darken(@lightPurple, 10); +@pinkInvertedRibbonShadow: darken(@lightPink, 10); +@brownInvertedRibbonShadow: darken(@lightBrown, 10); +@greyInvertedRibbonShadow: lighten(@lightGrey, 5); +@blackInvertedRibbonShadow: lighten(@lightBlack, 5); + @primaryTextColor: @invertedTextColor; @secondaryTextColor: @invertedTextColor; @@ -233,7 +260,7 @@ @pointingTriangleSize: 0.6666em; @pointingHorizontalDistance: @pointingTriangleSize; -@pointingTriangleTransition: background @labelTransitionDuration @labelTransitionEasing; +@pointingTriangleTransition: none; /* Avoids error with background: inherit; on animation */ @pointingTriangleZIndex: 2; /* Basic Pointing */ diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables index cbc776b387..b86e6d5489 100755 --- a/src/themes/default/globals/site.variables +++ b/src/themes/default/globals/site.variables @@ -741,8 +741,8 @@ /*--- Colors ---*/ @primaryColorHover : saturate(darken(@primaryColor, 5), 10, relative); @secondaryColorHover : saturate(lighten(@secondaryColor, 5), 10, relative); -@lightPrimaryColorHover : saturate(darken(@lightPrimaryColor, 5), 10, relative); -@lightSecondaryColorHover : saturate(lighten(@lightSecondaryColor, 5), 10, relative); +@lightPrimaryColorHover : saturate(darken(@lightPrimaryColor, 10), 10, relative); +@lightSecondaryColorHover : saturate(lighten(@lightSecondaryColor, 10), 10, relative); @redHover : saturate(darken(@red, 5), 10, relative); @orangeHover : saturate(darken(@orange, 5), 10, relative); @@ -756,19 +756,19 @@ @pinkHover : saturate(darken(@pink, 5), 10, relative); @brownHover : saturate(darken(@brown, 5), 10, relative); -@lightRedHover : saturate(darken(@lightRed, 5), 10, relative); -@lightOrangeHover : saturate(darken(@lightOrange, 5), 10, relative); -@lightYellowHover : saturate(darken(@lightYellow, 5), 10, relative); -@lightOliveHover : saturate(darken(@lightOlive, 5), 10, relative); -@lightGreenHover : saturate(darken(@lightGreen, 5), 10, relative); -@lightTealHover : saturate(darken(@lightTeal, 5), 10, relative); -@lightBlueHover : saturate(darken(@lightBlue, 5), 10, relative); -@lightVioletHover : saturate(darken(@lightViolet, 5), 10, relative); -@lightPurpleHover : saturate(darken(@lightPurple, 5), 10, relative); -@lightPinkHover : saturate(darken(@lightPink, 5), 10, relative); -@lightBrownHover : saturate(darken(@lightBrown, 5), 10, relative); -@lightGreyHover : saturate(darken(@lightGrey, 5), 10, relative); -@lightBlackHover : saturate(darken(@fullBlack, 5), 10, relative); +@lightRedHover : saturate(darken(@lightRed, 10), 10, relative); +@lightOrangeHover : saturate(darken(@lightOrange, 10), 10, relative); +@lightYellowHover : saturate(darken(@lightYellow, 10), 10, relative); +@lightOliveHover : saturate(darken(@lightOlive, 10), 10, relative); +@lightGreenHover : saturate(darken(@lightGreen, 10), 10, relative); +@lightTealHover : saturate(darken(@lightTeal, 10), 10, relative); +@lightBlueHover : saturate(darken(@lightBlue, 10), 10, relative); +@lightVioletHover : saturate(darken(@lightViolet, 10), 10, relative); +@lightPurpleHover : saturate(darken(@lightPurple, 10), 10, relative); +@lightPinkHover : saturate(darken(@lightPink, 10), 10, relative); +@lightBrownHover : saturate(darken(@lightBrown, 10), 10, relative); +@lightGreyHover : saturate(darken(@lightGrey, 10), 10, relative); +@lightBlackHover : saturate(darken(@fullBlack, 10), 10, relative); /*--- Emotive ---*/ @positiveColorHover : saturate(darken(@positiveColor, 5), 10, relative); From f25f32e5031f635db10580bad054735e79c34cb2 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Wed, 28 Nov 2018 11:00:03 +0100 Subject: [PATCH 12/49] feat(search): wrap result into object when original result is an array Closes #263 --- src/definitions/modules/search.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/definitions/modules/search.js b/src/definitions/modules/search.js index 645cf6741f..4a612e71b5 100644 --- a/src/definitions/modules/search.js +++ b/src/definitions/modules/search.js @@ -687,6 +687,11 @@ $.fn.search = function(parameters) { parse: { response: function(response, searchTerm) { + if(Array.isArray(response)){ + var o={}; + o[fields.results]=response; + response = o; + } var searchHTML = module.generateResults(response) ; From 79f24a9053930d92fe0ff3754b972ea35584856a Mon Sep 17 00:00:00 2001 From: Sean Date: Wed, 28 Nov 2018 10:40:04 +0000 Subject: [PATCH 13/49] fix(security): changed event-stream version Change `event-stream` version to fix security exploit. Refs: https://github.com/dominictarr/event-stream/issues/116 https://github.com/dominictarr/event-stream/issues/115 Closes #268 --- package-lock.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 6cab119237..b8b834ff71 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1329,8 +1329,8 @@ "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" }, "event-stream": { - "version": "3.0.20", - "resolved": "http://registry.npmjs.org/event-stream/-/event-stream-3.0.20.tgz", + "version": "3.3.4", + "resolved": "http://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz", "integrity": "sha1-A4u7LqnqkDhbJvvBhU0LU58qvqM=", "requires": { "duplexer": "~0.1.1", @@ -4959,7 +4959,7 @@ "resolved": "https://registry.npmjs.org/prompt-sui/-/prompt-sui-3.2.1.tgz", "integrity": "sha512-dldrpeYMq4c8oGpHoZIzJnCya96eBECHl167PqpPsrnjdo9795gV/hxvJo0RuiKj28cMlhlqZgOYhXHfXtofHQ==", "requires": { - "event-stream": "~3.0.20", + "event-stream": "3.3.4", "inquirer": "3.2.x" } }, From 4f34d881bdc541677b9e17ad1a5d17553e90047e Mon Sep 17 00:00:00 2001 From: prudho Date: Wed, 28 Nov 2018 12:55:50 +0100 Subject: [PATCH 14/49] feat(input): add red border around `error labeled input` Closes #257 --- src/definitions/elements/input.less | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 22d439f120..7443c6ce68 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -398,6 +398,21 @@ left: @borderWidth; } +/* Labeled input error */ +.ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label { + border-top: @borderWidth solid @errorBorder; + border-bottom: @borderWidth solid @errorBorder; +} +.ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label { + border-left: @borderWidth solid @errorBorder; +} +.ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label { + border-right: @borderWidth solid @errorBorder; +} +.ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child { + border-left: @borderWidth solid @errorBorder; +} + /*-------------------- Action From 652c99d04a49238948d828f3a719191b07bfb167 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 3 Dec 2018 10:22:27 +0100 Subject: [PATCH 15/49] fix(dropdown): fix select always showing remove icon Closes #271 --- src/definitions/modules/dropdown.js | 13 ++++++++++++- src/definitions/modules/dropdown.less | 2 ++ 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index 2f7200ca4e..aae2fbe82a 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -2146,6 +2146,11 @@ $.fn.dropdown = function(parameters) { else { module.set.selected(); } + if(module.get.item()) { + $input.removeClass(className.noselection); + } else { + $input.addClass(className.noselection); + } module.remove.initialLoad(); }, remoteValues: function() { @@ -2514,6 +2519,11 @@ $.fn.dropdown = function(parameters) { $element.addClass(className.leftward); }, value: function(value, text, $selected) { + if(value !== undefined && value !== '' && !(Array.isArray(value) && value.length === 0)) { + $input.removeClass(className.noselection); + } else { + $input.addClass(className.noselection); + } var escapedValue = module.escape.value(value), hasInput = ($input.length > 0), @@ -3945,7 +3955,8 @@ $.fn.dropdown.settings = { upward : 'upward', leftward : 'left', visible : 'visible', - clearable : 'clearable' + clearable : 'clearable', + noselection : 'noselection' } }; diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index b8cab279e2..73492fc0d0 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -632,6 +632,7 @@ select.ui.dropdown { /* Clearable Selection */ .ui.dropdown .remove.icon { + cursor: pointer; font-size: @dropdownIconSize; margin: @selectionIconMargin; padding: @selectionIconPadding; @@ -647,6 +648,7 @@ select.ui.dropdown { margin-right: 1.5em; } +.ui.dropdown select.noselection ~ .remove.icon, .ui.dropdown input[value=''] ~ .remove.icon, .ui.dropdown input:not([value]) ~ .remove.icon, .ui.dropdown.loading .remove.icon { From 10bd528523b5af0a5f3c88f9bec53a284114f551 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 3 Dec 2018 10:25:21 +0100 Subject: [PATCH 16/49] fix(popup): fix correct usage for addTouchEvents=false --- src/definitions/modules/popup.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/definitions/modules/popup.js b/src/definitions/modules/popup.js index 71e58b41d0..66d312ce18 100644 --- a/src/definitions/modules/popup.js +++ b/src/definitions/modules/popup.js @@ -28,7 +28,6 @@ $.fn.popup = function(parameters) { moduleSelector = $allModules.selector || '', - hasTouch = (true), time = new Date().getTime(), performance = [], @@ -185,7 +184,7 @@ $.fn.popup = function(parameters) { : settings.delay ; clearTimeout(module.hideTimer); - if(!openedWithTouch) { + if(!openedWithTouch || (openedWithTouch && settings.addTouchEvents) ) { module.showTimer = setTimeout(module.show, delay); } }, @@ -200,7 +199,9 @@ $.fn.popup = function(parameters) { }, touchstart: function(event) { openedWithTouch = true; - module.show(); + if(settings.addTouchEvents) { + module.show(); + } }, resize: function() { if( module.is.visible() ) { @@ -983,7 +984,7 @@ $.fn.popup = function(parameters) { .on('click' + eventNamespace, module.toggle) ; } - if(settings.on == 'hover' && hasTouch) { + if(settings.on == 'hover') { $module .on('touchstart' + eventNamespace, module.event.touchstart) ; From 2b2fd30740b75814d5d6ed1d8f36827914efdf09 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 3 Dec 2018 10:29:35 +0100 Subject: [PATCH 17/49] fix(list): make sure list settings are not applied to any "list icon" --- src/definitions/elements/list.less | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less index 246c346515..9df3f2340b 100755 --- a/src/definitions/elements/list.less +++ b/src/definitions/elements/list.less @@ -88,7 +88,7 @@ ol.ui.list li:last-child, /* Child List */ ul.ui.list ul, ol.ui.list ol, -.ui.list .list { +.ui.list .list:not(.icon) { clear: both; margin: 0em; padding: @childListPadding; @@ -292,7 +292,7 @@ ol.ui.list ol li, margin-left: 0em !important; padding-left: 0em !important; } -.ui.horizontal.list .list { +.ui.horizontal.list .list:not(.icon) { padding-left: 0em; padding-bottom: 0em; } @@ -584,7 +584,7 @@ ul.ui.list li:before, } ul.ui.list ul, -.ui.bulleted.list .list { +.ui.bulleted.list .list:not(.icon) { padding-left: @bulletChildDistance; } @@ -616,7 +616,7 @@ ul.ui.horizontal.bulleted.list li:first-child::before, ol.ui.list, .ui.ordered.list, -.ui.ordered.list .list, +.ui.ordered.list .list:not(.icon), ol.ui.list ol { counter-reset: ordered; margin-left: @orderedCountDistance; @@ -662,7 +662,7 @@ ol.ui.list li[value]:before { /* Child Lists */ ol.ui.list ol, -.ui.ordered.list .list { +.ui.ordered.list .list:not(.icon) { margin-left: @orderedChildCountDistance; } ol.ui.list ol li:before, @@ -707,7 +707,7 @@ ol.ui.horizontal.list li:before, /* Divided bulleted */ .ui.divided.bulleted.list:not(.horizontal), -.ui.divided.bulleted.list .list { +.ui.divided.bulleted.list .list:not(.icon) { margin-left: 0em; padding-left: 0em; } @@ -723,7 +723,7 @@ ol.ui.horizontal.list li:before, .ui.divided.ordered.list > .item { padding-left: @orderedCountDistance; } -.ui.divided.ordered.list .item .list { +.ui.divided.ordered.list .item .list:not(.icon) { margin-left: 0em; margin-right: 0em; padding-bottom: @itemVerticalPadding; @@ -803,7 +803,7 @@ ol.ui.horizontal.list li:before, .ui.celled.bulleted.list > .item { padding-left: (@bulletDistance); } -.ui.celled.bulleted.list .item .list { +.ui.celled.bulleted.list .item .list:not(.icon) { margin-left: -(@bulletDistance); margin-right: -(@bulletDistance); padding-bottom: @itemVerticalPadding; @@ -817,7 +817,7 @@ ol.ui.horizontal.list li:before, .ui.celled.ordered.list > .item { padding-left: @orderedCountDistance; } -.ui.celled.ordered.list .item .list { +.ui.celled.ordered.list .item .list:not(.icon) { margin-left: 0em; margin-right: 0em; padding-bottom: @itemVerticalPadding; From f7c0229db01ce880f7657e68a8213576bf872e8c Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 3 Dec 2018 10:36:39 +0100 Subject: [PATCH 18/49] fix(modal): touch scrolling (dropdown, content, focussed input) fixed --- src/definitions/modules/modal.js | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/src/definitions/modules/modal.js b/src/definitions/modules/modal.js index a3a8cb91d4..e273fc0e67 100755 --- a/src/definitions/modules/modal.js +++ b/src/definitions/modules/modal.js @@ -252,7 +252,9 @@ $.fn.modal = function(parameters) { }); }, preventScroll: function(event) { - event.preventDefault(); + if(event.target.className.indexOf('dimmer') !== -1) { + event.preventDefault(); + } }, deny: function() { if(ignoreRepeatedEvents || settings.onDeny.call(element, $(this)) === false) { @@ -386,7 +388,7 @@ $.fn.modal = function(parameters) { else { if( settings.allowMultiple ) { if ( module.others.active() ) { - $otherModals.filter('.' + className.active).find(selector.dimmer).addClass('active') + $otherModals.filter('.' + className.active).find(selector.dimmer).addClass('active'); } if ( settings.detachable ) { @@ -461,15 +463,16 @@ $.fn.modal = function(parameters) { } }, onComplete : function() { + module.unbind.scrollLock(); if ( settings.allowMultiple ) { $previousModal.addClass(className.top); $module.removeClass(className.top); if ( hideOthersToo ) { - $allModals.find(selector.dimmer).removeClass('active') + $allModals.find(selector.dimmer).removeClass('active'); } else { - $previousModal.find(selector.dimmer).removeClass('active') + $previousModal.find(selector.dimmer).removeClass('active'); } } settings.onHidden.call(element); @@ -790,7 +793,7 @@ $.fn.modal = function(parameters) { }, active: function() { $module.addClass(className.active + ' ' + className.top); - $otherModals.filter('.' + className.active).removeClass(className.top) + $otherModals.filter('.' + className.active).removeClass(className.top); }, scrolling: function() { $dimmable.addClass(className.scrolling); From 41c4d3d9def3a87b299ce6eae21d41041b8b6953 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 3 Dec 2018 10:39:11 +0100 Subject: [PATCH 19/49] feat(input,textarea): support corner label and icon for textarea --- src/definitions/elements/input.less | 10 ++++++++++ src/themes/default/elements/input.variables | 2 ++ 2 files changed, 12 insertions(+) diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 7443c6ce68..8d71445538 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -273,6 +273,7 @@ .ui.icon.input > i.icon:not(.link) { pointer-events: none; } +.ui.icon.input > textarea, .ui.icon.input > input { padding-right: @iconMargin !important; } @@ -304,12 +305,14 @@ right: auto; left: @circularIconHorizontalOffset; } +.ui[class*="left icon"].input > textarea, .ui[class*="left icon"].input > input { padding-left: @iconMargin !important; padding-right: @horizontalPadding !important; } /* Focus */ +.ui.icon.input > textarea:focus ~ i.icon, .ui.icon.input > input:focus ~ i.icon { opacity: 1; } @@ -367,9 +370,11 @@ } /* Spacing with corner label */ +.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > textarea, .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input { padding-right: @labeledMargin !important; } +.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > textarea, .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input { padding-right: @labeledIconInputMargin !important; } @@ -378,15 +383,20 @@ } /* Left Labeled */ +.ui[class*="left corner labeled"].labeled.input > textarea, .ui[class*="left corner labeled"].labeled.input > input { padding-left: @labeledMargin !important; } +.ui[class*="left corner labeled"].icon.input > textarea, .ui[class*="left corner labeled"].icon.input > input { padding-left: @labeledIconInputMargin !important; } .ui[class*="left corner labeled"].icon.input > .icon { margin-left: @labeledIconMargin; } +.ui.icon.input > textarea ~ .icon { + height: @textareaIconHeight; +} /* Corner Label Position */ .ui.input > .ui.corner.label { diff --git a/src/themes/default/elements/input.variables b/src/themes/default/elements/input.variables index 04741f3f50..5b617f8881 100644 --- a/src/themes/default/elements/input.variables +++ b/src/themes/default/elements/input.variables @@ -44,6 +44,8 @@ @transparentIconWidth: @glyphWidth; @transparentIconMargin: 2em; +@textareaIconHeight: 3em; + /* Circular Icon Input */ @circularIconVerticalOffset: 0.35em; @circularIconHorizontalOffset: 0.5em; From 536a5c14ecc4f7e84c0d0cfa40ea476c07277df5 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 3 Dec 2018 10:41:31 +0100 Subject: [PATCH 20/49] fix(message): fixed compact icon message width --- src/definitions/collections/message.less | 1 + 1 file changed, 1 insertion(+) diff --git a/src/definitions/collections/message.less b/src/definitions/collections/message.less index f72e8984af..64b869e717 100755 --- a/src/definitions/collections/message.less +++ b/src/definitions/collections/message.less @@ -179,6 +179,7 @@ } .ui.compact.icon.message { display: inline-flex; + width: auto; } From f979cfb98474eb22620380e6d19d9e2fedece8e7 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Wed, 5 Dec 2018 10:02:13 +0100 Subject: [PATCH 21/49] fix(dropdown): filter already selected items when using remote api --- src/definitions/modules/dropdown.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index aae2fbe82a..b67d85065d 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -741,6 +741,11 @@ $.fn.dropdown = function(parameters) { if(settings.filterRemoteData) { module.filterItems(searchTerm); } + $.each($input.val(),function(index,value){ + $item.filter('[data-value="'+value+'"]') + .addClass(className.filtered) + ; + }); afterFiltered(); }); } From 9c0900cfe5dc0f80783ab3fd48e9b903c0493196 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Wed, 5 Dec 2018 10:03:58 +0100 Subject: [PATCH 22/49] fix(form, dropdown): formvalidation broke when id had colon in it --- src/definitions/behaviors/form.js | 19 ++++++++++--------- src/definitions/modules/dropdown.js | 2 +- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/src/definitions/behaviors/form.js b/src/definitions/behaviors/form.js index 4c225dbc78..083ba89cd1 100644 --- a/src/definitions/behaviors/form.js +++ b/src/definitions/behaviors/form.js @@ -514,17 +514,18 @@ $.fn.form = function(parameters) { field: function(identifier) { module.verbose('Finding field with identifier', identifier); identifier = module.escape.string(identifier); - if($field.filter('#' + identifier).length > 0 ) { - return $field.filter('#' + identifier); + var t; + if((t=$field.filter('#' + identifier)).length > 0 ) { + return t; } - else if( $field.filter('[name="' + identifier +'"]').length > 0 ) { - return $field.filter('[name="' + identifier +'"]'); + if((t=$field.filter('[name="' + identifier +'"]')).length > 0 ) { + return t; } - else if( $field.filter('[name="' + identifier +'[]"]').length > 0 ) { - return $field.filter('[name="' + identifier +'[]"]'); + if((t=$field.filter('[name="' + identifier +'[]"]')).length > 0 ) { + return t; } - else if( $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]').length > 0 ) { - return $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]'); + if((t=$field.filter('[data-' + metadata.validate + '="'+ identifier +'"]')).length > 0 ) { + return t; } return $(''); }, @@ -1239,7 +1240,7 @@ $.fn.form.settings = { bracket : /\[(.*)\]/i, decimal : /^\d+\.?\d*$/, email : /^[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i, - escape : /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, + escape : /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|:,=@]/g, flags : /^\/(.*)\/(.*)?/, integer : /^\-?\d+$/, number : /^\-?\d*(\.\d+)?$/, diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index b67d85065d..0d298f2801 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -3879,7 +3879,7 @@ $.fn.dropdown.settings = { }, regExp : { - escape : /[-[\]{}()*+?.,\\^$|#\s]/g, + escape : /[-[\]{}()*+?.,\\^$|#\s:=@]/g, quote : /"/g }, From a6e303f11398fd4ebfec21efcdbd88c80c659e32 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Wed, 5 Dec 2018 10:04:46 +0100 Subject: [PATCH 23/49] fix(dropdown): fixes submenu positioning Closes 194 --- src/definitions/modules/dropdown.js | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index 0d298f2801..c511f23f16 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -2498,8 +2498,13 @@ $.fn.dropdown = function(parameters) { }, direction: function($menu) { if(settings.direction == 'auto') { - // reset position - module.remove.upward(); + // reset position, remove upward if it's base menu + if (!$menu) { + module.remove.upward(); + } else if (module.is.upward($menu)) { + //we need make sure when make assertion openDownward for $menu, $menu does not have upward class + module.remove.upward($menu); + } if(module.can.openDownward($menu)) { module.remove.upward($menu); From 501b61ccb083a6a56cad06ff3e8ec6d798abdaec Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Wed, 5 Dec 2018 10:05:59 +0100 Subject: [PATCH 24/49] fix(dropdown): preselected values are ignored when data has individual value-name --- src/definitions/modules/dropdown.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index c511f23f16..851b88eeb2 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -987,9 +987,11 @@ $.fn.dropdown = function(parameters) { module.setup.menu({values: values}); $.each(values, function(index, item) { if(item.selected == true) { - module.debug('Setting initial selection to', item.value); - module.set.selected(item.value); - return true; + module.debug('Setting initial selection to', item[fields.value]); + module.set.selected(item[fields.value]); + if(!module.is.multiple()) { + return false; + } } }); } From d84fb2310e45a2860bf73be34c5ffa31b1332d1a Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Thu, 6 Dec 2018 09:40:17 +0100 Subject: [PATCH 25/49] fix(modal): dimmer click closed modal when allowMultiple=true even if onHide()=false Closes #284 --- src/definitions/modules/modal.js | 31 ++++++++++++++++++++----------- 1 file changed, 20 insertions(+), 11 deletions(-) diff --git a/src/definitions/modules/modal.js b/src/definitions/modules/modal.js index e273fc0e67..0ee0d557cc 100755 --- a/src/definitions/modules/modal.js +++ b/src/definitions/modules/modal.js @@ -292,15 +292,17 @@ $.fn.modal = function(parameters) { isInModal = ($target.closest(selector.modal).length > 0), isInDOM = $.contains(document.documentElement, event.target) ; - if(!isInModal && isInDOM && module.is.active()) { + if(!isInModal && isInDOM && module.is.active() && $module.hasClass(className.top) ) { module.debug('Dimmer clicked, hiding all modals'); - module.remove.clickaway(); if(settings.allowMultiple) { - module.hideAll(); + if(!module.hideAll()) { + return; + } } - else { - module.hide(); + else if(!module.hide()){ + return; } + module.remove.clickaway(); } }, debounce: function(method, delay) { @@ -359,7 +361,7 @@ $.fn.modal = function(parameters) { : function(){} ; module.refreshModals(); - module.hideModal(callback); + return module.hideModal(callback); }, showModal: function(callback) { @@ -441,7 +443,7 @@ $.fn.modal = function(parameters) { module.debug('Hiding modal'); if(settings.onHide.call(element, $(this)) === false) { module.verbose('Hide callback returned false cancelling hide'); - return; + return false; } if( module.is.animating() || module.is.active() ) { @@ -523,10 +525,17 @@ $.fn.modal = function(parameters) { ; if( $visibleModals.length > 0 ) { module.debug('Hiding all visible modals'); - module.hideDimmer(); - $visibleModals - .modal('hide modal', callback, false, true) - ; + var hideOk = true; +//check in reverse order trying to hide most top displayed modal first + $($visibleModals.get().reverse()).each(function(index,element){ + if(hideOk){ + hideOk = $(element).modal('hide modal', callback, false, true); + } + }); + if(hideOk) { + module.hideDimmer(); + } + return hideOk; } }, From ee4b02cdf48b470520aad19851f1c85820e2055b Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Fri, 7 Dec 2018 12:33:35 +0100 Subject: [PATCH 26/49] refactor: remove deprecated jquery functions --- src/definitions/behaviors/api.js | 6 +++++- src/definitions/behaviors/form.js | 24 ++++++++++++--------- src/definitions/behaviors/state.js | 6 +++++- src/definitions/behaviors/visibility.js | 6 +++++- src/definitions/globals/site.js | 6 +++++- src/definitions/modules/accordion.js | 6 +++++- src/definitions/modules/calendar.js | 6 +++++- src/definitions/modules/checkbox.js | 6 +++++- src/definitions/modules/dimmer.js | 6 +++++- src/definitions/modules/dropdown.js | 28 ++++++++++++++----------- src/definitions/modules/embed.js | 6 +++++- src/definitions/modules/modal.js | 6 +++++- src/definitions/modules/nag.js | 6 +++++- src/definitions/modules/popup.js | 6 +++++- src/definitions/modules/progress.js | 6 +++++- src/definitions/modules/rating.js | 6 +++++- src/definitions/modules/search.js | 14 ++++++++----- src/definitions/modules/shape.js | 6 +++++- src/definitions/modules/sidebar.js | 6 +++++- src/definitions/modules/sticky.js | 6 +++++- src/definitions/modules/tab.js | 13 +++++++++--- src/definitions/modules/toast.js | 6 +++++- src/definitions/modules/transition.js | 8 +++++-- 23 files changed, 145 insertions(+), 50 deletions(-) diff --git a/src/definitions/behaviors/api.js b/src/definitions/behaviors/api.js index cdcfc753d7..d5cefd390f 100644 --- a/src/definitions/behaviors/api.js +++ b/src/definitions/behaviors/api.js @@ -12,6 +12,10 @@ 'use strict'; +$.isWindow = $.isWindow || function(obj) { + return obj != null && obj === obj.window; +}; + var window = (typeof window != 'undefined' && window.Math == Math) ? window @@ -990,7 +994,7 @@ $.api = $.fn.api = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/behaviors/form.js b/src/definitions/behaviors/form.js index 083ba89cd1..b8fcb3a996 100644 --- a/src/definitions/behaviors/form.js +++ b/src/definitions/behaviors/form.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -261,7 +265,7 @@ $.fn.form = function(parameters) { }, // duck type rule test shorthandRules: function(rules) { - return (typeof rules == 'string' || $.isArray(rules)); + return (typeof rules == 'string' || Array.isArray(rules)); }, empty: function($field) { if(!$field || $field.length === 0) { @@ -566,7 +570,7 @@ $.fn.form = function(parameters) { }, values: function (fields) { var - $fields = $.isArray(fields) + $fields = Array.isArray(fields) ? module.get.fields(fields) : $field, values = {} @@ -668,7 +672,7 @@ $.fn.form = function(parameters) { newValidation = {} ; if(module.is.shorthandRules(rules)) { - rules = $.isArray(rules) + rules = Array.isArray(rules) ? rules : [rules] ; @@ -751,7 +755,7 @@ $.fn.form = function(parameters) { remove: { rule: function(field, rule) { var - rules = $.isArray(rule) + rules = Array.isArray(rule) ? rule : [rule] ; @@ -760,7 +764,7 @@ $.fn.form = function(parameters) { validation[field].rules = []; return; } - if(validation[field] == undefined || !$.isArray(validation[field].rules)) { + if(validation[field] == undefined || !Array.isArray(validation[field].rules)) { return; } $.each(validation[field].rules, function(index, rule) { @@ -772,7 +776,7 @@ $.fn.form = function(parameters) { }, field: function(field) { var - fields = $.isArray(field) + fields = Array.isArray(field) ? field : [field] ; @@ -782,7 +786,7 @@ $.fn.form = function(parameters) { }, // alias rules: function(field, rules) { - if($.isArray(field)) { + if(Array.isArray(field)) { $.each(fields, function(index, field) { module.remove.rule(field, rules); }); @@ -863,7 +867,7 @@ $.fn.form = function(parameters) { var $field = module.get.field(key), $element = $field.parent(), - isMultiple = $.isArray(value), + isMultiple = Array.isArray(value), isCheckbox = $element.is(selector.uiCheckbox), isDropdown = $element.is(selector.uiDropdown), isRadio = ($field.is(selector.radio) && isCheckbox), @@ -1181,7 +1185,7 @@ $.fn.form = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { @@ -1337,7 +1341,7 @@ $.fn.form.settings = { // is not empty or blank string empty: function(value) { - return !(value === undefined || '' === value || $.isArray(value) && value.length === 0); + return !(value === undefined || '' === value || Array.isArray(value) && value.length === 0); }, // checkbox checked diff --git a/src/definitions/behaviors/state.js b/src/definitions/behaviors/state.js index 83f9ae7132..d67fa3bf89 100644 --- a/src/definitions/behaviors/state.js +++ b/src/definitions/behaviors/state.js @@ -12,6 +12,10 @@ "use strict"; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -559,7 +563,7 @@ $.fn.state = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/behaviors/visibility.js b/src/definitions/behaviors/visibility.js index 8ae572c7fe..fb2fe4835c 100755 --- a/src/definitions/behaviors/visibility.js +++ b/src/definitions/behaviors/visibility.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -1172,7 +1176,7 @@ $.fn.visibility = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/globals/site.js b/src/definitions/globals/site.js index 75718fdf19..11f76bbbfc 100644 --- a/src/definitions/globals/site.js +++ b/src/definitions/globals/site.js @@ -10,6 +10,10 @@ ;(function ($, window, document, undefined) { +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + $.site = $.fn.site = function(parameters) { var time = new Date().getTime(), @@ -391,7 +395,7 @@ $.site = $.fn.site = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/accordion.js b/src/definitions/modules/accordion.js index 818e3d62d9..f71df6063f 100644 --- a/src/definitions/modules/accordion.js +++ b/src/definitions/modules/accordion.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -522,7 +526,7 @@ $.fn.accordion = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/calendar.js b/src/definitions/modules/calendar.js index b6ebfa924c..4d9f47a823 100644 --- a/src/definitions/modules/calendar.js +++ b/src/definitions/modules/calendar.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -1042,7 +1046,7 @@ $.fn.calendar = function(parameters) { else if (found !== undefined) { response = found; } - if ($.isArray(returnedValue)) { + if (Array.isArray(returnedValue)) { returnedValue.push(response); } else if (returnedValue !== undefined) { diff --git a/src/definitions/modules/checkbox.js b/src/definitions/modules/checkbox.js index 7e84d4bac3..b01ee2f089 100644 --- a/src/definitions/modules/checkbox.js +++ b/src/definitions/modules/checkbox.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -735,7 +739,7 @@ $.fn.checkbox = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/dimmer.js b/src/definitions/modules/dimmer.js index 41d8880466..d2173253e2 100755 --- a/src/definitions/modules/dimmer.js +++ b/src/definitions/modules/dimmer.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -622,7 +626,7 @@ $.fn.dimmer = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index 851b88eeb2..e6ba83c47e 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -203,7 +207,7 @@ $.fn.dropdown = function(parameters) { if(!values) { return false; } - values = $.isArray(values) + values = Array.isArray(values) ? values : [values] ; @@ -779,7 +783,7 @@ $.fn.dropdown = function(parameters) { onSuccess : function(response) { var values = response[fields.remoteValues], - hasRemoteValues = ($.isArray(values) && values.length > 0) + hasRemoteValues = (Array.isArray(values) && values.length > 0) ; if(hasRemoteValues) { module.remove.message(); @@ -1759,7 +1763,7 @@ $.fn.dropdown = function(parameters) { count ; count = ( module.is.multiple() ) - ? $.isArray(values) + ? Array.isArray(values) ? values.length : 0 : (module.get.value() !== '') @@ -1783,7 +1787,7 @@ $.fn.dropdown = function(parameters) { if(!values) { return false; } - values = $.isArray(values) + values = Array.isArray(values) ? values : [values] ; @@ -1818,7 +1822,7 @@ $.fn.dropdown = function(parameters) { value = ($input.length > 0) ? $input.val() : $module.data(metadata.value), - isEmptyMultiselect = ($.isArray(value) && value.length === 1 && value[0] === '') + isEmptyMultiselect = (Array.isArray(value) && value.length === 1 && value[0] === '') ; // prevents placeholder element from being selected when multiple return (value === undefined || isEmptyMultiselect) @@ -2009,7 +2013,7 @@ $.fn.dropdown = function(parameters) { ? (value.length > 0) : (value !== undefined && value !== null) ; - isMultiple = (module.is.multiple() && $.isArray(value)); + isMultiple = (module.is.multiple() && Array.isArray(value)); strict = (value === '' || value === 0) ? true : strict || false @@ -2842,7 +2846,7 @@ $.fn.dropdown = function(parameters) { return; } // extend current array - if($.isArray(currentValue)) { + if(Array.isArray(currentValue)) { newValue = currentValue.concat([addedValue]); newValue = module.get.uniqueArray(newValue); } @@ -3027,7 +3031,7 @@ $.fn.dropdown = function(parameters) { module.check.maxSelections(); }, arrayValue: function(removedValue, values) { - if( !$.isArray(values) ) { + if( !Array.isArray(values) ) { values = [values]; } values = $.grep(values, function(value){ @@ -3185,7 +3189,7 @@ $.fn.dropdown = function(parameters) { valueMatchingCase: function(value) { var values = module.get.values(), - hasValue = $.isArray(values) + hasValue = Array.isArray(values) ? values && ($.inArray(value, values) !== -1) : (values == value) ; @@ -3199,7 +3203,7 @@ $.fn.dropdown = function(parameters) { values = module.get.values(), hasValue = false ; - if(!$.isArray(values)) { + if(!Array.isArray(values)) { values = [values]; } $.each(values, function(index, existingValue) { @@ -3571,7 +3575,7 @@ $.fn.dropdown = function(parameters) { escape: { value: function(value) { var - multipleValues = $.isArray(value), + multipleValues = Array.isArray(value), stringValue = (typeof value === 'string'), isUnparsable = (!stringValue && !multipleValues), hasQuotes = (stringValue && value.search(regExp.quote) !== -1), @@ -3745,7 +3749,7 @@ $.fn.dropdown = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/embed.js b/src/definitions/modules/embed.js index a9f684def9..e19689e21e 100644 --- a/src/definitions/modules/embed.js +++ b/src/definitions/modules/embed.js @@ -12,6 +12,10 @@ "use strict"; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -541,7 +545,7 @@ $.fn.embed = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/modal.js b/src/definitions/modules/modal.js index 0ee0d557cc..ba02654370 100755 --- a/src/definitions/modules/modal.js +++ b/src/definitions/modules/modal.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -979,7 +983,7 @@ $.fn.modal = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/nag.js b/src/definitions/modules/nag.js index 79d4311309..eccd2000ad 100644 --- a/src/definitions/modules/nag.js +++ b/src/definitions/modules/nag.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -405,7 +409,7 @@ $.fn.nag = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/popup.js b/src/definitions/modules/popup.js index 66d312ce18..06b6f7dd4f 100644 --- a/src/definitions/modules/popup.js +++ b/src/definitions/modules/popup.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -1291,7 +1295,7 @@ $.fn.popup = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/progress.js b/src/definitions/modules/progress.js index 480984d343..d79772c0b3 100644 --- a/src/definitions/modules/progress.js +++ b/src/definitions/modules/progress.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -801,7 +805,7 @@ $.fn.progress = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/rating.js b/src/definitions/modules/rating.js index 828875b761..31f8c23586 100644 --- a/src/definitions/modules/rating.js +++ b/src/definitions/modules/rating.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -418,7 +422,7 @@ $.fn.rating = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/search.js b/src/definitions/modules/search.js index 4a612e71b5..47b5ae835c 100644 --- a/src/definitions/modules/search.js +++ b/src/definitions/modules/search.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -445,7 +449,7 @@ $.fn.search = function(parameters) { if(settings.type === 'category') { module.debug('Finding result that matches', value); $.each(results, function(index, category) { - if($.isArray(category.results)) { + if(Array.isArray(category.results)) { result = module.search.object(value, category.results, lookupFields)[0]; // don't continue searching if a result is found if(result) { @@ -525,7 +529,7 @@ $.fn.search = function(parameters) { } else { module.debug('Querying for', searchTerm); - if($.isPlainObject(settings.source) || $.isArray(settings.source)) { + if($.isPlainObject(settings.source) || Array.isArray(settings.source)) { module.search.local(searchTerm); callback(); } @@ -611,7 +615,7 @@ $.fn.search = function(parameters) { ; // search fields should be array to loop correctly - if(!$.isArray(searchFields)) { + if(!Array.isArray(searchFields)) { searchFields = [searchFields]; } @@ -1001,7 +1005,7 @@ $.fn.search = function(parameters) { var template = settings.templates[settings.type], isProperObject = ($.isPlainObject(response[fields.results]) && !$.isEmptyObject(response[fields.results])), - isProperArray = ($.isArray(response[fields.results]) && response[fields.results].length > 0), + isProperArray = (Array.isArray(response[fields.results]) && response[fields.results].length > 0), html = '' ; if(isProperObject || isProperArray ) { @@ -1182,7 +1186,7 @@ $.fn.search = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/shape.js b/src/definitions/modules/shape.js index 5ba72efe77..c3b56e0ea6 100644 --- a/src/definitions/modules/shape.js +++ b/src/definitions/modules/shape.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -822,7 +826,7 @@ $.fn.shape = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/sidebar.js b/src/definitions/modules/sidebar.js index 1dcb3ae156..8dc2b544e5 100644 --- a/src/definitions/modules/sidebar.js +++ b/src/definitions/modules/sidebar.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -913,7 +917,7 @@ $.fn.sidebar = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/sticky.js b/src/definitions/modules/sticky.js index 436b1c3eb5..ce6ed0cdee 100755 --- a/src/definitions/modules/sticky.js +++ b/src/definitions/modules/sticky.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -852,7 +856,7 @@ $.fn.sticky = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/tab.js b/src/definitions/modules/tab.js index 4eedf6caa2..ea5b1d1dab 100644 --- a/src/definitions/modules/tab.js +++ b/src/definitions/modules/tab.js @@ -12,6 +12,13 @@ 'use strict'; +$.isWindow = $.isWindow || function(obj) { + return obj != null && obj === obj.window; +}; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -670,7 +677,7 @@ $.fn.tab = function(parameters) { }); }, last: function(array) { - return $.isArray(array) + return Array.isArray(array) ? array[ array.length - 1] : false ; @@ -685,7 +692,7 @@ $.fn.tab = function(parameters) { ; }, arrayToPath: function(pathArray) { - return $.isArray(pathArray) + return Array.isArray(pathArray) ? pathArray.join('/') : false ; @@ -842,7 +849,7 @@ $.fn.tab = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/toast.js b/src/definitions/modules/toast.js index 22d5ddeb18..149b9e3365 100644 --- a/src/definitions/modules/toast.js +++ b/src/definitions/modules/toast.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -467,7 +471,7 @@ $.fn.toast = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/src/definitions/modules/transition.js b/src/definitions/modules/transition.js index 6ed868f79b..6f0762ebe1 100644 --- a/src/definitions/modules/transition.js +++ b/src/definitions/modules/transition.js @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -301,7 +305,7 @@ $.fn.transition = function() { var style = $module.attr('style') || '' ; - return $.isArray(style.match(/display.*?;/, '')); + return Array.isArray(style.match(/display.*?;/, '')); } }, @@ -998,7 +1002,7 @@ $.fn.transition = function() { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { From 991a19549324a11ffc2601bf56b51ce30b46d571 Mon Sep 17 00:00:00 2001 From: prudho Date: Fri, 7 Dec 2018 12:53:04 +0100 Subject: [PATCH 27/49] style: fix some css errors --- src/definitions/collections/form.less | 4 ++-- src/definitions/collections/table.less | 4 ++-- src/definitions/elements/flag.less | 2 +- src/definitions/elements/icon.less | 1 - src/definitions/elements/step.less | 3 --- src/definitions/modules/modal.less | 4 ++-- src/definitions/modules/popup.less | 2 +- src/themes/classic/elements/button.variables | 2 +- src/themes/default/elements/button.variables | 4 ++-- src/themes/default/elements/list.variables | 2 +- src/themes/default/modules/modal.variables | 4 ++-- src/themes/default/views/item.variables | 6 +++--- src/themes/default/views/statistic.variables | 2 +- 13 files changed, 18 insertions(+), 22 deletions(-) diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less index 0a747b8a67..d100aa36ff 100755 --- a/src/definitions/collections/form.less +++ b/src/definitions/collections/form.less @@ -115,7 +115,7 @@ margin: 0em; outline: none; -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); line-height: @inputLineHeight; padding: @inputPadding; @@ -133,7 +133,7 @@ .ui.form textarea { margin: 0em; -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); padding: @textAreaPadding; background: @textAreaBackground; diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index 6537878780..2737ab4180 100755 --- a/src/definitions/collections/table.less +++ b/src/definitions/collections/table.less @@ -259,8 +259,8 @@ .ui.definition.table tfoot:not(.full-width) th:first-child { pointer-events: none; background: @definitionFooterBackground; - font-weight: @definitionFooterColor; - color: @definitionFooterFontWeight; + font-weight: @definitionFooterFontWeight; + color: @definitionFooterColor; box-shadow: @borderWidth @borderWidth 0px @borderWidth @definitionPageBackground; } diff --git a/src/definitions/elements/flag.less b/src/definitions/elements/flag.less index 1f4145ebad..fc86bd3011 100755 --- a/src/definitions/elements/flag.less +++ b/src/definitions/elements/flag.less @@ -36,7 +36,7 @@ i.flag:not(.icon) { text-decoration: inherit; speak: none; - font-smoothing: antialiased; + -webkit-font-smoothing: antialiased; backface-visibility: hidden; } diff --git a/src/definitions/elements/icon.less b/src/definitions/elements/icon.less index f118eb4592..4c85ddbcc3 100755 --- a/src/definitions/elements/icon.less +++ b/src/definitions/elements/icon.less @@ -50,7 +50,6 @@ i.icon { text-align: center; speak: none; - font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; backface-visibility: hidden; diff --git a/src/definitions/elements/step.less b/src/definitions/elements/step.less index 5b58ce38ab..53676cb1e2 100755 --- a/src/definitions/elements/step.less +++ b/src/definitions/elements/step.less @@ -153,9 +153,6 @@ flex: 0 1 auto; align-self: @iconAlign; } -.ui.steps .step > .icon ~ .content { - flex-grow: 1 0 auto; -} /* Horizontal Icon */ .ui.steps:not(.vertical) .step > .icon { diff --git a/src/definitions/modules/modal.less b/src/definitions/modules/modal.less index b0ed326c0c..62ce8a68e4 100755 --- a/src/definitions/modules/modal.less +++ b/src/definitions/modules/modal.less @@ -126,10 +126,10 @@ max-width: 100%; } .ui.modal > [class*="top aligned"] { - align-self: top; + align-self: start; } .ui.modal > [class*="middle aligned"] { - align-self: middle; + align-self: center; } .ui.modal > [class*="stretched"] { align-self: stretch; diff --git a/src/definitions/modules/popup.less b/src/definitions/modules/popup.less index a7071764d8..19a05c1dc3 100755 --- a/src/definitions/modules/popup.less +++ b/src/definitions/modules/popup.less @@ -228,7 +228,7 @@ box-shadow: @tooltipInvertedBoxShadow; } [data-tooltip][data-inverted]:after .header { - background-color: @tooltipInvertedHeaderBackground; + background: @tooltipInvertedHeaderBackground; color: @tooltipInvertedHeaderColor; } diff --git a/src/themes/classic/elements/button.variables b/src/themes/classic/elements/button.variables index ded0bdb3ed..5642bb5cba 100644 --- a/src/themes/classic/elements/button.variables +++ b/src/themes/classic/elements/button.variables @@ -48,7 +48,7 @@ /* Focused */ @focusBackgroundColor: ''; -@focusBackgroundImage: ''; +@focusBackgroundImage: none; @focusBoxShadow: 0px 0px 1px rgba(81, 167, 232, 0.8) inset, 0px 0px 3px 2px rgba(81, 167, 232, 0.8) diff --git a/src/themes/default/elements/button.variables b/src/themes/default/elements/button.variables index d4e5a8d6da..d79f2d1ddd 100644 --- a/src/themes/default/elements/button.variables +++ b/src/themes/default/elements/button.variables @@ -67,7 +67,7 @@ /* @willChange: box-shadow, transform, opacity, color, background; */ -@willChange: ''; +@willChange: auto; /*------------------- Group @@ -92,7 +92,7 @@ /* Focused */ @focusBackgroundColor: @hoverBackgroundColor; -@focusBackgroundImage: ''; +@focusBackgroundImage: none; @focusBoxShadow: ''; @focusColor: @hoveredTextColor; @iconFocusOpacity: 0.85; diff --git a/src/themes/default/elements/list.variables b/src/themes/default/elements/list.variables index 3e35b97f34..177de31f5c 100644 --- a/src/themes/default/elements/list.variables +++ b/src/themes/default/elements/list.variables @@ -203,7 +203,7 @@ /* Divided */ @celledBorderWidth: 1px; @celledBorder: @celledBorderWidth solid @borderColor; -@celledInvertedBorder: @dividedBorderWidth solid @whiteBorderColor; +@celledInvertedBorder: @whiteBorderColor; @celledHorizontalPadding: 0.5em; @celledChildListBorder: none; @celledChildItemBorder: none; diff --git a/src/themes/default/modules/modal.variables b/src/themes/default/modules/modal.variables index 22d895fc17..234c2b196b 100755 --- a/src/themes/default/modules/modal.variables +++ b/src/themes/default/modules/modal.variables @@ -46,12 +46,12 @@ /* Image / Description */ @imageWidth: ''; @imageIconSize: 8rem; -@imageVerticalAlign: top; +@imageVerticalAlign: start; @descriptionDistance: 2em; @descriptionMinWidth: ''; @descriptionWidth: auto; -@descriptionVerticalAlign: top; +@descriptionVerticalAlign: start; /* Modal Actions */ @actionBorder: 1px solid @borderColor; diff --git a/src/themes/default/views/item.variables b/src/themes/default/views/item.variables index 2460a42f94..2b03e7ee7a 100644 --- a/src/themes/default/views/item.variables +++ b/src/themes/default/views/item.variables @@ -44,7 +44,7 @@ @imageDisplay: block; @imageFloat: none; @imageMaxHeight: ''; -@imageVerticalAlign: top; +@imageVerticalAlign: start; @imageMargin: 0em; @imagePadding: 0em; @imageBorder: none; @@ -54,7 +54,7 @@ /* Content */ @contentDisplay: block; -@contentVerticalAlign: top; +@contentVerticalAlign: start; @contentWidth: auto; @contentOffset: 0em; @@ -110,7 +110,7 @@ /* Content Image */ @contentImageWidth: ''; -@contentImageVerticalAlign: middle; +@contentImageVerticalAlign: center; /* Avatar Image */ @avatarSize: @contentImageWidth; diff --git a/src/themes/default/views/statistic.variables b/src/themes/default/views/statistic.variables index 01bdc99bac..8b03149c83 100644 --- a/src/themes/default/views/statistic.variables +++ b/src/themes/default/views/statistic.variables @@ -9,7 +9,7 @@ @verticalMargin: 1em; @margin: @verticalMargin 0em; @textAlign: center; -@maxWidth: auto; +@maxWidth: none; /* Group */ @horizontalSpacing: 1.5em; From fba5c8c27470002f21ffa59d44771bd2c4845cd1 Mon Sep 17 00:00:00 2001 From: Sean Date: Tue, 11 Dec 2018 15:18:13 +0000 Subject: [PATCH 28/49] fix(visibility): rename placeholder class to constraint Rename the placeholder class to constraint to stop the conflict with the placeholder component Closes #296 --- src/definitions/behaviors/visibility.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/definitions/behaviors/visibility.js b/src/definitions/behaviors/visibility.js index fb2fe4835c..80872f99af 100755 --- a/src/definitions/behaviors/visibility.js +++ b/src/definitions/behaviors/visibility.js @@ -1301,7 +1301,7 @@ $.fn.visibility.settings = { className: { fixed : 'fixed', - placeholder : 'placeholder', + placeholder : 'constraint', visible : 'visible' }, From 426d6bd977419ad03b8ea014b997f441c76bfde9 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Wed, 12 Dec 2018 10:23:35 +0100 Subject: [PATCH 29/49] feat(api): add ability to handle array responses in onResponse handler Added a new option `rawResponse` (default `false` to stay backward compatible) to be able to handle raw Array Objects in the `onResponse` event handler, even if the datatype is json,. without force converting it into an object first. Just to stay backward compatible and because it could still be wanted behaviour for existing projects i decided against explicit checking for an Array in favour of an additional option --- src/definitions/behaviors/api.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/definitions/behaviors/api.js b/src/definitions/behaviors/api.js index d5cefd390f..126427e2db 100644 --- a/src/definitions/behaviors/api.js +++ b/src/definitions/behaviors/api.js @@ -485,7 +485,7 @@ $.api = $.fn.api = function(parameters) { elapsedTime = (new Date().getTime() - requestStartTime), timeLeft = (settings.loadingDuration - elapsedTime), translatedResponse = ( $.isFunction(settings.onResponse) ) - ? module.is.expectingJSON() + ? module.is.expectingJSON() && !settings.rawResponse ? settings.onResponse.call(context, $.extend(true, {}, response)) : settings.onResponse.call(context, response) : false @@ -1101,6 +1101,9 @@ $.api.settings = { response : false, responseAsync : false, +// whether onResponse should work with response value without force converting into an object + rawResponse : false, + // callbacks before request beforeSend : function(settings) { return settings; }, beforeXHR : function(xhr) {}, From 0000ce9dd05c26a6bee705d88899a3e018b5a0a9 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Thu, 13 Dec 2018 09:48:11 +0100 Subject: [PATCH 30/49] security: prevent JS execution from manual entries or untrusted remote data --- src/definitions/modules/dropdown.js | 88 ++++++++++++++++++++++------- src/definitions/modules/search.js | 51 +++++++++-------- 2 files changed, 97 insertions(+), 42 deletions(-) diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index e6ba83c47e..862685f098 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -373,7 +373,7 @@ $.fn.dropdown = function(parameters) { .attr('class', $input.attr('class') ) .addClass(className.selection) .addClass(className.dropdown) - .html( templates.dropdown(selectValues) ) + .html( templates.dropdown(selectValues,settings.preserveHTML) ) .insertBefore($input) ; if($input.hasClass(className.multiple) && $input.prop('multiple') === false) { @@ -396,7 +396,7 @@ $.fn.dropdown = function(parameters) { module.refresh(); }, menu: function(values) { - $menu.html( templates.menu(values, fields)); + $menu.html( templates.menu(values, fields,settings.preserveHTML)); $item = $menu.find(selector.item); $divider = settings.hideDividers ? $item.parent().children(selector.divider) : $(); }, @@ -729,7 +729,7 @@ $.fn.dropdown = function(parameters) { module.remove.message(); } if(settings.allowAdditions) { - module.add.userSuggestion(query); + module.add.userSuggestion(module.escape.htmlEntities(query)); } if(module.is.searchSelection() && module.can.show() && module.is.focusedOnSearch() ) { module.show(); @@ -2693,7 +2693,7 @@ $.fn.dropdown = function(parameters) { $label = $('') .addClass(className.label) .attr('data-' + metadata.value, escapedValue) - .html(templates.label(escapedValue, text)) + .html(templates.label(escapedValue, text, settings.preserveHTML)) ; $label = settings.onLabelCreate.call($label, escapedValue, text); @@ -3596,6 +3596,27 @@ $.fn.dropdown = function(parameters) { string: function(text) { text = String(text); return text.replace(regExp.escape, '\\$&'); + }, + htmlEntities: function(string) { + var + badChars = /[&<>"'`]/g, + shouldEscape = /[&<>"'`]/, + escape = { + "&": "&", + "<": "<", + ">": ">", + '"': """, + "'": "'", + "`": "`" + }, + escapedChar = function(chr) { + return escape[chr]; + } + ; + if(shouldEscape.test(string)) { + return string.replace(badChars, escapedChar); + } + return string; } }, @@ -3979,26 +4000,50 @@ $.fn.dropdown.settings = { /* Templates */ $.fn.dropdown.settings.templates = { - + escape: function(string, preserveHTML) { + if (preserveHTML){ + return string; + } + var + badChars = /[&<>"'`]/g, + shouldEscape = /[&<>"'`]/, + escape = { + "&": "&", + "<": "<", + ">": ">", + '"': """, + "'": "'", + "`": "`" + }, + escapedChar = function(chr) { + return escape[chr]; + } + ; + if(shouldEscape.test(string)) { + return string.replace(badChars, escapedChar); + } + return string; + }, // generates dropdown from select values - dropdown: function(select) { + dropdown: function(select, preserveHTML) { var placeholder = select.placeholder || false, - values = select.values || {}, - html = '' + values = select.values || [], + html = '', + escape = $.fn.dropdown.settings.templates.escape ; html += ''; - if(select.placeholder) { - html += '
' + placeholder + '
'; + if(placeholder) { + html += '
' + escape(placeholder,preserveHTML) + '
'; } else { html += '
'; } html += '
'; - $.each(select.values, function(index, option) { + $.each(values, function(index, option) { html += (option.disabled) - ? '
' + option.name + '
' - : '
' + option.name + '
' + ? '
' + escape(option.name,preserveHTML) + '
' + : '
' + escape(option.name,preserveHTML) + '
' ; }); html += '
'; @@ -4006,10 +4051,11 @@ $.fn.dropdown.settings.templates = { }, // generates just menu from select - menu: function(response, fields) { + menu: function(response, fields, preserveHTML) { var values = response[fields.values] || {}, - html = '' + html = '', + escape = $.fn.dropdown.settings.templates.escape ; $.each(values, function(index, option) { var @@ -4027,12 +4073,12 @@ $.fn.dropdown.settings.templates = { ? 'disabled ' : '' ; - html += '
'; - html += option[fields.name]; + html += '
'; + html += escape(option[fields.name],preserveHTML); html += '
'; } else if (itemType === 'header') { html += '
'; - html += option[fields.name]; + html += escape(option[fields.name],preserveHTML); html += '
'; } }); @@ -4040,8 +4086,10 @@ $.fn.dropdown.settings.templates = { }, // generates label for multiselect - label: function(value, text) { - return text + ''; + label: function(value, text, preserveHTML) { + var + escape = $.fn.dropdown.settings.templates.escape; + return escape(text,preserveHTML) + ''; }, diff --git a/src/definitions/modules/search.js b/src/definitions/modules/search.js index 47b5ae835c..dd7f7b9ec6 100644 --- a/src/definitions/modules/search.js +++ b/src/definitions/modules/search.js @@ -1020,7 +1020,7 @@ $.fn.search = function(parameters) { } } if($.isFunction(template)) { - html = template(response, fields); + html = template(response, fields, settings.preserveHTML); } else { module.error(error.noTemplate, false); @@ -1278,6 +1278,9 @@ $.fn.search.settings = { // whether no results errors should be shown showNoResults : true, + // preserve possible html of resultset values + preserveHTML : true, + // transition settings transition : 'scale', duration : 200, @@ -1355,7 +1358,10 @@ $.fn.search.settings = { }, templates: { - escape: function(string) { + escape: function(string, preserveHTML) { + if (preserveHTML){ + return string; + } var badChars = /[&<>"'`]/g, shouldEscape = /[&<>"'`]/, @@ -1394,7 +1400,7 @@ $.fn.search.settings = { } return html; }, - category: function(response, fields) { + category: function(response, fields, preserveHTML) { var html = '', escape = $.fn.search.settings.templates.escape @@ -1408,14 +1414,14 @@ $.fn.search.settings = { html += '
'; if(category[fields.categoryName] !== undefined) { - html += '
' + category[fields.categoryName] + '
'; + html += '
' + escape(category[fields.categoryName], preserveHTML) + '
'; } // each item inside category html += '
'; $.each(category.results, function(index, result) { if(result[fields.url]) { - html += ''; + html += ''; } else { html += ''; @@ -1423,19 +1429,19 @@ $.fn.search.settings = { if(result[fields.image] !== undefined) { html += '' + '
' - + ' ' + + ' ' + '
' ; } html += '
'; if(result[fields.price] !== undefined) { - html += '
' + result[fields.price] + '
'; + html += '
' + escape(result[fields.price], preserveHTML) + '
'; } if(result[fields.title] !== undefined) { - html += '
' + result[fields.title] + '
'; + html += '
' + escape(result[fields.title], preserveHTML) + '
'; } if(result[fields.description] !== undefined) { - html += '
' + result[fields.description] + '
'; + html += '
' + escape(result[fields.description], preserveHTML) + '
'; } html += '' + '
' @@ -1452,12 +1458,12 @@ $.fn.search.settings = { if(fields.actionURL === false) { html += '' + '
' - + response[fields.action][fields.actionText] + + escape(response[fields.action][fields.actionText], preserveHTML) + '
'; } else { html += '' - + '' - + response[fields.action][fields.actionText] + + '' + + escape(response[fields.action][fields.actionText], preserveHTML) + ''; } } @@ -1465,16 +1471,17 @@ $.fn.search.settings = { } return false; }, - standard: function(response, fields) { + standard: function(response, fields, preserveHTML) { var - html = '' + html = '', + escape = $.fn.search.settings.templates.escape ; if(response[fields.results] !== undefined) { // each result $.each(response[fields.results], function(index, result) { if(result[fields.url]) { - html += ''; + html += ''; } else { html += ''; @@ -1482,19 +1489,19 @@ $.fn.search.settings = { if(result[fields.image] !== undefined) { html += '' + '
' - + ' ' + + ' ' + '
' ; } html += '
'; if(result[fields.price] !== undefined) { - html += '
' + result[fields.price] + '
'; + html += '
' + escape(result[fields.price], preserveHTML) + '
'; } if(result[fields.title] !== undefined) { - html += '
' + result[fields.title] + '
'; + html += '
' + escape(result[fields.title], preserveHTML) + '
'; } if(result[fields.description] !== undefined) { - html += '
' + result[fields.description] + '
'; + html += '
' + escape(result[fields.description], preserveHTML) + '
'; } html += '' + '
' @@ -1505,12 +1512,12 @@ $.fn.search.settings = { if(fields.actionURL === false) { html += '' + '
' - + response[fields.action][fields.actionText] + + escape(response[fields.action][fields.actionText], preserveHTML) + '
'; } else { html += '' - + '' - + response[fields.action][fields.actionText] + + '' + + escape(response[fields.action][fields.actionText], preserveHTML) + ''; } } From 0572fa9ff41444ace30ae8fd7b06001c99d83027 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Thu, 13 Dec 2018 10:56:30 +0100 Subject: [PATCH 31/49] fix(checkbox): support onChange for cursor keynav Changing Radio-Button Selections via Cursor Key-Navigation was not triggering the onChange Event --- src/definitions/modules/checkbox.js | 35 ++++++++++++++++++++++++++++- 1 file changed, 34 insertions(+), 1 deletion(-) diff --git a/src/definitions/modules/checkbox.js b/src/definitions/modules/checkbox.js index b01ee2f089..fd5669962e 100644 --- a/src/definitions/modules/checkbox.js +++ b/src/definitions/modules/checkbox.js @@ -175,6 +175,11 @@ $.fn.checkbox = function(parameters) { }, event: { + change: function(event) { + if( !module.should.ignoreCallbacks() ) { + settings.onChange.call(input); + } + }, click: function(event) { var $target = $(event.target) @@ -197,9 +202,36 @@ $.fn.checkbox = function(parameters) { keyCode = { enter : 13, space : 32, - escape : 27 + escape : 27, + left : 37, + up : 38, + right : 39, + down : 40 } ; + + var r = module.get.radios(), + rIndex = r.index($module), + rLen = r.length, + checkIndex = false; + + if(key == keyCode.left || key == keyCode.up) { + checkIndex = (rIndex === 0 ? rLen : rIndex) - 1; + } else if(key == keyCode.right || key == keyCode.down) { + checkIndex = rIndex === rLen-1 ? 0 : rIndex+1; + } + + if (!module.should.ignoreCallbacks() && checkIndex !== false) { + if(!settings.beforeUnchecked.apply(input)) { + module.verbose('Option not allowed to be unchecked, cancelling key navigation'); + return false; + } + if (!settings.beforeChecked.apply($(r[checkIndex]).children(selector.input)[0])) { + module.verbose('Next option should not allow check, cancelling key navigation'); + return false; + } + } + if(key == keyCode.escape) { module.verbose('Escape key pressed blurring field'); $input.blur(); @@ -550,6 +582,7 @@ $.fn.checkbox = function(parameters) { module.verbose('Attaching checkbox events'); $module .on('click' + eventNamespace, module.event.click) + .on('change' + eventNamespace, module.event.change) .on('keydown' + eventNamespace, selector.input, module.event.keydown) .on('keyup' + eventNamespace, selector.input, module.event.keyup) ; From 26b3875481078c0c77b72177b67e4483997263e6 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Thu, 13 Dec 2018 10:57:44 +0100 Subject: [PATCH 32/49] fix(dropdown): filter preselected entries from #287 was not working for div-dropdowns --- src/definitions/modules/dropdown.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index 862685f098..8aec5b70fc 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -745,7 +745,11 @@ $.fn.dropdown = function(parameters) { if(settings.filterRemoteData) { module.filterItems(searchTerm); } - $.each($input.val(),function(index,value){ + var preSelected = $input.val(); + if(!Array.isArray(preSelected)) { + preSelected = preSelected!=="" ? preSelected.split(settings.delimiter) : []; + } + $.each(preSelected,function(index,value){ $item.filter('[data-value="'+value+'"]') .addClass(className.filtered) ; From 9a80898efd9e88484979d1bac903dae20f7c2f7f Mon Sep 17 00:00:00 2001 From: prudho Date: Mon, 17 Dec 2018 10:37:12 +0100 Subject: [PATCH 33/49] build(travis): fix package-lock sha512 checksum error --- package-lock.json | 2314 ++++++++++++++++++++------------------------- 1 file changed, 1017 insertions(+), 1297 deletions(-) diff --git a/package-lock.json b/package-lock.json index b8b834ff71..04a358538d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,41 +4,52 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "@octokit/endpoint": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-3.1.1.tgz", + "integrity": "sha512-KPkoTvKwCTetu/UqonLs1pfwFO5HAqTv/Ksp9y4NAg//ZgUCpvJsT4Hrst85uEzJvkB8+LxKyR4Bfv2X8O4cmQ==", + "dev": true, + "requires": { + "deepmerge": "3.0.0", + "is-plain-object": "^2.0.4", + "universal-user-agent": "^2.0.1", + "url-template": "^2.0.8" + } + }, + "@octokit/request": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@octokit/request/-/request-2.2.0.tgz", + "integrity": "sha512-4P9EbwKZ4xfyupVMb3KVuHmM+aO2fye3nufjGKz/qDssvdJj9Rlx44O0FdFvUp4kIzToy3AHLTOulEIDAL+dpg==", + "dev": true, + "requires": { + "@octokit/endpoint": "^3.0.0", + "is-plain-object": "^2.0.4", + "node-fetch": "^2.3.0", + "universal-user-agent": "^2.0.1" + } + }, "@octokit/rest": { - "version": "14.0.9", - "resolved": "http://registry.npmjs.org/@octokit/rest/-/rest-14.0.9.tgz", - "integrity": "sha512-irP9phKfTXEZIcW2R+VNCtGHZJrXMWmSYp6RRfFn4BtAqtDRXF5z9JxCEQlAhNBf6X1koNi5k49tIAAAEJNlVQ==", + "version": "16.2.0", + "resolved": "https://registry.npmjs.org/@octokit/rest/-/rest-16.2.0.tgz", + "integrity": "sha512-4OyWqvF0mZhSe0NEcsXboq4WJ3HC2pThHCKWeJNd/8M10zDu0q9/Ct8u0IBzHXdgmfpE2hrJJdkIBSF2NlyB9A==", "dev": true, "requires": { - "before-after-hook": "^1.1.0", - "debug": "^3.1.0", - "is-array-buffer": "^1.0.0", - "is-stream": "^1.1.0", - "lodash": "^4.17.4", + "@octokit/request": "2.2.0", + "before-after-hook": "^1.2.0", + "btoa-lite": "^1.0.0", + "lodash.get": "^4.4.2", + "lodash.pick": "^4.4.0", + "lodash.set": "^4.3.2", + "lodash.uniq": "^4.5.0", + "octokit-pagination-methods": "^1.1.0", + "universal-user-agent": "^2.0.0", "url-template": "^2.0.8" - }, - "dependencies": { - "debug": { - "version": "3.2.6", - "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.6.tgz", - "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", - "dev": true, - "requires": { - "ms": "^2.1.1" - } - }, - "ms": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz", - "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==", - "dev": true - } } }, "@types/node": { - "version": "10.12.9", - "resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.9.tgz", - "integrity": "sha512-eajkMXG812/w3w4a1OcBlaTwsFPO5F7fJ/amy+tieQxEMWBlbV1JGSjkFM+zkHNf81Cad+dfIRA+IBkvmvdAeA==" + "version": "10.12.15", + "resolved": "https://registry.npmjs.org/@types/node/-/node-10.12.15.tgz", + "integrity": "sha512-9kROxduaN98QghwwHmxXO2Xz3MaWf+I1sLVAA6KJDF5xix+IyXVhds0MAfdNwtcpSrzhaTsNB0/jnL86fgUhqA==" }, "@types/semver": { "version": "5.5.0", @@ -75,18 +86,13 @@ "version": "4.2.0", "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz", "integrity": "sha1-0JF4cW/+pN3p5ft7N/bwgCJ0WAw=" - }, - "semver": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", - "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==" } } }, "ajv": { - "version": "6.5.5", - "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.5.5.tgz", - "integrity": "sha512-7q7gtRQDJSyuEHjuVgHoUa2VuemFiCMrfQc9Tc08XTAc4Zj/5U1buQJ0HU6i7fKjXU09SVgSmxa4sLvuvS8Iyg==", + "version": "6.6.2", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.6.2.tgz", + "integrity": "sha512-FBHEW6Jf5TB9MGBgUUA9XHkTbjXYfAUjY43ACMfmdMRHniyoMHjHjzD50OK8LGDWQwp4rWEsIq5kEqq7rvIM1g==", "optional": true, "requires": { "fast-deep-equal": "^2.0.1", @@ -117,7 +123,7 @@ }, "ansi-colors": { "version": "1.1.0", - "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", + "resolved": "http://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", "requires": { "ansi-wrap": "^0.1.0" @@ -173,6 +179,25 @@ "integrity": "sha1-1Vq5ciRMcaml4asIefML8RCAaVk=", "dev": true }, + "anymatch": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", + "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", + "requires": { + "micromatch": "^3.1.4", + "normalize-path": "^2.1.1" + }, + "dependencies": { + "normalize-path": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", + "requires": { + "remove-trailing-separator": "^1.0.1" + } + } + } + }, "append-buffer": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/append-buffer/-/append-buffer-1.0.2.tgz", @@ -333,7 +358,7 @@ }, "async": { "version": "1.5.2", - "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz", + "resolved": "http://registry.npmjs.org/async/-/async-1.5.2.tgz", "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=" }, "async-done": { @@ -345,13 +370,6 @@ "once": "^1.3.2", "process-nextick-args": "^1.0.7", "stream-exhaust": "^1.0.1" - }, - "dependencies": { - "process-nextick-args": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz", - "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=" - } } }, "async-each": { @@ -379,59 +397,16 @@ "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==" }, "autoprefixer": { - "version": "9.2.0", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.2.0.tgz", - "integrity": "sha512-OuxUyTvzRe9EvKyouPqfr8QUkQ0pH400NOFzI1LFINO8zwgJr7ZTybLql03P//LjR0iWile2lCoy2vRTRSFpMw==", + "version": "9.4.3", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.4.3.tgz", + "integrity": "sha512-/XSnzDepRkAU//xLcXA/lUWxpsBuw0WiriAHOqnxkuCtzLhaz+fL4it4gp20BQ8n5SyLzK/FOc7A0+u/rti2FQ==", "requires": { - "browserslist": "^4.2.1", - "caniuse-lite": "^1.0.30000890", + "browserslist": "^4.3.6", + "caniuse-lite": "^1.0.30000921", "normalize-range": "^0.1.2", "num2fraction": "^1.2.2", - "postcss": "^7.0.5", + "postcss": "^7.0.6", "postcss-value-parser": "^3.3.1" - }, - "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.1", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz", - "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==", - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "postcss": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.5.tgz", - "integrity": "sha512-HBNpviAUFCKvEh7NZhw1e8MBPivRszIiUnhrJ+sBFVSYSqubrzwX3KG51mYgcRHX8j/cAgZJedONZcm5jTBdgQ==", - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.5.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - }, - "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" - } - } } }, "aws-sign2": { @@ -532,9 +507,9 @@ "integrity": "sha1-5tXqjF2tABMEpwsiY4RH9pyy+Ak=" }, "before-after-hook": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-1.1.0.tgz", - "integrity": "sha512-VOMDtYPwLbIncTxNoSzRyvaMxtXmLWLUqr8k5AfC1BzLk34HvBXaQX8snOwQZ4c0aX8aSERqtJSiI9/m2u5kuA==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-1.2.0.tgz", + "integrity": "sha512-wI3QtdLppHNkmM1VgRVLCrlWCKk/YexlPicYbXPs4eYdd1InrUCTFsx5bX1iUQzzMsoRXXPpM1r+p7JEJJydag==", "dev": true }, "better-console": { @@ -552,9 +527,9 @@ "integrity": "sha512-DYWGk01lDcxeS/K9IHPGWfT8PsJmbXRtRd2Sx72Tnb8pcYZQFF1oSDb8hJtS1vhp212q1Rzi5dUf9+nq0o9UIg==" }, "binaryextensions": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/binaryextensions/-/binaryextensions-2.1.1.tgz", - "integrity": "sha512-XBaoWE9RW8pPdPQNibZsW2zh8TW6gcarXp1FZPwT8Uop8ScSNldJEWf2k9l3HeTqdrEwsOsFcq74RiJECW34yA==" + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/binaryextensions/-/binaryextensions-2.1.2.tgz", + "integrity": "sha512-xVNN69YGDghOqCCtA6FI7avYrr02mTJjOgB0/f1VPD3pJC8QEvjTKWc4epDx8AqxxA75NI0QpVM2gPJXUbE4Tg==" }, "brace-expansion": { "version": "1.1.11", @@ -593,15 +568,21 @@ } }, "browserslist": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.2.1.tgz", - "integrity": "sha512-1oO0c7Zhejwd+LXihS89WqtKionSbz298rJZKJgfrHIZhrV8AC15gw553VcB0lcEugja7IhWD7iAlrsamfYVPA==", + "version": "4.3.6", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.3.6.tgz", + "integrity": "sha512-kMGKs4BTzRWviZ8yru18xBpx+CyHG9eqgRbj9XbE3IMgtczf4aiA0Y1YCpVdvUieKGZ03kolSPXqTcscBCb9qw==", "requires": { - "caniuse-lite": "^1.0.30000890", - "electron-to-chromium": "^1.3.79", - "node-releases": "^1.0.0-alpha.14" + "caniuse-lite": "^1.0.30000921", + "electron-to-chromium": "^1.3.92", + "node-releases": "^1.1.1" } }, + "btoa-lite": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/btoa-lite/-/btoa-lite-1.0.0.tgz", + "integrity": "sha1-M3dm2hWAEhD92VbCLpxokaudAzc=", + "dev": true + }, "buffer-equal": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/buffer-equal/-/buffer-equal-1.0.0.tgz", @@ -633,10 +614,15 @@ "unset-value": "^1.0.0" } }, + "camelcase": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", + "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=" + }, "caniuse-lite": { - "version": "1.0.30000892", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000892.tgz", - "integrity": "sha512-X9rxMaWZNbJB5qjkDqPtNv/yfViTeUL6ILk0QJNxLV3OhKC5Acn5vxsuUvllR6B48mog8lmS+whwHq/QIYSL9w==" + "version": "1.0.30000921", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000921.tgz", + "integrity": "sha512-Bu09ciy0lMWLgpYC77I0YGuI8eFRBPPzaSOYJK1jTI64txCphYCqnWbxJYjHABYVt/TYX/p3jNjLBR87u1Bfpw==" }, "caseless": { "version": "0.12.0", @@ -655,7 +641,7 @@ }, "chalk": { "version": "1.1.3", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "requires": { "ansi-styles": "^2.2.1", @@ -670,6 +656,36 @@ "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.4.2.tgz", "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=" }, + "chokidar": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz", + "integrity": "sha512-z9n7yt9rOvIJrMhvDtDictKrkFHeihkNl6uWMmZlmL6tJtX9Cs+87oK+teBx+JIgzvbX3yZHT3eF8vpbDxHJXQ==", + "requires": { + "anymatch": "^2.0.0", + "async-each": "^1.0.0", + "braces": "^2.3.0", + "fsevents": "^1.2.2", + "glob-parent": "^3.1.0", + "inherits": "^2.0.1", + "is-binary-path": "^1.0.0", + "is-glob": "^4.0.0", + "lodash.debounce": "^4.0.8", + "normalize-path": "^2.1.1", + "path-is-absolute": "^1.0.0", + "readdirp": "^2.0.0", + "upath": "^1.0.5" + }, + "dependencies": { + "normalize-path": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", + "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", + "requires": { + "remove-trailing-separator": "^1.0.1" + } + } + } + }, "class-utils": { "version": "0.3.6", "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", @@ -735,32 +751,12 @@ "string-width": "^1.0.1", "strip-ansi": "^3.0.1", "wrap-ansi": "^2.0.0" - }, - "dependencies": { - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - } } }, "clone": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", - "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=" + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", + "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" }, "clone-buffer": { "version": "1.0.0", @@ -768,9 +764,9 @@ "integrity": "sha1-4+JbIHrE5wGvch4staFnksrD3Fg=" }, "clone-stats": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-0.0.1.tgz", - "integrity": "sha1-uI+UqCzzi4eR1YBG6kAprYjKmdE=" + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", + "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" }, "cloneable-readable": { "version": "1.1.2", @@ -782,32 +778,10 @@ "readable-stream": "^2.3.5" }, "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } + "process-nextick-args": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", + "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==" } } }, @@ -855,7 +829,7 @@ }, "colors": { "version": "1.0.3", - "resolved": "https://registry.npmjs.org/colors/-/colors-1.0.3.tgz", + "resolved": "http://registry.npmjs.org/colors/-/colors-1.0.3.tgz", "integrity": "sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs=" }, "combined-stream": { @@ -890,35 +864,6 @@ "inherits": "^2.0.3", "readable-stream": "^2.2.2", "typedarray": "^0.0.6" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "concat-with-sourcemaps": { @@ -972,6 +917,19 @@ "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz", "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=" }, + "cross-spawn": { + "version": "6.0.5", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", + "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", + "dev": true, + "requires": { + "nice-try": "^1.0.4", + "path-key": "^2.0.1", + "semver": "^5.5.0", + "shebang-command": "^1.2.0", + "which": "^1.2.9" + } + }, "css": { "version": "2.2.4", "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz", @@ -992,7 +950,7 @@ }, "d": { "version": "1.0.0", - "resolved": "https://registry.npmjs.org/d/-/d-1.0.0.tgz", + "resolved": "http://registry.npmjs.org/d/-/d-1.0.0.tgz", "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=", "requires": { "es5-ext": "^0.10.9" @@ -1032,16 +990,16 @@ }, "deep-assign": { "version": "1.0.0", - "resolved": "https://registry.npmjs.org/deep-assign/-/deep-assign-1.0.0.tgz", + "resolved": "http://registry.npmjs.org/deep-assign/-/deep-assign-1.0.0.tgz", "integrity": "sha1-sJJ0O+hCfcYh6gBnzex+cN0Z83s=", "requires": { "is-obj": "^1.0.0" } }, "deepmerge": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz", - "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==" + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-3.0.0.tgz", + "integrity": "sha512-a8z8bkgHsAML+uHLqmMS83HHlpy3PvZOOuiTQqaa3wu8ZVg3h0hqHk6aCsGdOnZV2XMM/FRimNGjUh0KCcmHBw==" }, "default-compare": { "version": "1.0.0", @@ -1069,13 +1027,6 @@ "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", "requires": { "object-keys": "^1.0.12" - }, - "dependencies": { - "object-keys": { - "version": "1.0.12", - "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.12.tgz", - "integrity": "sha512-FTMyFUm2wBcGHnH2eXmz7tC6IwlqQZ6mVZ+6dm6vZ4IQIHjs6FdNsQBuKGPuUUUY6NfJw2PshC08Tn6LzLDOag==" - } } }, "define-property": { @@ -1150,7 +1101,7 @@ }, "duplexer": { "version": "0.1.1", - "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", + "resolved": "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=" }, "duplexer2": { @@ -1159,56 +1110,42 @@ "integrity": "sha1-xhTc9n4vsUmVqRcR5aYX6KYKMds=", "requires": { "readable-stream": "~1.1.9" - } - }, - "duplexify": { - "version": "3.6.0", - "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.6.0.tgz", - "integrity": "sha512-fO3Di4tBKJpYTFHAxTU00BcfWMY9w24r/x21a6rZRbsD/ToUgGxsMbiGRmB7uVAXeGKXD9MwiLZa5E97EVgIRQ==", - "requires": { - "end-of-stream": "^1.0.0", - "inherits": "^2.0.1", - "readable-stream": "^2.0.0", - "stream-shift": "^1.0.0" }, "dependencies": { - "end-of-stream": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.1.tgz", - "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==", - "requires": { - "once": "^1.4.0" - } - }, "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", + "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=" }, "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", + "version": "1.1.14", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", + "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", "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" + "inherits": "~2.0.1", + "isarray": "0.0.1", + "string_decoder": "~0.10.x" } }, "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==", - "requires": { - "safe-buffer": "~5.1.0" - } + "version": "0.10.31", + "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", + "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=" } } }, + "duplexify": { + "version": "3.6.1", + "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.6.1.tgz", + "integrity": "sha512-vM58DwdnKmty+FSPzT14K9JXb90H+j5emaR4KYbr2KTIz00WHGbWOe5ghQTx233ZCLZtrGDALzKwcjEtSt35mA==", + "requires": { + "end-of-stream": "^1.0.0", + "inherits": "^2.0.1", + "readable-stream": "^2.0.0", + "stream-shift": "^1.0.0" + } + }, "each-props": { "version": "1.3.2", "resolved": "https://registry.npmjs.org/each-props/-/each-props-1.3.2.tgz", @@ -1244,19 +1181,12 @@ "lru-cache": "^4.1.3", "semver": "^5.6.0", "sigmund": "^1.0.1" - }, - "dependencies": { - "semver": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", - "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==" - } } }, "electron-to-chromium": { - "version": "1.3.79", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.79.tgz", - "integrity": "sha512-LQdY3j4PxuUl6xfxiFruTSlCniTrTrzAd8/HfsLEMi0PUpaQ0Iy+Pr4N4VllDYjs0Hyu2lkTbvzqlG+PX9NsNw==" + "version": "1.3.92", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.92.tgz", + "integrity": "sha512-En051LMzMl3/asMWGZEtU808HOoVWIpmmZx1Ep8N+TT9e7z/X8RcLeBU2kLSNLGQ+5SuKELzMx+MVuTBXk6Q9w==" }, "end-of-stream": { "version": "1.4.1", @@ -1349,6 +1279,21 @@ } } }, + "execa": { + "version": "0.10.0", + "resolved": "https://registry.npmjs.org/execa/-/execa-0.10.0.tgz", + "integrity": "sha512-7XOMnz8Ynx1gGo/3hyV9loYNPWM94jG3+3T3Y8tsfSstFmETmENCMU/A/zj8Lyaj1lkgEepKepvd6240tBRvlw==", + "dev": true, + "requires": { + "cross-spawn": "^6.0.0", + "get-stream": "^3.0.0", + "is-stream": "^1.1.0", + "npm-run-path": "^2.0.0", + "p-finally": "^1.0.0", + "signal-exit": "^3.0.0", + "strip-eof": "^1.0.0" + } + }, "expand-brackets": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", @@ -1415,7 +1360,7 @@ }, "external-editor": { "version": "2.2.0", - "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-2.2.0.tgz", + "resolved": "http://registry.npmjs.org/external-editor/-/external-editor-2.2.0.tgz", "integrity": "sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==", "requires": { "chardet": "^0.4.0", @@ -1488,12 +1433,13 @@ "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=" }, "fancy-log": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-1.3.2.tgz", - "integrity": "sha1-9BEl49hPLn2JpD0G2VjI94vha+E=", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/fancy-log/-/fancy-log-1.3.3.tgz", + "integrity": "sha512-k9oEhlyc0FrVh25qYuSELjr8oxsCoc4/LEZfg2iJJrfEk/tZL9bCoJE47gqAvI2m/AUjluCS4+3I0eTx8n3AEw==", "requires": { "ansi-gray": "^0.1.1", "color-support": "^1.1.3", + "parse-node-version": "^1.0.0", "time-stamp": "^1.0.0" } }, @@ -1558,12 +1504,12 @@ "dependencies": { "colors": { "version": "0.6.2", - "resolved": "https://registry.npmjs.org/colors/-/colors-0.6.2.tgz", + "resolved": "http://registry.npmjs.org/colors/-/colors-0.6.2.tgz", "integrity": "sha1-JCP+ZnisDF2uiFLl0OW+CMmXq8w=" }, "commander": { "version": "2.1.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.1.0.tgz", + "resolved": "http://registry.npmjs.org/commander/-/commander-2.1.0.tgz", "integrity": "sha1-0SG7roYNmZKj1Re6lvVliOR8Z4E=" } } @@ -1590,9 +1536,9 @@ } }, "fined": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/fined/-/fined-1.1.0.tgz", - "integrity": "sha1-s33IRLdqL15wgeiE98CuNE8VNHY=", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/fined/-/fined-1.1.1.tgz", + "integrity": "sha512-jQp949ZmEbiYHk3gkbdtpJ0G1+kgtLQBNdP5edFP7Fh+WAYceLQz6yO1SBj72Xkg8GVyTB3bBzAYrHJVh5Xd5g==", "requires": { "expand-tilde": "^2.0.2", "is-plain-object": "^2.0.3", @@ -1601,10 +1547,19 @@ "parse-filepath": "^1.0.1" } }, + "first-chunk-stream": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/first-chunk-stream/-/first-chunk-stream-2.0.0.tgz", + "integrity": "sha1-G97NuOCDwGZLkZRVgVd6Q6nzHXA=", + "dev": true, + "requires": { + "readable-stream": "^2.0.2" + } + }, "flagged-respawn": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-1.0.0.tgz", - "integrity": "sha1-Tnmumy6zi/hrO7Vr8+ClaqX8q9c=" + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-1.0.1.tgz", + "integrity": "sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q==" }, "flush-write-stream": { "version": "1.0.3", @@ -1613,35 +1568,6 @@ "requires": { "inherits": "^2.0.1", "readable-stream": "^2.0.4" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "for-in": { @@ -1741,13 +1667,11 @@ }, "balanced-match": { "version": "1.0.0", - "bundled": true, - "optional": true + "bundled": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, - "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -1760,18 +1684,15 @@ }, "code-point-at": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "concat-map": { "version": "0.0.1", - "bundled": true, - "optional": true + "bundled": true }, "console-control-strings": { "version": "1.1.0", - "bundled": true, - "optional": true + "bundled": true }, "core-util-is": { "version": "1.0.2", @@ -1874,8 +1795,7 @@ }, "inherits": { "version": "2.0.3", - "bundled": true, - "optional": true + "bundled": true }, "ini": { "version": "1.3.5", @@ -1885,7 +1805,6 @@ "is-fullwidth-code-point": { "version": "1.0.0", "bundled": true, - "optional": true, "requires": { "number-is-nan": "^1.0.0" } @@ -1898,20 +1817,17 @@ "minimatch": { "version": "3.0.4", "bundled": true, - "optional": true, "requires": { "brace-expansion": "^1.1.7" } }, "minimist": { "version": "0.0.8", - "bundled": true, - "optional": true + "bundled": true }, "minipass": { "version": "2.2.4", "bundled": true, - "optional": true, "requires": { "safe-buffer": "^5.1.1", "yallist": "^3.0.0" @@ -1928,7 +1844,6 @@ "mkdirp": { "version": "0.5.1", "bundled": true, - "optional": true, "requires": { "minimist": "0.0.8" } @@ -2001,8 +1916,7 @@ }, "number-is-nan": { "version": "1.0.1", - "bundled": true, - "optional": true + "bundled": true }, "object-assign": { "version": "4.1.1", @@ -2012,7 +1926,6 @@ "once": { "version": "1.4.0", "bundled": true, - "optional": true, "requires": { "wrappy": "1" } @@ -2118,7 +2031,6 @@ "string-width": { "version": "1.0.2", "bundled": true, - "optional": true, "requires": { "code-point-at": "^1.0.0", "is-fullwidth-code-point": "^1.0.0", @@ -2202,9 +2114,15 @@ } }, "get-own-enumerable-property-symbols": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-2.0.1.tgz", - "integrity": "sha512-TtY/sbOemiMKPRUDDanGCSgBYe7Mf0vbRsWnBZ+9yghpZ1MvcpSpuZFjHdEeY/LZjZy0vdLjS77L6HosisFiug==", + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.0.tgz", + "integrity": "sha512-CIJYJC4GGF06TakLg8z4GQKvDsx9EMspVxOYih7LerEL/WosUnFIww45CGfxfeKHqlg3twgUrYRT1O3WQqjGCg==", + "dev": true + }, + "get-stream": { + "version": "3.0.0", + "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz", + "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=", "dev": true }, "get-value": { @@ -2268,85 +2186,19 @@ "remove-trailing-separator": "^1.0.1", "to-absolute-glob": "^2.0.0", "unique-stream": "^2.0.2" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "glob-watcher": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-5.0.1.tgz", - "integrity": "sha512-fK92r2COMC199WCyGUblrZKhjra3cyVMDiypDdqg1vsSDmexnbYivK1kNR4QItiNXLKmGlqan469ks67RtNa2g==", + "version": "5.0.3", + "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-5.0.3.tgz", + "integrity": "sha512-8tWsULNEPHKQ2MR4zXuzSmqbdyV5PtwwCaWSGQ1WwHsJ07ilNeN1JB8ntxhckbnpSHaf9dXFUHzIWvm1I13dsg==", "requires": { + "anymatch": "^2.0.0", "async-done": "^1.2.0", "chokidar": "^2.0.0", + "is-negated-glob": "^1.0.0", "just-debounce": "^1.0.0", "object.defaults": "^1.1.0" - }, - "dependencies": { - "anymatch": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-2.0.0.tgz", - "integrity": "sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==", - "requires": { - "micromatch": "^3.1.4", - "normalize-path": "^2.1.1" - } - }, - "chokidar": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-2.0.4.tgz", - "integrity": "sha512-z9n7yt9rOvIJrMhvDtDictKrkFHeihkNl6uWMmZlmL6tJtX9Cs+87oK+teBx+JIgzvbX3yZHT3eF8vpbDxHJXQ==", - "requires": { - "anymatch": "^2.0.0", - "async-each": "^1.0.0", - "braces": "^2.3.0", - "fsevents": "^1.2.2", - "glob-parent": "^3.1.0", - "inherits": "^2.0.1", - "is-binary-path": "^1.0.0", - "is-glob": "^4.0.0", - "lodash.debounce": "^4.0.8", - "normalize-path": "^2.1.1", - "path-is-absolute": "^1.0.0", - "readdirp": "^2.0.0", - "upath": "^1.0.5" - } - }, - "normalize-path": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", - "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=", - "requires": { - "remove-trailing-separator": "^1.0.1" - } - } } }, "global-modules": { @@ -2373,7 +2225,7 @@ }, "globby": { "version": "6.1.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz", + "resolved": "http://registry.npmjs.org/globby/-/globby-6.1.0.tgz", "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=", "requires": { "array-union": "^1.0.1", @@ -2385,23 +2237,23 @@ "dependencies": { "pify": { "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" } } }, "glogg": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.1.tgz", - "integrity": "sha512-ynYqXLoluBKf9XGR1gA59yEJisIL7YHEH4xr3ZziHB5/yl4qWfaK8Js9jGe6gBGCSCKVqiyO30WnRZADvemUNw==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.2.tgz", + "integrity": "sha512-5mwUoSuBk44Y4EshyiqcH95ZntbDdTQqA3QYSrxmzj28Ai0vXBGMH1ApSANH14j2sIRtqCEyg6PfsuP7ElOEDA==", "requires": { "sparkles": "^1.0.0" } }, "graceful-fs": { - "version": "4.1.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", - "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=" + "version": "4.1.15", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz", + "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==" }, "growly": { "version": "1.3.0", @@ -2457,60 +2309,6 @@ "postcss": "^7.0.2", "through2": "^2.0.0", "vinyl-sourcemaps-apply": "^0.2.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.1", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.1.tgz", - "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==", - "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" - } - }, - "plugin-error": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", - "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", - "requires": { - "ansi-colors": "^1.0.1", - "arr-diff": "^4.0.0", - "arr-union": "^3.1.0", - "extend-shallow": "^3.0.2" - } - }, - "postcss": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.5.tgz", - "integrity": "sha512-HBNpviAUFCKvEh7NZhw1e8MBPivRszIiUnhrJ+sBFVSYSqubrzwX3KG51mYgcRHX8j/cAgZJedONZcm5jTBdgQ==", - "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.5.0" - } - }, - "source-map": { - "version": "0.6.1", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", - "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" - }, - "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" - } - } } }, "gulp-chmod": { @@ -2534,15 +2332,13 @@ "vinyl-sourcemaps-apply": "0.2.1" }, "dependencies": { - "plugin-error": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", - "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", + "through2": { + "version": "2.0.3", + "resolved": "http://registry.npmjs.org/through2/-/through2-2.0.3.tgz", + "integrity": "sha1-AARWmzfHx0ujnEPzzteNGtlBQL4=", "requires": { - "ansi-colors": "^1.0.1", - "arr-diff": "^4.0.0", - "arr-union": "^3.1.0", - "extend-shallow": "^3.0.2" + "readable-stream": "^2.1.5", + "xtend": "~4.0.1" } } } @@ -2554,6 +2350,52 @@ "requires": { "plugin-error": "^0.1.2", "through2": "^2.0.3" + }, + "dependencies": { + "arr-diff": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", + "requires": { + "arr-flatten": "^1.0.1", + "array-slice": "^0.2.3" + } + }, + "arr-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=" + }, + "array-slice": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=" + }, + "extend-shallow": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", + "requires": { + "kind-of": "^1.1.0" + } + }, + "kind-of": { + "version": "1.1.0", + "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=" + }, + "plugin-error": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", + "requires": { + "ansi-cyan": "^0.1.1", + "ansi-red": "^0.1.1", + "arr-diff": "^1.0.1", + "arr-union": "^2.0.1", + "extend-shallow": "^1.1.2" + } + } } }, "gulp-concat": { @@ -2564,36 +2406,6 @@ "concat-with-sourcemaps": "^1.0.0", "through2": "^2.0.0", "vinyl": "^2.0.0" - }, - "dependencies": { - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" - }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" - }, - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" - }, - "vinyl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", - "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", - "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" - } - } } }, "gulp-concat-css": { @@ -2611,51 +2423,79 @@ "vinyl": "^2.1.0" }, "dependencies": { - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" + "arr-diff": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", + "requires": { + "arr-flatten": "^1.0.1", + "array-slice": "^0.2.3" + } }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" + "arr-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=" }, - "lodash.defaults": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-3.1.2.tgz", - "integrity": "sha1-xzCLGNv4vJNy1wGnNJPGEZK9Liw=", + "array-slice": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=" + }, + "extend-shallow": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", "requires": { - "lodash.assign": "^3.0.0", - "lodash.restparam": "^3.0.0" + "kind-of": "^1.1.0" } }, - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + "isarray": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", + "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=" + }, + "kind-of": { + "version": "1.1.0", + "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=" + }, + "plugin-error": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", + "requires": { + "ansi-cyan": "^0.1.1", + "ansi-red": "^0.1.1", + "arr-diff": "^1.0.1", + "arr-union": "^2.0.1", + "extend-shallow": "^1.1.2" + } + }, + "readable-stream": { + "version": "1.1.14", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", + "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", + "requires": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.1", + "isarray": "0.0.1", + "string_decoder": "~0.10.x" + } + }, + "string_decoder": { + "version": "0.10.31", + "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", + "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=" }, "through2": { "version": "1.1.1", - "resolved": "https://registry.npmjs.org/through2/-/through2-1.1.1.tgz", + "resolved": "http://registry.npmjs.org/through2/-/through2-1.1.1.tgz", "integrity": "sha1-CEfLxESfNAVXTb3M2buEG4OsNUU=", "requires": { "readable-stream": ">=1.1.13-1 <1.2.0-0", "xtend": ">=4.0.0 <4.1.0-0" } - }, - "vinyl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", - "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", - "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" - } } } }, @@ -2677,25 +2517,71 @@ "gulp": "^4.0.0", "plugin-error": "^0.1.2", "through2": "^2.0.3" - } - }, - "gulp-debug": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/gulp-debug/-/gulp-debug-4.0.0.tgz", - "integrity": "sha512-cn/GhMD2nVZCVxAl5vWao4/dcoZ8wUJ8w3oqTvQaGDmC1vT7swNOEbhQTWJp+/otKePT64aENcqAQXDcdj5H1g==", - "dev": true, - "requires": { - "chalk": "^2.3.0", - "fancy-log": "^1.3.2", - "plur": "^3.0.0", - "stringify-object": "^3.0.0", - "through2": "^2.0.0", - "tildify": "^1.1.2" }, "dependencies": { - "ansi-styles": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "arr-diff": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", + "requires": { + "arr-flatten": "^1.0.1", + "array-slice": "^0.2.3" + } + }, + "arr-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=" + }, + "array-slice": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=" + }, + "extend-shallow": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", + "requires": { + "kind-of": "^1.1.0" + } + }, + "kind-of": { + "version": "1.1.0", + "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=" + }, + "plugin-error": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", + "requires": { + "ansi-cyan": "^0.1.1", + "ansi-red": "^0.1.1", + "arr-diff": "^1.0.1", + "arr-union": "^2.0.1", + "extend-shallow": "^1.1.2" + } + } + } + }, + "gulp-debug": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/gulp-debug/-/gulp-debug-4.0.0.tgz", + "integrity": "sha512-cn/GhMD2nVZCVxAl5vWao4/dcoZ8wUJ8w3oqTvQaGDmC1vT7swNOEbhQTWJp+/otKePT64aENcqAQXDcdj5H1g==", + "dev": true, + "requires": { + "chalk": "^2.3.0", + "fancy-log": "^1.3.2", + "plur": "^3.0.0", + "stringify-object": "^3.0.0", + "through2": "^2.0.0", + "tildify": "^1.1.2" + }, + "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==", "dev": true, "requires": { @@ -2734,6 +2620,27 @@ "gulp-util": "~3.0.1", "lodash.defaults": "~2.4.1", "through": "~2.3.6" + }, + "dependencies": { + "lodash.defaults": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-2.4.1.tgz", + "integrity": "sha1-p+iIXwXmiFEUS24SqPNngCa8TFQ=", + "requires": { + "lodash._objecttypes": "~2.4.1", + "lodash.keys": "~2.4.1" + } + }, + "lodash.keys": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-2.4.1.tgz", + "integrity": "sha1-SN6kbfj/djKxDXBrissmWR4rNyc=", + "requires": { + "lodash._isnative": "~2.4.1", + "lodash._shimkeys": "~2.4.1", + "lodash.isobject": "~2.4.1" + } + } } }, "gulp-flatten": { @@ -2743,6 +2650,52 @@ "requires": { "plugin-error": "^0.1.2", "through2": "^2.0.0" + }, + "dependencies": { + "arr-diff": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", + "requires": { + "arr-flatten": "^1.0.1", + "array-slice": "^0.2.3" + } + }, + "arr-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=" + }, + "array-slice": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=" + }, + "extend-shallow": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", + "requires": { + "kind-of": "^1.1.0" + } + }, + "kind-of": { + "version": "1.1.0", + "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=" + }, + "plugin-error": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", + "requires": { + "ansi-cyan": "^0.1.1", + "ansi-red": "^0.1.1", + "arr-diff": "^1.0.1", + "arr-union": "^2.0.1", + "extend-shallow": "^1.1.2" + } + } } }, "gulp-git": { @@ -2761,31 +2714,41 @@ "vinyl": "^2.0.1" }, "dependencies": { - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=", + "arr-diff": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", + "dev": true, + "requires": { + "arr-flatten": "^1.0.1", + "array-slice": "^0.2.3" + } + }, + "arr-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=", "dev": true }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=", + "array-slice": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=", "dev": true }, - "first-chunk-stream": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/first-chunk-stream/-/first-chunk-stream-2.0.0.tgz", - "integrity": "sha1-G97NuOCDwGZLkZRVgVd6Q6nzHXA=", + "extend-shallow": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", "dev": true, "requires": { - "readable-stream": "^2.0.2" + "kind-of": "^1.1.0" } }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=", + "kind-of": { + "version": "1.1.0", + "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=", "dev": true }, "lodash.template": { @@ -2807,69 +2770,29 @@ "lodash._reinterpolate": "~3.0.0" } }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=", - "dev": true - }, - "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-bom-stream": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/strip-bom-stream/-/strip-bom-stream-3.0.0.tgz", - "integrity": "sha1-lWvMXYRDD2klapDtgjdlzYWOFZw=", - "dev": true, - "requires": { - "first-chunk-stream": "^2.0.0", - "strip-bom-buf": "^1.0.0" - } - }, - "vinyl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", - "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", + "plugin-error": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", "dev": true, "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" + "ansi-cyan": "^0.1.1", + "ansi-red": "^0.1.1", + "arr-diff": "^1.0.1", + "arr-union": "^2.0.1", + "extend-shallow": "^1.1.2" } } } }, "gulp-header": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/gulp-header/-/gulp-header-2.0.5.tgz", - "integrity": "sha512-7bOIiHvM1GUHIG3LRH+UIanOxyjSys0FbzzgUBlV2cZIIZihEW+KKKKm0ejUBNGvRdhISEFFr6HlptXoa28gtQ==", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/gulp-header/-/gulp-header-2.0.7.tgz", + "integrity": "sha512-qppGkYGQZnt/mRJiiR5wYZIUwNUn47Xpg4+6tHYDVeAW5IDLbHBQwbw7axfMLWGE+gKQpB+yXLeslHMw1/Haog==", "requires": { - "concat-with-sourcemaps": "*", + "concat-with-sourcemaps": "^1.1.0", "lodash.template": "^4.4.0", + "map-stream": "0.0.7", "through2": "^2.0.0" }, "dependencies": { @@ -2889,6 +2812,11 @@ "requires": { "lodash._reinterpolate": "~3.0.0" } + }, + "map-stream": { + "version": "0.0.7", + "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz", + "integrity": "sha1-ih8HiW2CsQkmvTdEokIACfiJdKg=" } } }, @@ -2911,46 +2839,17 @@ } }, "gulp-json-editor": { - "version": "2.4.3", - "resolved": "https://registry.npmjs.org/gulp-json-editor/-/gulp-json-editor-2.4.3.tgz", - "integrity": "sha512-cSYh93dbSxIEXiuC0eHUBkrAJA0jS7pWGZ/x0uUt0Hu1xxUt5QuT7C2+wJE0q2YWtlOTz/lxD+HFHP15/Th7lg==", + "version": "2.4.4", + "resolved": "https://registry.npmjs.org/gulp-json-editor/-/gulp-json-editor-2.4.4.tgz", + "integrity": "sha512-+ApmlzYKLQjsfAIS9fLZINSViK19FWr1inzJah4jX0v1wRtu8MtdYFqammhg1e+bQA2Na3wgVht7vl8PY49rUA==", "requires": { - "deepmerge": "^2.2.1", + "deepmerge": "^3.0.0", "detect-indent": "^5.0.0", "js-beautify": "^1.8.8", "plugin-error": "^1.0.1", "through2": "^3.0.0" }, "dependencies": { - "plugin-error": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", - "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", - "requires": { - "ansi-colors": "^1.0.1", - "arr-diff": "^4.0.0", - "arr-union": "^3.1.0", - "extend-shallow": "^3.0.2" - } - }, - "readable-stream": { - "version": "3.0.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.0.6.tgz", - "integrity": "sha512-9E1oLoOWfhSXHGv6QlwXJim7uNzd9EVlWK+21tCU9Ju/kR0/p2AZYPz4qSchgO8PlLIH4FpZYfzwS+rEksZjIg==", - "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - }, "through2": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/through2/-/through2-3.0.0.tgz", @@ -2976,10 +2875,49 @@ "vinyl-sourcemaps-apply": "^0.2.0" }, "dependencies": { - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" + "arr-diff": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", + "requires": { + "arr-flatten": "^1.0.1", + "array-slice": "^0.2.3" + } + }, + "arr-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=" + }, + "array-slice": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=" + }, + "extend-shallow": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", + "requires": { + "kind-of": "^1.1.0" + } + }, + "kind-of": { + "version": "1.1.0", + "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=" + }, + "plugin-error": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", + "requires": { + "ansi-cyan": "^0.1.1", + "ansi-red": "^0.1.1", + "arr-diff": "^1.0.1", + "arr-union": "^2.0.1", + "extend-shallow": "^1.1.2" + } } } }, @@ -3005,6 +2943,38 @@ "through2": "^2.0.3" }, "dependencies": { + "arr-diff": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", + "requires": { + "arr-flatten": "^1.0.1", + "array-slice": "^0.2.3" + } + }, + "arr-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=" + }, + "array-slice": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=" + }, + "extend-shallow": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", + "requires": { + "kind-of": "^1.1.0" + } + }, + "kind-of": { + "version": "1.1.0", + "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=" + }, "lodash.template": { "version": "4.4.0", "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-4.4.0.tgz", @@ -3021,18 +2991,76 @@ "requires": { "lodash._reinterpolate": "~3.0.0" } + }, + "plugin-error": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", + "requires": { + "ansi-cyan": "^0.1.1", + "ansi-red": "^0.1.1", + "arr-diff": "^1.0.1", + "arr-union": "^2.0.1", + "extend-shallow": "^1.1.2" + } } } }, "gulp-plumber": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/gulp-plumber/-/gulp-plumber-1.2.0.tgz", - "integrity": "sha512-L/LJftsbKoHbVj6dN5pvMsyJn9jYI0wT0nMg3G6VZhDac4NesezecYTi8/48rHi+yEic3sUpw6jlSc7qNWh32A==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/gulp-plumber/-/gulp-plumber-1.2.1.tgz", + "integrity": "sha512-mctAi9msEAG7XzW5ytDVZ9PxWMzzi1pS2rBH7lA095DhMa6KEXjm+St0GOCc567pJKJ/oCvosVAZEpAey0q2eQ==", "requires": { "chalk": "^1.1.3", "fancy-log": "^1.3.2", "plugin-error": "^0.1.2", "through2": "^2.0.3" + }, + "dependencies": { + "arr-diff": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", + "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", + "requires": { + "arr-flatten": "^1.0.1", + "array-slice": "^0.2.3" + } + }, + "arr-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", + "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=" + }, + "array-slice": { + "version": "0.2.3", + "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", + "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=" + }, + "extend-shallow": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", + "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", + "requires": { + "kind-of": "^1.1.0" + } + }, + "kind-of": { + "version": "1.1.0", + "resolved": "http://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", + "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=" + }, + "plugin-error": { + "version": "0.1.2", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", + "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", + "requires": { + "ansi-cyan": "^0.1.1", + "ansi-red": "^0.1.1", + "arr-diff": "^1.0.1", + "arr-union": "^2.0.1", + "extend-shallow": "^1.1.2" + } + } } }, "gulp-print": { @@ -3046,38 +3074,10 @@ "vinyl": "^2.1.0" }, "dependencies": { - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" - }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" - }, "map-stream": { "version": "0.0.7", "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz", "integrity": "sha1-ih8HiW2CsQkmvTdEokIACfiJdKg=" - }, - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" - }, - "vinyl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", - "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", - "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" - } } } }, @@ -3094,35 +3094,6 @@ "istextorbinary": "2.2.1", "readable-stream": "^2.0.1", "replacestream": "^4.0.0" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "gulp-rtlcss": { @@ -3134,19 +3105,6 @@ "rtlcss": "^2.4.0", "through2": "^2.0.3", "vinyl-sourcemaps-apply": "^0.2.1" - }, - "dependencies": { - "plugin-error": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", - "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", - "requires": { - "ansi-colors": "^1.0.1", - "arr-diff": "^4.0.0", - "arr-union": "^3.1.0", - "extend-shallow": "^3.0.2" - } - } } }, "gulp-tap": { @@ -3178,11 +3136,6 @@ "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz", "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg==" }, - "lodash": { - "version": "4.17.11", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", - "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" - }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -3224,6 +3177,16 @@ "vinyl": "^0.5.0" }, "dependencies": { + "clone": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz", + "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=" + }, + "clone-stats": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-0.0.1.tgz", + "integrity": "sha1-uI+UqCzzi4eR1YBG6kAprYjKmdE=" + }, "object-assign": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-3.0.0.tgz", @@ -3233,6 +3196,16 @@ "version": "0.0.1", "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-0.0.1.tgz", "integrity": "sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ=" + }, + "vinyl": { + "version": "0.5.3", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.5.3.tgz", + "integrity": "sha1-sEVbOPxeDPMNQyUTLkYZcMIJHN4=", + "requires": { + "clone": "^1.0.0", + "clone-stats": "^0.0.1", + "replace-ext": "0.0.1" + } } } }, @@ -3260,6 +3233,14 @@ "har-schema": "^2.0.0" } }, + "has": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", + "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", + "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", @@ -3426,10 +3407,19 @@ "supports-color": "^5.3.0" } }, - "lodash": { - "version": "4.17.11", - "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", - "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" + "is-fullwidth-code-point": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=" + }, + "string-width": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", + "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", + "requires": { + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^4.0.0" + } }, "strip-ansi": { "version": "4.0.0", @@ -3471,9 +3461,9 @@ "dev": true }, "is": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/is/-/is-3.2.1.tgz", - "integrity": "sha1-0Kwq1V63sL7JJqUmb2xmKqqD3KU=" + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/is/-/is-3.3.0.tgz", + "integrity": "sha512-nW24QBoPcFGGHJGUwnfpI7Yc5CdqWNdsyHQszVE/z2pKHXzh7FZ5GWhJqSyaQ9wMkQnsTx+kAI8bHlCX4tKdbg==" }, "is-absolute": { "version": "1.0.0", @@ -3486,7 +3476,7 @@ }, "is-accessor-descriptor": { "version": "0.1.6", - "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", + "resolved": "http://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", "requires": { "kind-of": "^3.0.2" @@ -3502,12 +3492,6 @@ } } }, - "is-array-buffer": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-1.0.1.tgz", - "integrity": "sha512-lj035IqdAwsodoRGs9/8+Kn3HPoz9CTuZbcw63afugWonxigvUVeHY5d6Ve1O+s1N3RCk7txo2TIWQLbU0SuNA==", - "dev": true - }, "is-arrayish": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", @@ -3528,7 +3512,7 @@ }, "is-builtin-module": { "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz", + "resolved": "http://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz", "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=", "requires": { "builtin-modules": "^1.0.0" @@ -3536,7 +3520,7 @@ }, "is-data-descriptor": { "version": "0.1.4", - "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", + "resolved": "http://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", "requires": { "kind-of": "^3.0.2" @@ -3580,9 +3564,12 @@ "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=" }, "is-fullwidth-code-point": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", - "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=" + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", + "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", + "requires": { + "number-is-nan": "^1.0.0" + } }, "is-glob": { "version": "4.0.0", @@ -3617,7 +3604,7 @@ }, "is-obj": { "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", + "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=" }, "is-path-cwd": { @@ -3704,9 +3691,9 @@ "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==" }, "isarray": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", - "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=" + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" }, "isexe": { "version": "2.0.0", @@ -3740,12 +3727,13 @@ "integrity": "sha512-Ubldcmxp5np52/ENotGxlLe6aGMvmF4R8S6tZjsP6Knsaxd/xp3Zrh50cG93lR6nPXyUFwzN3ZSOQI0wRJNdGg==" }, "js-beautify": { - "version": "1.8.8", - "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.8.8.tgz", - "integrity": "sha512-qVNq7ZZ7ZbLdzorvSlRDadS0Rh5oyItaE95v6I4wbbuSiijxn7SnnsV6dvKlcXuO2jX7lK8tn9fBulx34K/Ejg==", + "version": "1.8.9", + "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.8.9.tgz", + "integrity": "sha512-MwPmLywK9RSX0SPsUJjN7i+RQY9w/yC17Lbrq9ViEefpLRgqAR2BgrMN2AbifkUuhDV8tRauLhLda/9+bE0YQA==", "requires": { - "config-chain": "~1.1.5", - "editorconfig": "^0.15.0", + "config-chain": "^1.1.12", + "editorconfig": "^0.15.2", + "glob": "^7.1.3", "mkdirp": "~0.5.0", "nopt": "~4.0.1" } @@ -3828,35 +3816,6 @@ "integrity": "sha1-9plf4PggOS9hOWvolGJAe7dxaOQ=", "requires": { "readable-stream": "^2.0.5" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "lcid": { @@ -3876,9 +3835,9 @@ } }, "less": { - "version": "3.8.1", - "resolved": "https://registry.npmjs.org/less/-/less-3.8.1.tgz", - "integrity": "sha512-8HFGuWmL3FhQR0aH89escFNBQH/nEiYPP2ltDFdQw2chE28Yx2E3lhAIq9Y2saYwLSwa699s4dBVEfCY8Drf7Q==", + "version": "3.9.0", + "resolved": "https://registry.npmjs.org/less/-/less-3.9.0.tgz", + "integrity": "sha512-31CmtPEZraNUtuUREYjSqRkeETFdyEHSEPAGq4erDlUXtda7pzNmctdljdIagSb589d/qXGWiiP31R5JVf+v0w==", "requires": { "clone": "^2.1.2", "errno": "^0.1.1", @@ -3891,11 +3850,6 @@ "source-map": "~0.6.0" }, "dependencies": { - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" - }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -3921,7 +3875,7 @@ }, "load-json-file": { "version": "1.1.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", + "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", "requires": { "graceful-fs": "^4.1.2", @@ -3931,31 +3885,17 @@ "strip-bom": "^2.0.0" }, "dependencies": { - "graceful-fs": { - "version": "4.1.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", - "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=" - }, "pify": { "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" - }, - "strip-bom": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", - "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", - "requires": { - "is-utf8": "^0.2.0" - } } } }, "lodash": { "version": "4.17.11", "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.11.tgz", - "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==", - "dev": true + "integrity": "sha512-cQKh8igo5QUhZ7lg38DYWAxMvjSAKG0A8wGSVimP07SIUEK2UO+arSRKbRZWtelMtN5V0Hkwh5ryOto/SshYIg==" }, "lodash._baseassign": { "version": "3.2.0", @@ -4065,24 +4005,12 @@ "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=" }, "lodash.defaults": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-2.4.1.tgz", - "integrity": "sha1-p+iIXwXmiFEUS24SqPNngCa8TFQ=", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-3.1.2.tgz", + "integrity": "sha1-xzCLGNv4vJNy1wGnNJPGEZK9Liw=", "requires": { - "lodash._objecttypes": "~2.4.1", - "lodash.keys": "~2.4.1" - }, - "dependencies": { - "lodash.keys": { - "version": "2.4.1", - "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-2.4.1.tgz", - "integrity": "sha1-SN6kbfj/djKxDXBrissmWR4rNyc=", - "requires": { - "lodash._isnative": "~2.4.1", - "lodash._shimkeys": "~2.4.1", - "lodash.isobject": "~2.4.1" - } - } + "lodash.assign": "^3.0.0", + "lodash.restparam": "^3.0.0" } }, "lodash.escape": { @@ -4098,6 +4026,12 @@ "resolved": "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz", "integrity": "sha1-8xwiIlqWMtK7+OSt2+8kCqdlph8=" }, + "lodash.get": { + "version": "4.4.2", + "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz", + "integrity": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk=", + "dev": true + }, "lodash.isarguments": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz", @@ -4146,6 +4080,12 @@ "resolved": "https://registry.npmjs.org/lodash.restparam/-/lodash.restparam-3.6.1.tgz", "integrity": "sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU=" }, + "lodash.set": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/lodash.set/-/lodash.set-4.3.2.tgz", + "integrity": "sha1-2HV7HagH3eJIFrDWqEvqGnYjCyM=", + "dev": true + }, "lodash.template": { "version": "3.6.2", "resolved": "https://registry.npmjs.org/lodash.template/-/lodash.template-3.6.2.tgz", @@ -4182,14 +4122,20 @@ "integrity": "sha1-MKCy2jj3N3DoKUoNIuZiXtd9AJc=" }, "lru-cache": { - "version": "4.1.3", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.3.tgz", - "integrity": "sha512-fFEhvcgzuIoJVUF8fYr5KR0YqxD238zgObTps31YdADwPPAp82a4M8TrckkWyx7ekNlf9aBcVn81cFwwXngrJA==", + "version": "4.1.5", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", + "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", "requires": { "pseudomap": "^1.0.2", "yallist": "^2.1.2" } }, + "macos-release": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/macos-release/-/macos-release-2.0.0.tgz", + "integrity": "sha512-iCM3ZGeqIzlrH7KxYK+fphlJpCCczyHXc+HhRVbEu9uNTCrzYJjvvtefzeKTCVHd5AP/aD/fzC80JZ4ZP+dQ/A==", + "dev": true + }, "make-error": { "version": "1.3.5", "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.5.tgz", @@ -4218,7 +4164,7 @@ }, "map-stream": { "version": "0.1.0", - "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz", + "resolved": "http://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz", "integrity": "sha1-5WqpTEyAVaFkBKBnS3jyFffI4ZQ=" }, "map-visit": { @@ -4246,35 +4192,6 @@ "integrity": "sha1-QEEgLVCKNCugAXQAjfDCUbjBNeE=", "requires": { "readable-stream": "^2.0.1" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "micromatch": { @@ -4331,7 +4248,7 @@ }, "minimist": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" }, "mixin-deep": { @@ -4355,7 +4272,7 @@ }, "mkdirp": { "version": "0.5.1", - "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", + "resolved": "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "requires": { "minimist": "0.0.8" @@ -4363,7 +4280,7 @@ "dependencies": { "minimist": { "version": "0.0.8", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", + "resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=" } } @@ -4375,7 +4292,7 @@ }, "multipipe": { "version": "0.1.2", - "resolved": "https://registry.npmjs.org/multipipe/-/multipipe-0.1.2.tgz", + "resolved": "http://registry.npmjs.org/multipipe/-/multipipe-0.1.2.tgz", "integrity": "sha1-Ko8t33Du1WTf8tV/HhoTfZ8FB4s=", "requires": { "duplexer2": "0.0.2" @@ -4392,9 +4309,9 @@ "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=" }, "nan": { - "version": "2.11.1", - "resolved": "https://registry.npmjs.org/nan/-/nan-2.11.1.tgz", - "integrity": "sha512-iji6k87OSXa0CcrLl9z+ZiYSuR2o+c0bGuNmXdrhTQTakxytAFsC56SArGYoiHlJlFoHSnvmhpceZJaXkVuOtA==", + "version": "2.12.0", + "resolved": "https://registry.npmjs.org/nan/-/nan-2.12.0.tgz", + "integrity": "sha512-zT5nC0JhbljmyEf+Z456nvm7iO7XgRV2hYxoBtPpnyp+0Q4aCoP6uWNn76v/I6k2kCYNLWqWbwBWQcjsNI/bjw==", "optional": true }, "nanomatch": { @@ -4417,47 +4334,46 @@ }, "next-tick": { "version": "1.0.0", - "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz", + "resolved": "http://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz", "integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw=" }, + "nice-try": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", + "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==", + "dev": true + }, + "node-fetch": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.3.0.tgz", + "integrity": "sha512-MOd8pV3fxENbryESLgVIeaGKrdl+uaYhCSSVkjeOb/31/njTpcis5aWfdqgNlHIrKOLRbMnfPINPOML2CIFeXA==", + "dev": true + }, "node-notifier": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/node-notifier/-/node-notifier-5.2.1.tgz", - "integrity": "sha512-MIBs+AAd6dJ2SklbbE8RUDRlIVhU8MaNLh1A9SUZDUHPiZkWLFde6UNwG41yQHZEToHgJMXqyVZ9UcS/ReOVTg==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/node-notifier/-/node-notifier-5.3.0.tgz", + "integrity": "sha512-AhENzCSGZnZJgBARsUjnQ7DnZbzyP+HxlVXuD0xqAnvL8q+OqtSX7lGg9e8nHzwXkMMXNdVeqq4E2M3EUAqX6Q==", "requires": { "growly": "^1.3.0", - "semver": "^5.4.1", + "semver": "^5.5.0", "shellwords": "^0.1.1", "which": "^1.3.0" - }, - "dependencies": { - "semver": { - "version": "5.5.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.1.tgz", - "integrity": "sha512-PqpAxfrEhlSUWge8dwIp4tZnQ25DIOthpiaHNIthsjEFQD6EvqUKUDM7L8O2rShkFccYo1VjJR0coWfNkCubRw==" - } } }, "node-releases": { - "version": "1.0.0-alpha.14", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.0.0-alpha.14.tgz", - "integrity": "sha512-G8nnF9cP9QPP/jUmYWw/uUUhumHmkm+X/EarCugYFjYm2uXRMFeOD6CVT3RLdoyCvDUNy51nirGfUItKWs/S1g==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.1.tgz", + "integrity": "sha512-2UXrBr6gvaebo5TNF84C66qyJJ6r0kxBObgZIDX3D3/mt1ADKiHux3NJPWisq0wxvJJdkjECH+9IIKYViKj71Q==", "requires": { "semver": "^5.3.0" - }, - "dependencies": { - "semver": { - "version": "5.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", - "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==" - } } }, "node.extend": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/node.extend/-/node.extend-2.0.0.tgz", - "integrity": "sha1-dSWih1Z36lNHhKXhCseJVhOWFN8=", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/node.extend/-/node.extend-2.0.2.tgz", + "integrity": "sha512-pDT4Dchl94/+kkgdwyS2PauDFjZG0Hk0IcHIB+LkW27HLDtdoeMxHTxZh39DYbPP8UflWXWj9JcdDozF+YDOpQ==", "requires": { + "has": "^1.0.3", "is": "^3.2.1" } }, @@ -4499,6 +4415,15 @@ "once": "^1.3.2" } }, + "npm-run-path": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-2.0.2.tgz", + "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=", + "dev": true, + "requires": { + "path-key": "^2.0.0" + } + }, "num2fraction": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", @@ -4548,6 +4473,11 @@ } } }, + "object-keys": { + "version": "1.0.12", + "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.12.tgz", + "integrity": "sha512-FTMyFUm2wBcGHnH2eXmz7tC6IwlqQZ6mVZ+6dm6vZ4IQIHjs6FdNsQBuKGPuUUUY6NfJw2PshC08Tn6LzLDOag==" + }, "object-visit": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", @@ -4565,13 +4495,6 @@ "function-bind": "^1.1.1", "has-symbols": "^1.0.0", "object-keys": "^1.0.11" - }, - "dependencies": { - "object-keys": { - "version": "1.0.12", - "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.0.12.tgz", - "integrity": "sha512-FTMyFUm2wBcGHnH2eXmz7tC6IwlqQZ6mVZ+6dm6vZ4IQIHjs6FdNsQBuKGPuUUUY6NfJw2PshC08Tn6LzLDOag==" - } } }, "object.defaults": { @@ -4611,6 +4534,12 @@ "make-iterator": "^1.0.0" } }, + "octokit-pagination-methods": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/octokit-pagination-methods/-/octokit-pagination-methods-1.1.0.tgz", + "integrity": "sha512-fZ4qZdQ2nxJvtcasX7Ghl+WlWS/d9IgnBIwFZXVNNZUmzpno91SX5bc5vuxiuKoCtK78XxGGNuSCrDC7xYB3OQ==", + "dev": true + }, "once": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", @@ -4633,40 +4562,11 @@ "integrity": "sha1-d8DLN8QVJdZBZtmQ/61+xqDhNj4=", "requires": { "readable-stream": "^2.0.1" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "os-homedir": { "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "resolved": "http://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" }, "os-locale": { @@ -4677,9 +4577,19 @@ "lcid": "^1.0.0" } }, + "os-name": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/os-name/-/os-name-3.0.0.tgz", + "integrity": "sha512-7c74tib2FsdFbQ3W+qj8Tyd1R3Z6tuVRNNxXjJcZ4NgjIEQU9N/prVMqcW29XZPXGACqaXN3jq58/6hoaoXH6g==", + "dev": true, + "requires": { + "macos-release": "^2.0.0", + "windows-release": "^3.1.0" + } + }, "os-tmpdir": { "version": "1.0.2", - "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "resolved": "http://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" }, "osenv": { @@ -4691,6 +4601,12 @@ "os-tmpdir": "^1.0.0" } }, + "p-finally": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz", + "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=", + "dev": true + }, "p-map": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/p-map/-/p-map-1.2.0.tgz", @@ -4722,6 +4638,11 @@ "error-ex": "^1.2.0" } }, + "parse-node-version": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/parse-node-version/-/parse-node-version-1.0.0.tgz", + "integrity": "sha512-02GTVHD1u0nWc20n2G7WX/PgdhNFG04j5fi1OkaJzPWLTcf6vh6229Lta1wTmXG/7Dg42tCssgkccVt7qvd8Kg==" + }, "parse-passwd": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz", @@ -4747,7 +4668,7 @@ }, "path-is-absolute": { "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "resolved": "http://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" }, "path-is-inside": { @@ -4755,6 +4676,12 @@ "resolved": "https://registry.npmjs.org/path-is-inside/-/path-is-inside-1.0.2.tgz", "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=" }, + "path-key": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", + "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=", + "dev": true + }, "path-parse": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.6.tgz", @@ -4783,21 +4710,16 @@ "pinkie-promise": "^2.0.0" }, "dependencies": { - "graceful-fs": { - "version": "4.1.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", - "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=" - }, "pify": { "version": "2.3.0", - "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" } } }, "pause-stream": { "version": "0.0.11", - "resolved": "https://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz", + "resolved": "http://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz", "integrity": "sha1-/lo0sMvOErWqaitAPuLnO2AvFEU=", "requires": { "through": "~2.3" @@ -4828,49 +4750,14 @@ } }, "plugin-error": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-0.1.2.tgz", - "integrity": "sha1-O5uzM1zPAPQl4HQ34ZJ2ln2kes4=", - "requires": { - "ansi-cyan": "^0.1.1", - "ansi-red": "^0.1.1", - "arr-diff": "^1.0.1", - "arr-union": "^2.0.1", - "extend-shallow": "^1.1.2" - }, - "dependencies": { - "arr-diff": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-1.1.0.tgz", - "integrity": "sha1-aHwydYFjWI/vfeezb6vklesaOZo=", - "requires": { - "arr-flatten": "^1.0.1", - "array-slice": "^0.2.3" - } - }, - "arr-union": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-2.1.0.tgz", - "integrity": "sha1-IPnqtexw9cfSFbEHexw5Fh0pLH0=" - }, - "array-slice": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-0.2.3.tgz", - "integrity": "sha1-3Tz7gO15c6dRF82sabC5nshhhvU=" - }, - "extend-shallow": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz", - "integrity": "sha1-Gda/lN/AnXa6cR85uHLSH/TdkHE=", - "requires": { - "kind-of": "^1.1.0" - } - }, - "kind-of": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz", - "integrity": "sha1-FAo9LUGjbS78+pN3tiwk+ElaXEQ=" - } + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/plugin-error/-/plugin-error-1.0.1.tgz", + "integrity": "sha512-L1zP0dk7vGweZME2i+EeakvUNqSrdiI3F91TwEoYiGrAfUXmVv6fJIq4g82PAXxNsWOp0J7ZqQy/3Szz0ajTxA==", + "requires": { + "ansi-colors": "^1.0.1", + "arr-diff": "^4.0.0", + "arr-union": "^3.1.0", + "extend-shallow": "^3.0.2" } }, "plur": { @@ -4888,13 +4775,13 @@ "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=" }, "postcss": { - "version": "6.0.23", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", - "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", + "version": "7.0.7", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.7.tgz", + "integrity": "sha512-HThWSJEPkupqew2fnuQMEI2YcTj/8gMV3n80cMdJsKxfIh5tHf7nM5JigNX6LxVMqo6zkgQNAI88hyFvBk41Pg==", "requires": { "chalk": "^2.4.1", "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "supports-color": "^5.5.0" }, "dependencies": { "ansi-styles": { @@ -4937,13 +4824,13 @@ }, "pretty-hrtime": { "version": "1.0.3", - "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "resolved": "http://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=" }, "process-nextick-args": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", - "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==" + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-1.0.7.tgz", + "integrity": "sha1-FQ4gt1ZZCtP5EJPyWk8q2L/zC6M=" }, "promise": { "version": "7.3.1", @@ -4980,9 +4867,9 @@ "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=" }, "psl": { - "version": "1.1.29", - "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.29.tgz", - "integrity": "sha512-AeUmQ0oLN02flVHXWh9sSJF7mcdFq0ppid/JkErufc3hGIV/AMa8Fo9VgDo/cT2jFdOWoFvHp90qqBH54W+gjQ==", + "version": "1.1.31", + "resolved": "https://registry.npmjs.org/psl/-/psl-1.1.31.tgz", + "integrity": "sha512-/6pt4+C+T+wZUieKR620OpzN/LlnNKuWjy1iFLQ/UG35JqHlR/89MP1d96dUfkf6Dne3TuLQzOYEYshJ+Hx8mw==", "optional": true }, "pump": { @@ -5036,14 +4923,24 @@ } }, "readable-stream": { - "version": "1.1.14", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.1.14.tgz", - "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", + "version": "2.3.6", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { "core-util-is": "~1.0.0", - "inherits": "~2.0.1", - "isarray": "0.0.1", - "string_decoder": "~0.10.x" + "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" + }, + "dependencies": { + "process-nextick-args": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz", + "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==" + } } }, "readdirp": { @@ -5054,40 +4951,6 @@ "graceful-fs": "^4.1.11", "micromatch": "^3.1.10", "readable-stream": "^2.0.2" - }, - "dependencies": { - "graceful-fs": { - "version": "4.1.11", - "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz", - "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=" - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "rechoir": { @@ -5164,35 +5027,6 @@ "escape-string-regexp": "^1.0.3", "object-assign": "^4.0.1", "readable-stream": "^2.0.2" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "request": { @@ -5224,9 +5058,9 @@ } }, "require-dir": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/require-dir/-/require-dir-1.1.0.tgz", - "integrity": "sha512-XwZR1Gdv8rme0xLSRmxWNue/xQ5mgIfFGwbBJaF7TbFqQBgEBTr/M1/73a4dfn/keF5WDDiUr6RAF4nA1LskrQ==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/require-dir/-/require-dir-1.2.0.tgz", + "integrity": "sha512-LY85DTSu+heYgDqq/mK+7zFHWkttVNRXC9NKcKGyuGLdlsfbjEPrIEYdCVrx6hqnJb+xSu3Lzaoo8VnmOhhjNA==", "dev": true }, "require-directory": { @@ -5245,11 +5079,11 @@ "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=" }, "resolve": { - "version": "1.8.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.8.1.tgz", - "integrity": "sha512-AicPrAC7Qu1JxPCZ9ZgCZlY35QgFnNqc+0LtbRNxnVw4TXvjQ72wnuL9JQcEBgXkI9JM8MsT9kaQoHcpCRJOYA==", + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.9.0.tgz", + "integrity": "sha512-TZNye00tI67lwYvzxCxHGjwTNlUV70io54/Ed4j6PscB8xVfuBJpRenI/o6dVk0cY0PYTY27AgCoGGxRnYuItQ==", "requires": { - "path-parse": "^1.0.5" + "path-parse": "^1.0.6" } }, "resolve-dir": { @@ -5329,7 +5163,7 @@ }, "globby": { "version": "2.1.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-2.1.0.tgz", + "resolved": "http://registry.npmjs.org/globby/-/globby-2.1.0.tgz", "integrity": "sha1-npGSvNM/Srak+JTl5+qLcTITxII=", "requires": { "array-union": "^1.0.1", @@ -5412,6 +5246,21 @@ "supports-color": "^5.3.0" } }, + "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" + } + }, + "source-map": { + "version": "0.6.1", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", + "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==" + }, "supports-color": { "version": "5.5.0", "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", @@ -5450,7 +5299,7 @@ }, "safe-regex": { "version": "1.1.0", - "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", + "resolved": "http://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", "requires": { "ret": "~0.1.10" @@ -5462,9 +5311,9 @@ "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" }, "semver": { - "version": "4.3.6", - "resolved": "https://registry.npmjs.org/semver/-/semver-4.3.6.tgz", - "integrity": "sha1-MAvG4OhjdPe6YQaLWx7NV/xlMto=" + "version": "5.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.6.0.tgz", + "integrity": "sha512-RS9R6R35NYgQn++fkDWaOmqGoj4Ek9gGs+DPxNUZKuwE183xjJroKvyo1IzVFeXvUrvmALy6FWD5xrdJT25gMg==" }, "semver-greatest-satisfied-range": { "version": "1.1.0", @@ -5500,6 +5349,21 @@ } } }, + "shebang-command": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", + "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", + "dev": true, + "requires": { + "shebang-regex": "^1.0.0" + } + }, + "shebang-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", + "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=", + "dev": true + }, "shellwords": { "version": "0.1.1", "resolved": "https://registry.npmjs.org/shellwords/-/shellwords-0.1.1.tgz", @@ -5640,9 +5504,9 @@ "integrity": "sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==" }, "spdx-correct": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.0.1.tgz", - "integrity": "sha512-hxSPZbRZvSDuOvADntOElzJpenIR7wXJkuoUcUtS0erbgt2fgeaoPIYretfKpslMhfFDY4k0MZ2F5CUzhBsSvQ==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz", + "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==", "requires": { "spdx-expression-parse": "^3.0.0", "spdx-license-ids": "^3.0.0" @@ -5663,13 +5527,13 @@ } }, "spdx-license-ids": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.1.tgz", - "integrity": "sha512-TfOfPcYGBB5sDuPn3deByxPhmfegAhpDYKSOXZQN81Oyrrif8ZCodOLzK3AesELnCx03kikhyDwh0pfvvQvF8w==" + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.2.tgz", + "integrity": "sha512-qky9CVt0lVIECkEsYbNILVnPvycuEBkXoMFLRWsREkomQLevYhtRKC+R91a5TOAQ3bCMjikRwhyaRqj1VYatYg==" }, "split": { "version": "0.2.10", - "resolved": "https://registry.npmjs.org/split/-/split-0.2.10.tgz", + "resolved": "http://registry.npmjs.org/split/-/split-0.2.10.tgz", "integrity": "sha1-Zwl8YB1pfOE2j0GPBs0gHPBSGlc=", "requires": { "through": "2" @@ -5685,7 +5549,7 @@ }, "sprintf-js": { "version": "1.0.3", - "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "resolved": "http://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" }, "sshpk": { @@ -5736,7 +5600,7 @@ }, "stream-combiner": { "version": "0.0.4", - "resolved": "https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz", + "resolved": "http://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz", "integrity": "sha1-TV5DPBhSYd3mI8o/RMWGvPXErRQ=", "requires": { "duplexer": "~0.1.1" @@ -5753,53 +5617,50 @@ "integrity": "sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=" }, "string-width": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz", - "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", + "version": "1.0.2", + "resolved": "http://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", + "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" - }, - "dependencies": { - "ansi-regex": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz", - "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=" - }, - "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", - "requires": { - "ansi-regex": "^3.0.0" - } - } + "code-point-at": "^1.0.0", + "is-fullwidth-code-point": "^1.0.0", + "strip-ansi": "^3.0.0" } }, "string_decoder": { - "version": "0.10.31", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz", - "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=" + "version": "1.1.1", + "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "requires": { + "safe-buffer": "~5.1.0" + } }, "stringify-object": { - "version": "3.2.2", - "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.2.2.tgz", - "integrity": "sha512-O696NF21oLiDy8PhpWu8AEqoZHw++QW6mUv0UvKZe8gWSdSvMXkiLufK7OmnP27Dro4GU5kb9U7JIO0mBuCRQg==", + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.3.0.tgz", + "integrity": "sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==", "dev": true, "requires": { - "get-own-enumerable-property-symbols": "^2.0.1", + "get-own-enumerable-property-symbols": "^3.0.0", "is-obj": "^1.0.1", "is-regexp": "^1.0.0" } }, "strip-ansi": { "version": "3.0.1", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "requires": { "ansi-regex": "^2.0.0" } }, + "strip-bom": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", + "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", + "requires": { + "is-utf8": "^0.2.0" + } + }, "strip-bom-buf": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/strip-bom-buf/-/strip-bom-buf-1.0.0.tgz", @@ -5809,6 +5670,22 @@ "is-utf8": "^0.2.1" } }, + "strip-bom-stream": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/strip-bom-stream/-/strip-bom-stream-3.0.0.tgz", + "integrity": "sha1-lWvMXYRDD2klapDtgjdlzYWOFZw=", + "dev": true, + "requires": { + "first-chunk-stream": "^2.0.0", + "strip-bom-buf": "^1.0.0" + } + }, + "strip-eof": { + "version": "1.0.0", + "resolved": "http://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz", + "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=", + "dev": true + }, "strip-json-comments": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz", @@ -5840,51 +5717,22 @@ } }, "textextensions": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/textextensions/-/textextensions-2.2.0.tgz", - "integrity": "sha512-j5EMxnryTvKxwH2Cq+Pb43tsf6sdEgw6Pdwxk83mPaq0ToeFJt6WE4J3s5BqY7vmjlLgkgXvhtXUxo80FyBhCA==" + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/textextensions/-/textextensions-2.4.0.tgz", + "integrity": "sha512-qftQXnX1DzpSV8EddtHIT0eDDEiBF8ywhFYR2lI9xrGtxqKN+CvLXhACeCIGbCpQfxxERbrkZEFb8cZcDKbVZA==" }, "through": { "version": "2.3.8", - "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", + "resolved": "http://registry.npmjs.org/through/-/through-2.3.8.tgz", "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=" }, "through2": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.3.tgz", - "integrity": "sha1-AARWmzfHx0ujnEPzzteNGtlBQL4=", + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz", + "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==", "requires": { - "readable-stream": "^2.1.5", + "readable-stream": "~2.3.6", "xtend": "~4.0.1" - }, - "dependencies": { - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - } } }, "through2-filter": { @@ -6121,6 +5969,15 @@ "through2-filter": "^2.0.0" } }, + "universal-user-agent": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/universal-user-agent/-/universal-user-agent-2.0.2.tgz", + "integrity": "sha512-nOwvHWLH3dBazyuzbECPA5uVFNd7AlgviXRHgR4yf48QqitIvpdncRrxMbZNMpPPEfgz30I9ubd1XmiJiqsTrg==", + "dev": true, + "requires": { + "os-name": "^3.0.0" + } + }, "unset-value": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", @@ -6154,11 +6011,6 @@ "version": "0.1.4", "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz", "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=" - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" } } }, @@ -6245,20 +6097,16 @@ } }, "vinyl": { - "version": "0.5.3", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-0.5.3.tgz", - "integrity": "sha1-sEVbOPxeDPMNQyUTLkYZcMIJHN4=", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", + "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", "requires": { - "clone": "^1.0.0", - "clone-stats": "^0.0.1", - "replace-ext": "0.0.1" - }, - "dependencies": { - "replace-ext": { - "version": "0.0.1", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-0.0.1.tgz", - "integrity": "sha1-KbvZIHinOfC8zitO5B6DeVNSKSQ=" - } + "clone": "^2.1.1", + "clone-buffer": "^1.0.0", + "clone-stats": "^1.0.0", + "cloneable-readable": "^1.0.0", + "remove-trailing-separator": "^1.0.1", + "replace-ext": "^1.0.0" } }, "vinyl-fs": { @@ -6283,63 +6131,6 @@ "value-or-function": "^3.0.0", "vinyl": "^2.0.0", "vinyl-sourcemap": "^1.1.0" - }, - "dependencies": { - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" - }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" - }, - "isarray": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", - "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=" - }, - "readable-stream": { - "version": "2.3.6", - "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", - "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", - "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" - } - }, - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" - }, - "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==", - "requires": { - "safe-buffer": "~5.1.0" - } - }, - "vinyl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", - "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", - "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" - } - } } }, "vinyl-sourcemap": { @@ -6356,16 +6147,6 @@ "vinyl": "^2.0.0" }, "dependencies": { - "clone": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz", - "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=" - }, - "clone-stats": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz", - "integrity": "sha1-s3gt/4u1R04Yuba/D9/ngvh3doA=" - }, "normalize-path": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz", @@ -6373,24 +6154,6 @@ "requires": { "remove-trailing-separator": "^1.0.1" } - }, - "replace-ext": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz", - "integrity": "sha1-3mMSg3P8v3w8z6TeWkgMRaZ5WOs=" - }, - "vinyl": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.0.tgz", - "integrity": "sha512-MBH+yP0kC/GQ5GwBqrTPTzEfiiLjta7hTtvQtbxBgTeSXsmKQRQecjibMbxIXzVT3Y9KJK+drOz1/k+vsu8Nkg==", - "requires": { - "clone": "^2.1.1", - "clone-buffer": "^1.0.0", - "clone-stats": "^1.0.0", - "cloneable-readable": "^1.0.0", - "remove-trailing-separator": "^1.0.1", - "replace-ext": "^1.0.0" - } } } }, @@ -6425,6 +6188,15 @@ "resolved": "https://registry.npmjs.org/window-size/-/window-size-0.1.0.tgz", "integrity": "sha1-VDjNLqk7IC76Ohn+iIeu58lPnJ0=" }, + "windows-release": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/windows-release/-/windows-release-3.1.0.tgz", + "integrity": "sha512-hBb7m7acFgQPQc222uEQTmdcGLeBmQLNLFIh0rDk3CwFOBrfjefLzEfEfmpMq8Af/n/GnFf3eYf203FY1PmudA==", + "dev": true, + "requires": { + "execa": "^0.10.0" + } + }, "wordwrap": { "version": "0.0.2", "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.2.tgz", @@ -6437,26 +6209,6 @@ "requires": { "string-width": "^1.0.1", "strip-ansi": "^3.0.1" - }, - "dependencies": { - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - } } }, "wrappy": { @@ -6511,31 +6263,6 @@ "which-module": "^1.0.0", "y18n": "^3.2.1", "yargs-parser": "^5.0.0" - }, - "dependencies": { - "camelcase": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", - "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=" - }, - "is-fullwidth-code-point": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", - "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", - "requires": { - "number-is-nan": "^1.0.0" - } - }, - "string-width": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", - "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", - "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" - } - } } }, "yargs-parser": { @@ -6544,13 +6271,6 @@ "integrity": "sha1-J17PDX/+Bcd+ZOfIbkzZS/DhIoo=", "requires": { "camelcase": "^3.0.0" - }, - "dependencies": { - "camelcase": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz", - "integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=" - } } } } From 574830ea72ec548b830a0f51b8677eb62b0c8f95 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 17 Dec 2018 18:56:01 +0100 Subject: [PATCH 34/49] fix(modal): fix top border radius when allowMultiple is true When a modal had `allowMultiple:true` set, the top border radius was not set anymore. This regression happens since an additional dimmer was introduced in #119 to prevent the ability to interact with modals that are not the focused one. This PR now takes care of a possible existing extra dimmer and shows top border radius correctly again Closes #308 --- src/definitions/modules/modal.less | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/definitions/modules/modal.less b/src/definitions/modules/modal.less index 62ce8a68e4..e35ed49b9b 100755 --- a/src/definitions/modules/modal.less +++ b/src/definitions/modules/modal.less @@ -40,8 +40,10 @@ will-change: top, left, margin, transform, opacity; } -.ui.modal > :first-child:not(.icon), -.ui.modal > .icon:first-child + * { +.ui.modal > :first-child:not(.icon):not(.dimmer), +.ui.modal > .icon:first-child + *, +.ui.modal > .dimmer:first-child + *:not(.icon), +.ui.modal > .dimmer:first-child + .icon + * { border-top-left-radius: @borderRadius; border-top-right-radius: @borderRadius; } From 67f3b70c5d83ff084c0524c8d51a1a3862c166ce Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 17 Dec 2018 18:56:57 +0100 Subject: [PATCH 35/49] feat(rating): add individual icons and colors instead of fixed star & heart only --- src/definitions/modules/rating.js | 21 +++-- src/definitions/modules/rating.less | 94 +++++++++------------ src/themes/default/modules/rating.overrides | 55 ------------ src/themes/default/modules/rating.variables | 59 +------------ 4 files changed, 57 insertions(+), 172 deletions(-) diff --git a/src/definitions/modules/rating.js b/src/definitions/modules/rating.js index 31f8c23586..cc951baf8f 100644 --- a/src/definitions/modules/rating.js +++ b/src/definitions/modules/rating.js @@ -107,7 +107,8 @@ $.fn.rating = function(parameters) { layout: function() { var maxRating = module.get.maxRating(), - html = $.fn.rating.settings.templates.icon(maxRating) + icon = module.get.icon(), + html = $.fn.rating.settings.templates.icon(maxRating, icon) ; module.debug('Generating icon html dynamically'); $module @@ -215,6 +216,13 @@ $.fn.rating = function(parameters) { }, get: { + icon: function(){ + var icon = $module.data(metadata.icon); + if (icon) { + $module.removeData(metadata.icon); + } + return icon || settings.icon; + }, initialRating: function() { if($module.data(metadata.rating) !== undefined) { $module.removeData(metadata.rating); @@ -460,7 +468,9 @@ $.fn.rating.settings = { name : 'Rating', namespace : 'rating', - slent : false, + icon : 'star', + + silent : false, debug : false, verbose : false, performance : true, @@ -482,7 +492,8 @@ $.fn.rating.settings = { metadata: { rating : 'rating', - maxRating : 'maxRating' + maxRating : 'maxRating', + icon : 'icon' }, className : { @@ -497,13 +508,13 @@ $.fn.rating.settings = { }, templates: { - icon: function(maxRating) { + icon: function(maxRating, iconClass) { var icon = 1, html = '' ; while(icon <= maxRating) { - html += ''; + html += ''; icon++; } return html; diff --git a/src/definitions/modules/rating.less b/src/definitions/modules/rating.less index e2effede89..4915f014a1 100755 --- a/src/definitions/modules/rating.less +++ b/src/definitions/modules/rating.less @@ -75,61 +75,45 @@ } -/*------------------- - Star ---------------------*/ - -/* Inactive */ -.ui.star.rating .icon { - width: @starIconWidth; - height: @starIconHeight; - background: @starInactiveBackground; - color: @starInactiveColor; - text-shadow: @starInactiveTextShadow; -} - -/* Active Star */ -.ui.star.rating .active.icon { - background: @starActiveBackground !important; - color: @starActiveColor !important; - text-shadow: @starActiveTextShadow !important; -} - -/* Selected Star */ -.ui.star.rating .icon.selected, -.ui.star.rating .icon.selected.active { - background: @starSelectedBackground !important; - color: @starSelectedColor !important; - text-shadow: @starSelectedTextShadow !important; -} - - -/*------------------- - Heart ---------------------*/ - -.ui.heart.rating .icon { - width: @heartIconWidth; - height: @heartIconHeight; - background: @heartInactiveBackground; - color: @heartInactiveColor; - text-shadow: @heartInactiveTextShadow !important; -} - -/* Active Heart */ -.ui.heart.rating .active.icon { - background: @heartActiveBackground !important; - color: @heartActiveColor !important; - text-shadow: @heartActiveTextShadow !important; -} - -/* Selected Heart */ -.ui.heart.rating .icon.selected, -.ui.heart.rating .icon.selected.active { - background: @heartSelectedBackground !important; - color: @heartSelectedColor !important; - text-shadow: @heartSelectedTextShadow !important; -} +/*-------------- + Colors +-------------- */ + +.ratingColor(@color; @lightColor;) { + @_ratingActiveShadow: "@{color}"; + @_ratingActive: "@{lightColor}"; + @_ratingSelectedShadow: "@{color}Hover"; + @_ratingSelected: "@{lightColor}Hover"; + .ui.@{color}.rating .active.icon { + color: @@_ratingActive; + text-shadow: 0px -@shadowWidth 0px @@_ratingActiveShadow, + -@shadowWidth 0px 0px @@_ratingActiveShadow, + 0px @shadowWidth 0px @@_ratingActiveShadow, + @shadowWidth 0px 0px @@_ratingActiveShadow; + } + .ui.@{color}.rating .icon.selected, + .ui.@{color}.rating .icon.selected.active { + color: @@_ratingSelected; + text-shadow: 0px -@shadowWidth 0px @@_ratingSelectedShadow, + -@shadowWidth 0px 0px @@_ratingSelectedShadow, + 0px @shadowWidth 0px @@_ratingSelectedShadow, + @shadowWidth 0px 0px @@_ratingSelectedShadow; + } +} + +.ratingColor(~'red',~'lightRed'); +.ratingColor(~'orange',~'lightOrange'); +.ratingColor(~'yellow',~'lightYellow'); +.ratingColor(~'olive',~'lightOlive'); +.ratingColor(~'green',~'lightGreen'); +.ratingColor(~'teal',~'lightTeal'); +.ratingColor(~'blue',~'lightBlue'); +.ratingColor(~'violet',~'lightViolet'); +.ratingColor(~'purple',~'lightPurple'); +.ratingColor(~'pink',~'lightPink'); +.ratingColor(~'brown',~'lightBrown'); +.ratingColor(~'grey',~'lightGrey'); +.ratingColor(~'black',~'lightBlack'); /******************************* diff --git a/src/themes/default/modules/rating.overrides b/src/themes/default/modules/rating.overrides index 37ce3b66fd..1bb78fe0d7 100644 --- a/src/themes/default/modules/rating.overrides +++ b/src/themes/default/modules/rating.overrides @@ -2,17 +2,7 @@ Theme Overrides *******************************/ -@font-face { - font-family: 'Rating'; - src: - url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), - url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff') - ; - font-weight: normal; - font-style: normal; -} .ui.rating .icon { - font-family: 'Rating'; line-height: 1; backface-visibility: hidden; font-weight: normal; @@ -20,49 +10,4 @@ text-align: center; } -/* Empty Star */ -.ui.rating .icon:before { - content: '\f005'; -} -/* Active Star */ -.ui.rating .active.icon:before { - content: '\f005'; -} - -/*------------------- - Star ---------------------*/ - -/* Unfilled Star */ -.ui.star.rating .icon:before { - content: '\f005'; -} -/* Active Star */ -.ui.star.rating .active.icon:before { - content: '\f005'; -} - -/* Partial */ -.ui.star.rating .partial.icon:before { - content: '\f006'; -} -.ui.star.rating .partial.icon { - content: '\f005'; -} - -/*------------------- - Heart ---------------------*/ -/* Empty Heart -.ui.heart.rating .icon:before { - content: '\f08a'; -} -*/ -.ui.heart.rating .icon:before { - content: '\f004'; -} -/* Active */ -.ui.heart.rating .active.icon:before { - content: '\f004'; -} diff --git a/src/themes/default/modules/rating.variables b/src/themes/default/modules/rating.variables index 0f42f0d3de..61c00c32dd 100644 --- a/src/themes/default/modules/rating.variables +++ b/src/themes/default/modules/rating.variables @@ -31,63 +31,8 @@ @activeBackground: @inactiveBackground; @activeColor: @darkTextColor; -/* Star */ -@starIconWidth: @iconWidth; -@starIconHeight: @iconHeight; -@starShadowWidth: 1px; +@shadowWidth: 1px; -@starInactiveBackground: @inactiveBackground; -@starInactiveColor: @inactiveColor; -@starInactiveTextShadow: none; - -@starActiveBackground: @activeBackground; -@starActiveColor: #FFE623; -@starActiveShadowColor: #DDC507; -@starActiveTextShadow: - 0px -@starShadowWidth 0px @starActiveShadowColor, - -@starShadowWidth 0px 0px @starActiveShadowColor, - 0px @starShadowWidth 0px @starActiveShadowColor, - @starShadowWidth 0px 0px @starActiveShadowColor -; - -@starSelectedBackground: @selectedBackground; -@starSelectedColor: #FFCC00; -@starSelectedShadowColor: #E6A200; -@starSelectedTextShadow: - 0px -@starShadowWidth 0px @starSelectedShadowColor, - -@starShadowWidth 0px 0px @starSelectedShadowColor, - 0px @starShadowWidth 0px @starSelectedShadowColor, - @starShadowWidth 0px 0px @starSelectedShadowColor -; - -/* Heart */ -@heartIconWidth: 1.4em; -@heartIconHeight: @iconHeight; -@heartShadowWidth: 1px; - -@heartInactiveBackground: @inactiveBackground; -@heartInactiveColor: @inactiveColor; -@heartInactiveTextShadow: none; - -@heartActiveBackground: @activeBackground; -@heartActiveColor: #FF6D75; -@heartActiveShadowColor: #CD0707; -@heartActiveTextShadow: - 0px -@heartShadowWidth 0px @heartActiveShadowColor, - -@heartShadowWidth 0px 0px @heartActiveShadowColor, - 0px @heartShadowWidth 0px @heartActiveShadowColor, - @heartShadowWidth 0px 0px @heartActiveShadowColor -; - -@heartSelectedBackground: @selectedBackground; -@heartSelectedColor: #FF3000; -@heartSelectedShadowColor: #AA0101; -@heartSelectedTextShadow: - 0px -@heartShadowWidth 0px @heartSelectedShadowColor, - -@heartShadowWidth 0px 0px @heartSelectedShadowColor, - 0px @heartShadowWidth 0px @heartSelectedShadowColor, - @heartShadowWidth 0px 0px @heartSelectedShadowColor -; /*------------------- States @@ -100,4 +45,4 @@ Variations --------------------*/ -@massive: 2rem; \ No newline at end of file +@massive: 2rem; From 68b1d7afed1ab023a744307d22d3e22abce80c11 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Mon, 17 Dec 2018 18:57:30 +0100 Subject: [PATCH 36/49] fix(dropdown): show "no results" when filterRemoteData is false and response is empty --- src/definitions/modules/dropdown.js | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/src/definitions/modules/dropdown.js b/src/definitions/modules/dropdown.js index 8aec5b70fc..bbe141ee0b 100644 --- a/src/definitions/modules/dropdown.js +++ b/src/definitions/modules/dropdown.js @@ -786,16 +786,17 @@ $.fn.dropdown = function(parameters) { }, onSuccess : function(response) { var - values = response[fields.remoteValues], - hasRemoteValues = (Array.isArray(values) && values.length > 0) + values = response[fields.remoteValues] ; - if(hasRemoteValues) { - module.remove.message(); - module.setup.menu({ - values: response[fields.remoteValues] - }); + if (!Array.isArray(values)){ + values = []; } - else { + module.remove.message(); + module.setup.menu({ + values: values + }); + + if(values.length===0 && !settings.allowAdditions) { module.add.message(message.noResults); } callback(); @@ -4057,7 +4058,7 @@ $.fn.dropdown.settings.templates = { // generates just menu from select menu: function(response, fields, preserveHTML) { var - values = response[fields.values] || {}, + values = response[fields.values] || [], html = '', escape = $.fn.dropdown.settings.templates.escape ; From 8914e0b6e8acc900424ad5fb7568bd0686394d9a Mon Sep 17 00:00:00 2001 From: Sean Date: Tue, 18 Dec 2018 08:34:25 +0000 Subject: [PATCH 37/49] style: remove trailing CSS unit values & duplicate properties --- src/definitions/collections/breadcrumb.less | 8 +- src/definitions/collections/form.less | 52 ++-- src/definitions/collections/grid.less | 78 +++--- src/definitions/collections/menu.less | 226 +++++++++--------- src/definitions/collections/message.less | 40 ++-- src/definitions/collections/table.less | 66 ++--- src/definitions/elements/button.less | 172 ++++++------- src/definitions/elements/divider.less | 14 +- src/definitions/elements/flag.less | 2 +- src/definitions/elements/header.less | 34 +-- src/definitions/elements/icon.less | 5 +- src/definitions/elements/image.less | 14 +- src/definitions/elements/input.less | 58 ++--- src/definitions/elements/label.less | 126 +++++----- src/definitions/elements/list.less | 94 ++++---- src/definitions/elements/loader.less | 12 +- src/definitions/elements/placeholder.less | 8 +- src/definitions/elements/rail.less | 50 ++-- src/definitions/elements/reveal.less | 14 +- src/definitions/elements/segment.less | 124 +++++----- src/definitions/elements/step.less | 44 ++-- src/definitions/globals/site.less | 14 +- src/definitions/modules/accordion.less | 4 +- src/definitions/modules/checkbox.less | 16 +- src/definitions/modules/dimmer.less | 8 +- src/definitions/modules/dropdown.less | 110 ++++----- src/definitions/modules/embed.less | 22 +- src/definitions/modules/modal.less | 10 +- src/definitions/modules/nag.less | 2 +- src/definitions/modules/popup.less | 26 +- src/definitions/modules/progress.less | 22 +- src/definitions/modules/rating.less | 6 +- src/definitions/modules/search.less | 18 +- src/definitions/modules/shape.less | 4 +- src/definitions/modules/sidebar.js | 4 +- src/definitions/modules/sidebar.less | 34 +-- src/definitions/modules/sticky.less | 4 +- src/definitions/modules/tab.less | 2 +- src/definitions/modules/toast.less | 6 +- src/definitions/views/ad.less | 10 +- src/definitions/views/card.less | 84 +++---- src/definitions/views/comment.less | 20 +- src/definitions/views/feed.less | 14 +- src/definitions/views/item.less | 48 ++-- src/definitions/views/statistic.less | 26 +- .../default/collections/breadcrumb.variables | 6 +- src/themes/default/collections/form.variables | 24 +- src/themes/default/collections/grid.variables | 30 +-- src/themes/default/collections/menu.variables | 62 ++--- .../default/collections/message.variables | 80 +++---- .../default/collections/table.variables | 24 +- src/themes/default/elements/button.variables | 50 ++-- .../default/elements/container.variables | 4 +- src/themes/default/elements/divider.variables | 4 +- src/themes/default/elements/flag.overrides | 156 ++++++------ src/themes/default/elements/header.variables | 18 +- src/themes/default/elements/icon.variables | 8 +- src/themes/default/elements/input.variables | 2 +- src/themes/default/elements/label.variables | 6 +- src/themes/default/elements/list.variables | 20 +- src/themes/default/elements/loader.variables | 18 +- .../default/elements/placeholder.variables | 6 +- src/themes/default/elements/segment.variables | 18 +- src/themes/default/elements/step.variables | 16 +- src/themes/default/globals/site.variables | 18 +- .../default/modules/accordion.variables | 24 +- src/themes/default/modules/checkbox.variables | 14 +- src/themes/default/modules/dropdown.variables | 64 ++--- src/themes/default/modules/embed.variables | 4 +- src/themes/default/modules/modal.variables | 60 ++--- src/themes/default/modules/nag.variables | 20 +- src/themes/default/modules/popup.variables | 10 +- src/themes/default/modules/progress.variables | 12 +- src/themes/default/modules/rating.variables | 3 +- src/themes/default/modules/search.variables | 10 +- src/themes/default/modules/shape.variables | 4 +- src/themes/default/modules/sidebar.variables | 2 +- src/themes/default/views/ad.variables | 2 +- src/themes/default/views/card.variables | 34 +-- src/themes/default/views/comment.variables | 26 +- src/themes/default/views/feed.variables | 36 +-- src/themes/default/views/item.variables | 40 ++-- src/themes/default/views/statistic.variables | 18 +- 83 files changed, 1353 insertions(+), 1355 deletions(-) diff --git a/src/definitions/collections/breadcrumb.less b/src/definitions/collections/breadcrumb.less index 67a4e31274..256f20d87a 100755 --- a/src/definitions/collections/breadcrumb.less +++ b/src/definitions/collections/breadcrumb.less @@ -25,14 +25,14 @@ .ui.breadcrumb { line-height: 1; display: @display; - margin: @verticalMargin 0em; + margin: @verticalMargin 0; vertical-align: @verticalAlign; } .ui.breadcrumb:first-child { - margin-top: 0em; + margin-top: 0; } .ui.breadcrumb:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /******************************* @@ -43,7 +43,7 @@ .ui.breadcrumb .divider { display: inline-block; opacity: @dividerOpacity; - margin: 0em @dividerSpacing 0em; + margin: 0 @dividerSpacing 0; font-size: @dividerSize; color: @dividerColor; diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less index d100aa36ff..126d2cbe46 100755 --- a/src/definitions/collections/form.less +++ b/src/definitions/collections/form.less @@ -49,12 +49,12 @@ .ui.form .field:last-child, .ui.form .fields:last-child .field { - margin-bottom: 0em; + margin-bottom: 0; } .ui.form .fields .field { clear: both; - margin: 0em; + margin: 0; } @@ -112,7 +112,7 @@ .ui.form input[type="file"], .ui.form input[type="url"] { font-family: @inputFont; - margin: 0em; + margin: 0; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); @@ -131,7 +131,7 @@ /* Text Area */ .ui.form textarea { - margin: 0em; + margin: 0; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); @@ -267,7 +267,7 @@ .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input { flex: 1 0 auto; - width: 0px; + width: 0; } @@ -283,7 +283,7 @@ /* Assumptions */ .ui.form .message:first-child { - margin-top: 0px; + margin-top: 0; } /*-------------------- @@ -303,11 +303,11 @@ } .ui.form .inline.fields .field .prompt:before, .ui.form .inline.field .prompt:before { - border-width: 0px 0px @inlinePromptBorderWidth @inlinePromptBorderWidth; + border-width: 0 0 @inlinePromptBorderWidth @inlinePromptBorderWidth; bottom: auto; right: auto; top: 50%; - left: 0em; + left: 0; } @@ -320,19 +320,19 @@ ---------------------*/ .ui.form .field.field input:-webkit-autofill { - box-shadow: 0px 0px 0px 100px @inputAutoFillBackground inset !important; + box-shadow: 0 0 0 100px @inputAutoFillBackground inset !important; border-color: @inputAutoFillBorder !important; } /* Focus */ .ui.form .field.field input:-webkit-autofill:focus { - box-shadow: 0px 0px 0px 100px @inputAutoFillFocusBackground inset !important; + box-shadow: 0 0 0 100px @inputAutoFillFocusBackground inset !important; border-color: @inputAutoFillFocusBorder !important; } /* Error */ .ui.form .error.error input:-webkit-autofill { - box-shadow: 0px 0px 0px 100px @inputAutoFillErrorBackground inset !important; + box-shadow: 0 0 0 100px @inputAutoFillErrorBackground inset !important; border-color: @inputAutoFillErrorBorder !important; } @@ -641,8 +641,8 @@ .ui.loading.form:before { position: absolute; content: ''; - top: 0%; - left: 0%; + top: 0; + left: 0; background: @loaderDimmerColor; width: 100%; height: 100%; @@ -667,7 +667,7 @@ border-style: solid; border-width: @loaderLineWidth; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: @loaderLineZIndex; } @@ -712,7 +712,7 @@ .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.field > .checkbox:after { position: absolute; - top: 0%; + top: 0; left: 100%; } @@ -769,7 +769,7 @@ margin: @groupedMargin; } .ui.form .grouped.fields:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.form .grouped.fields > label { @@ -784,7 +784,7 @@ .ui.form .grouped.inline.fields .field { display: block; margin: @groupedFieldMargin; - padding: 0em; + padding: 0; } /*-------------------- @@ -872,7 +872,7 @@ .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field { width: @oneColumn !important; - margin: 0em 0em @rowDistance; + margin: 0 0 @rowDistance; } } @@ -961,7 +961,7 @@ width: @oneColumn !important; } .ui.form .fields { - margin-bottom: 0em; + margin-bottom: 0; } } @@ -984,7 +984,7 @@ align-items: center; } .ui.form .inline.fields .field { - margin: 0em; + margin: 0; padding: @inlineFieldsMargin; } @@ -996,8 +996,8 @@ .ui.form .inline.field > p { display: inline-block; width: auto; - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; vertical-align: baseline; font-size: @inlineLabelFontSize; font-weight: @inlineLabelFontWeight; @@ -1018,8 +1018,8 @@ display: inline-block; width: auto; - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; vertical-align: middle; font-size: @inlineInputSize; @@ -1028,11 +1028,11 @@ /* Label */ .ui.form .inline.fields .field > :first-child, .ui.form .inline.field > :first-child { - margin: 0em @inlineLabelDistance 0em 0em; + margin: 0 @inlineLabelDistance 0 0; } .ui.form .inline.fields .field > :only-child, .ui.form .inline.field > :only-child { - margin: 0em; + margin: 0; } /* Wide */ diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less index b8c30c33cb..9e1bd469c0 100755 --- a/src/definitions/collections/grid.less +++ b/src/definitions/collections/grid.less @@ -26,7 +26,7 @@ flex-direction: row; flex-wrap: wrap; align-items: stretch; - padding: 0em; + padding: 0; } /*---------------------- @@ -87,7 +87,7 @@ justify-content: inherit; align-items: stretch; width: 100% !important; - padding: 0rem; + padding: 0; padding-top: (@rowSpacing / 2); padding-bottom: (@rowSpacing / 2); } @@ -102,8 +102,8 @@ padding-bottom: (@rowSpacing / 2); } .ui.grid > .row > .column { - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; } /*------------------- @@ -121,10 +121,10 @@ /* Collapse Margin on Consecutive Grid */ .ui.grid > .ui.grid:first-child { - margin-top: 0em; + margin-top: 0; } .ui.grid > .ui.grid:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /* Segment inside Aligned Grid */ @@ -162,8 +162,8 @@ width: @mobileWidth; padding-left: @mobileGutter; padding-right: @mobileGutter; - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } } @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { @@ -1000,15 +1000,15 @@ -----------------------*/ .ui.padded.grid:not(.vertically):not(.horizontally) { - margin: 0em !important; + margin: 0 !important; } [class*="horizontally padded"].ui.grid { - margin-left: 0em !important; - margin-right: 0em !important; + margin-left: 0 !important; + margin-right: 0 !important; } [class*="vertically padded"].ui.grid { - margin-top: 0em !important; - margin-bottom: 0em !important; + margin-top: 0 !important; + margin-bottom: 0 !important; } /*---------------------- @@ -1037,12 +1037,12 @@ .ui[class*="vertically divided"].grid > .row > .column { margin-top: (@rowSpacing / 2); margin-bottom: (@rowSpacing / 2); - padding-top: 0rem; - padding-bottom: 0rem; + padding-top: 0; + padding-bottom: 0; } .ui[class*="vertically divided"].grid > .row { - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; } @@ -1055,7 +1055,7 @@ /* No space on top of first row */ .ui[class*="vertically divided"].grid > .row:first-child > .column { - margin-top: 0em; + margin-top: 0; } @@ -1074,13 +1074,13 @@ .ui[class*="vertically divided"].grid > .row:before { position: absolute; content: ""; - top: 0em; - left: 0px; + top: 0; + left: 0; width: e(%("calc(100%% - %d)", @gutterWidth)); height: 1px; - margin: 0% (@gutterWidth / 2); + margin: 0 (@gutterWidth / 2); box-shadow: @verticallyDividedBorder; } @@ -1132,8 +1132,8 @@ .ui.celled.grid > .row { width: 100% !important; - margin: 0em; - padding: 0em; + margin: 0; + padding: 0; box-shadow: @celledRowDivider; } .ui.celled.grid > .column:not(.row), @@ -1162,7 +1162,7 @@ /* Internally Celled */ .ui[class*="internally celled"].grid { box-shadow: none; - margin: 0em; + margin: 0; } .ui[class*="internally celled"].grid > .row:first-child { box-shadow: none; @@ -1514,8 +1514,8 @@ } .ui.grid > .doubling.row, .ui.doubling.grid > .row { - margin: 0em !important; - padding: 0em !important; + margin: 0 !important; + padding: 0 !important; } .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { @@ -1523,7 +1523,7 @@ padding-top: (@rowSpacing / 2) !important; padding-bottom: (@rowSpacing / 2) !important; box-shadow: none !important; - margin: 0em; + margin: 0; } .ui[class*="two column"].doubling.grid > .row > .column, .ui[class*="two column"].doubling.grid > .column:not(.row), @@ -1606,14 +1606,14 @@ @media only screen and (max-width: @largestMobileScreen) { .ui.grid > .doubling.row, .ui.doubling.grid > .row { - margin: 0em !important; - padding: 0em !important; + margin: 0 !important; + padding: 0 !important; } .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { padding-top: (@rowSpacing / 2) !important; padding-bottom: (@rowSpacing / 2) !important; - margin: 0em !important; + margin: 0 !important; box-shadow: none !important; } .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column, @@ -1700,8 +1700,8 @@ @media only screen and (max-width: @largestMobileScreen) { .ui.stackable.grid { width: auto; - margin-left: 0em !important; - margin-right: 0em !important; + margin-left: 0 !important; + margin-right: 0 !important; } .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column, @@ -1711,20 +1711,20 @@ .ui.stackable.grid > .column:not(.row), .ui.grid > .stackable.stackable.row > .column { width: 100% !important; - margin: 0em 0em !important; + margin: 0 0 !important; box-shadow: none !important; padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important; } .ui.stackable.grid:not(.vertically) > .row { - margin: 0em; - padding: 0em; + margin: 0; + padding: 0; } /* Coupling */ .ui.container > .ui.stackable.grid > .column, .ui.container > .ui.stackable.grid > .row > .column { - padding-left: 0em !important; - padding-right: 0em !important; + padding-left: 0 !important; + padding-right: 0 !important; } /* Don't pad inside segment or nested grid */ @@ -1763,8 +1763,8 @@ } .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column { - padding-left: 0em !important; - padding-right: 0em !important; + padding-left: 0 !important; + padding-right: 0 !important; } } diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less index cbeabe1828..b4b37c3f17 100755 --- a/src/definitions/collections/menu.less +++ b/src/definitions/collections/menu.less @@ -42,16 +42,16 @@ .ui.menu:after { content: ''; display: block; - height: 0px; + height: 0; clear: both; visibility: hidden; } .ui.menu:first-child { - margin-top: 0rem; + margin-top: 0; } .ui.menu:last-child { - margin-bottom: 0rem; + margin-bottom: 0; } @@ -60,7 +60,7 @@ ---------------*/ .ui.menu .menu { - margin: 0em; + margin: 0; } .ui.menu:not(.vertical) > .menu { @@ -94,15 +94,15 @@ } .ui.menu > .item:first-child { - border-radius: @borderRadius 0px 0px @borderRadius; + border-radius: @borderRadius 0 0 @borderRadius; } /* Border */ .ui.menu .item:before { position: absolute; content: ''; - top: 0%; - right: 0px; + top: 0; + right: 0; height: 100%; width: @dividerSize; @@ -170,7 +170,7 @@ .ui.menu:not(.vertical) .item > .input { position: relative; top: @inputOffset; - margin: @inputVerticalMargin 0em; + margin: @inputVerticalMargin 0; } .ui.menu .item > .input input { font-size: @inputSize; @@ -185,7 +185,7 @@ .ui.menu .header.item, .ui.vertical.menu .header.item { - margin: 0em; + margin: 0; background: @headerBackground; text-transform: @headerTextTransform; font-weight: @headerWeight; @@ -204,17 +204,17 @@ /* Dropdown Icon */ .ui.menu .item > i.dropdown.icon { - padding: 0em; + padding: 0; float: @dropdownIconFloat; - margin: 0em 0em 0em @dropdownIconDistance; + margin: 0 0 0 @dropdownIconDistance; } /* Menu */ .ui.menu .dropdown.item .menu { min-width: e("calc(100% - 1px)"); - border-radius: 0em 0em @dropdownMenuBorderRadius @dropdownMenuBorderRadius; + border-radius: 0 0 @dropdownMenuBorderRadius @dropdownMenuBorderRadius; background: @dropdownBackground; - margin: @dropdownMenuDistance 0px 0px; + margin: @dropdownMenuDistance 0 0; box-shadow: @dropdownMenuBoxShadow; flex-direction: column !important; } @@ -285,9 +285,9 @@ .ui.vertical.menu .dropdown.item .menu { left: 100%; min-width: 0; - margin: 0em 0em 0em @dropdownMenuDistance; + margin: 0 0 0 @dropdownMenuDistance; box-shadow: @dropdownVerticalMenuBoxShadow; - border-radius: 0em @dropdownMenuBorderRadius @dropdownMenuBorderRadius @dropdownMenuBorderRadius; + border-radius: 0 @dropdownMenuBorderRadius @dropdownMenuBorderRadius @dropdownMenuBorderRadius; } .ui.vertical.menu .dropdown.item.upward .menu { bottom: 0; @@ -296,8 +296,8 @@ top: 0; } .ui.vertical.menu .active.dropdown.item { - border-top-right-radius: 0em; - border-bottom-right-radius: 0em; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .ui.vertical.menu .dropdown.active.item { box-shadow: none; @@ -368,7 +368,7 @@ } .ui.vertical.sidebar.menu > .item::before { top: auto; - bottom: 0px; + bottom: 0; } /*-------------- @@ -378,8 +378,8 @@ @media only screen and (max-width: @largestMobileScreen) { .ui.menu > .ui.container { width: 100% !important; - margin-left: 0em !important; - margin-right: 0em !important; + margin-left: 0 !important; + margin-right: 0 !important; } } @media only screen and (min-width: @tabletBreakpoint) { @@ -517,10 +517,10 @@ Floated Menu / Item border-right: none; } .ui.vertical.menu > .item:first-child { - border-radius: @borderRadius @borderRadius 0px 0px; + border-radius: @borderRadius @borderRadius 0 0; } .ui.vertical.menu > .item:last-child { - border-radius: 0px 0px @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; } /*--- Label ---*/ @@ -546,8 +546,8 @@ Floated Menu / Item .ui.vertical.menu .item:before { position: absolute; content: ''; - top: 0%; - left: 0px; + top: 0; + left: 0; width: 100%; height: @dividerSize; background: @verticalDividerBackground; @@ -579,14 +579,14 @@ Floated Menu / Item /* Vertical Active */ .ui.vertical.menu .active.item { background: @activeItemBackground; - border-radius: 0em; + border-radius: 0; box-shadow: @verticalActiveBoxShadow; } .ui.vertical.menu > .active.item:first-child { - border-radius: @borderRadius @borderRadius 0em 0em; + border-radius: @borderRadius @borderRadius 0 0; } .ui.vertical.menu > .active.item:last-child { - border-radius: 0em 0em @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; } .ui.vertical.menu > .active.item:only-child { border-radius: @borderRadius; @@ -606,7 +606,7 @@ Floated Menu / Item ---------------*/ .ui.tabular.menu { - border-radius: 0em; + border-radius: 0; box-shadow: none !important; border: none; background: @tabularBackground; @@ -644,16 +644,16 @@ Floated Menu / Item font-weight: @tabularActiveWeight; margin-bottom: -@tabularBorderWidth; box-shadow: @tabularActiveBoxShadow; - border-radius: @tabularBorderRadius @tabularBorderRadius 0px 0px !important; + border-radius: @tabularBorderRadius @tabularBorderRadius 0 0 !important; } /* Coupling with segment for attachment */ .ui.tabular.menu + .attached:not(.top).segment, .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment { border-top: none; - margin-left: 0px; - margin-top: 0px; - margin-right: 0px; + margin-left: 0; + margin-top: 0; + margin-right: 0; width: 100%; } .top.attached.segment + .ui.bottom.tabular.menu { @@ -665,7 +665,7 @@ Floated Menu / Item /* Bottom Vertical Tabular */ .ui.bottom.tabular.menu { background: @tabularBackground; - border-radius: 0em; + border-radius: 0; box-shadow: none !important; border-bottom: none; border-top: @tabularBorderWidth solid @tabularBorderColor; @@ -681,14 +681,14 @@ Floated Menu / Item background: @tabularActiveBackground; color: @tabularActiveColor; border-color: @tabularBorderColor; - margin: -@tabularBorderWidth 0px 0px 0px; - border-radius: 0px 0px @tabularBorderRadius @tabularBorderRadius !important; + margin: -@tabularBorderWidth 0 0 0; + border-radius: 0 0 @tabularBorderRadius @tabularBorderRadius !important; } /* Vertical Tabular (Left) */ .ui.vertical.tabular.menu { background: @tabularVerticalBackground; - border-radius: 0em; + border-radius: 0; box-shadow: none !important; border-bottom: none; border-right: @tabularBorderWidth solid @tabularBorderColor; @@ -704,14 +704,14 @@ Floated Menu / Item background: @tabularActiveBackground; color: @tabularActiveColor; border-color: @tabularBorderColor; - margin: 0px -@tabularBorderWidth 0px 0px; - border-radius: @tabularBorderRadius 0px 0px @tabularBorderRadius !important; + margin: 0 -@tabularBorderWidth 0 0; + border-radius: @tabularBorderRadius 0 0 @tabularBorderRadius !important; } /* Vertical Right Tabular */ .ui.vertical.right.tabular.menu { background: @tabularVerticalBackground; - border-radius: 0em; + border-radius: 0; box-shadow: none !important; border-bottom: none; border-right: none; @@ -728,13 +728,13 @@ Floated Menu / Item background: @tabularActiveBackground; color: @tabularActiveColor; border-color: @tabularBorderColor; - margin: 0px 0px 0px -@tabularBorderWidth; - border-radius: 0px @tabularBorderRadius @tabularBorderRadius 0px !important; + margin: 0 0 0 -@tabularBorderWidth; + border-radius: 0 @tabularBorderRadius @tabularBorderRadius 0 !important; } /* Dropdown */ .ui.tabular.menu .active.dropdown.item { - margin-bottom: 0px; + margin-bottom: 0; border-left: @tabularBorderWidth solid transparent; border-right: @tabularBorderWidth solid transparent; border-top: @tabularOppositeBorderWidth solid transparent; @@ -748,15 +748,15 @@ Floated Menu / Item ---------------*/ .ui.pagination.menu { - margin: 0em; + margin: 0; display: inline-flex; vertical-align: middle; } .ui.pagination.menu .item:last-child { - border-radius: 0em @borderRadius @borderRadius 0em; + border-radius: 0 @borderRadius @borderRadius 0; } .ui.compact.menu .item:last-child { - border-radius: 0em @borderRadius @borderRadius 0em; + border-radius: 0 @borderRadius @borderRadius 0; } .ui.pagination.menu .item:last-child:before { display: none; @@ -787,7 +787,7 @@ Floated Menu / Item background: @secondaryBackground; margin-left: -@secondaryItemSpacing; margin-right: -@secondaryItemSpacing; - border-radius: 0em; + border-radius: 0; border: none; box-shadow: none; } @@ -811,14 +811,14 @@ Floated Menu / Item /* Header */ .ui.secondary.menu .header.item { - border-radius: 0em; + border-radius: 0; border-right: @secondaryHeaderBorder; background: @secondaryHeaderBackground; } /* Image */ .ui.secondary.menu .item > img:not(.ui) { - margin: 0em; + margin: 0; } /* Hover */ @@ -863,11 +863,11 @@ Floated Menu / Item /* Fix item margins */ .ui.secondary.item.menu { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } .ui.secondary.item.menu .item:last-child { - margin-right: 0em; + margin-right: 0; } .ui.secondary.attached.menu { box-shadow: none; @@ -893,7 +893,7 @@ Floated Menu / Item border-radius: @secondaryVerticalItemBorderRadius !important; } .ui.secondary.vertical.menu > .header.item { - border-radius: 0em; + border-radius: 0; } /* Sub Menu */ @@ -911,18 +911,18 @@ Floated Menu / Item -----------------------*/ .ui.secondary.pointing.menu { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; border-bottom: @secondaryPointingBorderWidth solid @secondaryPointingBorderColor; } .ui.secondary.pointing.menu .item { border-bottom-color: transparent; border-bottom-style: solid; - border-radius: 0em; + border-radius: 0; align-self: flex-end; - margin: 0em 0em -@secondaryPointingBorderWidth; + margin: 0 0 -@secondaryPointingBorderWidth; padding: @secondaryPointingItemVerticalPadding @secondaryPointingItemHorizontalPadding; border-bottom-width: @secondaryPointingBorderWidth; transition: @secondaryItemTransition; @@ -980,7 +980,7 @@ Floated Menu / Item /* Vertical Pointing */ .ui.secondary.vertical.pointing.menu { - border-bottom-width: 0px; + border-bottom-width: 0; border-right-width: @secondaryPointingBorderWidth; border-right-style: solid; border-right-color: @secondaryPointingBorderColor; @@ -989,7 +989,7 @@ Floated Menu / Item border-bottom: none; border-right-style: solid; border-right-color: transparent; - border-radius: 0em !important; + border-radius: 0 !important; margin: @secondaryVerticalPointingItemMargin; border-right-width: @secondaryPointingBorderWidth; } @@ -1034,14 +1034,14 @@ Floated Menu / Item .ui.text.menu { background: none transparent; - border-radius: 0px; + border-radius: 0; box-shadow: none; border: none; margin: @textMenuMargin; } .ui.text.menu .item { - border-radius: 0px; + border-radius: 0; box-shadow: none; align-self: center; margin: @textMenuItemMargin; @@ -1069,12 +1069,12 @@ Floated Menu / Item /* Image */ .ui.text.menu .item > img:not(.ui) { - margin: 0em; + margin: 0; } /*--- fluid text ---*/ .ui.text.item.menu .item { - margin: 0em; + margin: 0; } /*--- vertical text ---*/ @@ -1082,15 +1082,15 @@ Floated Menu / Item margin: @textVerticalMenuMargin; } .ui.vertical.text.menu:first-child { - margin-top: 0rem; + margin-top: 0; } .ui.vertical.text.menu:last-child { - margin-bottom: 0rem; + margin-bottom: 0; } .ui.vertical.text.menu .item { margin: @textVerticalMenuItemMargin; - padding-left: 0em; - padding-right: 0em; + padding-left: 0; + padding-right: 0; } .ui.vertical.text.menu .item > i.icon { float: @textVerticalMenuIconFloat; @@ -1147,8 +1147,8 @@ Floated Menu / Item /* Fluid */ .ui.fluid.text.menu { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } /*-------------- @@ -1182,14 +1182,14 @@ Floated Menu / Item /* (x) Item Icon */ .ui.menu .icon.item > .icon { width: auto; - margin: 0em auto; + margin: 0 auto; } /* Vertical Icon */ .ui.vertical.icon.menu .item > .icon:not(.dropdown) { display: block; opacity: 1; - margin: 0em auto; + margin: 0 auto; float: none; } @@ -1218,12 +1218,12 @@ Floated Menu / Item height: 1em; display: block; font-size: @labeledIconSize !important; - margin: 0em auto @labeledIconTextMargin !important; + margin: 0 auto @labeledIconTextMargin !important; } /* Fluid */ .ui.fluid.labeled.icon.menu > .item { - min-width: 0em; + min-width: 0; } @@ -1246,8 +1246,8 @@ Floated Menu / Item position: absolute; content: ''; top: auto; - bottom: 0px; - left: 0px; + bottom: 0; + left: 0; width: 100%; height: @dividerSize; background: @verticalDividerBackground; @@ -1377,7 +1377,7 @@ Floated Menu / Item /* Header */ .ui.inverted.menu .header.item { - margin: 0em; + margin: 0; background: @invertedHeaderBackground; box-shadow: none; } @@ -1420,7 +1420,7 @@ Floated Menu / Item } .ui.inverted.pointing.menu .active.item:after { background: @invertedArrowActiveColor !important; - margin: 0em !important; + margin: 0 !important; box-shadow: none !important; border: none !important; } @@ -1441,7 +1441,7 @@ Floated Menu / Item .ui.floated.menu { float: left; - margin: 0rem @floatedDistance 0rem 0rem; + margin: 0 @floatedDistance 0 0; } .ui.floated.menu .item:last-child:before { display: none; @@ -1449,7 +1449,7 @@ Floated Menu / Item .ui.right.floated.menu { float: right; - margin: 0rem 0rem 0rem @floatedDistance; + margin: 0 0 0 @floatedDistance; } @@ -1609,7 +1609,7 @@ Floated Menu / Item .ui.fitted.menu .item, .ui.fitted.menu .item .menu .item, .ui.menu .fitted.item { - padding: 0em; + padding: 0; } .ui.horizontally.fitted.menu .item, .ui.horizontally.fitted.menu .item .menu .item, @@ -1640,14 +1640,14 @@ Floated Menu / Item .ui.compact.menu { display: inline-flex; - margin: 0em; + margin: 0; vertical-align: middle; } .ui.compact.vertical.menu { display: inline-block; } .ui.compact.menu .item:last-child { - border-radius: 0em @borderRadius @borderRadius 0em; + border-radius: 0 @borderRadius @borderRadius 0; } .ui.compact.menu .item:last-child:before { display: none; @@ -1676,15 +1676,15 @@ Floated Menu / Item .ui.item.menu, .ui.item.menu .item { width: 100%; - padding-left: 0em !important; - padding-right: 0em !important; - margin-left: 0em !important; - margin-right: 0em !important; + padding-left: 0 !important; + padding-right: 0 !important; + margin-left: 0 !important; + margin-right: 0 !important; text-align: center; justify-content: center; } .ui.attached.item.menu { - margin: 0em @attachedHorizontalOffset !important; + margin: 0 @attachedHorizontalOffset !important; } .ui.item.menu .item:last-child:before { @@ -1732,19 +1732,19 @@ Floated Menu / Item .ui.menu.fixed { position: fixed; z-index: 101; - margin: 0em; + margin: 0; width: 100%; } .ui.menu.fixed, .ui.menu.fixed .item:first-child, .ui.menu.fixed .item:last-child { - border-radius: 0px !important; + border-radius: 0 !important; } .ui.fixed.menu, .ui[class*="top fixed"].menu { - top: 0px; - left: 0px; + top: 0; + left: 0; right: auto; bottom: auto; } @@ -1757,8 +1757,8 @@ Floated Menu / Item border-top: none; border-bottom: none; border-right: none; - top: 0px; - right: 0px; + top: 0; + right: 0; left: auto; bottom: auto; width: auto; @@ -1768,8 +1768,8 @@ Floated Menu / Item border-bottom: none; border-left: none; border-right: none; - bottom: 0px; - left: 0px; + bottom: 0; + left: 0; top: auto; right: auto; } @@ -1777,8 +1777,8 @@ Floated Menu / Item border-top: none; border-bottom: none; border-left: none; - top: 0px; - left: 0px; + top: 0; + left: 0; right: auto; bottom: auto; width: auto; @@ -1804,7 +1804,7 @@ Floated Menu / Item transform: translateX(-50%) translateY(-50%) rotate(45deg); background: none; - margin: (@arrowBorderWidth / 2) 0em 0em; + margin: (@arrowBorderWidth / 2) 0 0; width: @arrowSize; height: @arrowSize; @@ -1818,12 +1818,12 @@ Floated Menu / Item .ui.vertical.pointing.menu .item:after { position: absolute; top: 50%; - right: 0%; + right: 0; bottom: auto; left: auto; transform: translateX(50%) translateY(-50%) rotate(45deg); - margin: 0em -(@arrowBorderWidth / 2) 0em 0em; + margin: 0 -(@arrowBorderWidth / 2) 0 0; border: none; border-top: @arrowBorder; @@ -1913,10 +1913,10 @@ Floated Menu / Item /* Middle */ .ui.attached.menu { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em @attachedHorizontalOffset; + top: 0; + bottom: 0; + border-radius: 0; + margin: 0 @attachedHorizontalOffset; width: @attachedWidth; max-width: @attachedWidth; box-shadow: @attachedBoxShadow; @@ -1927,35 +1927,35 @@ Floated Menu / Item /* Top */ .ui[class*="top attached"].menu { - bottom: 0px; - margin-bottom: 0em; + bottom: 0; + margin-bottom: 0; top: @attachedTopOffset; margin-top: @verticalMargin; - border-radius: @borderRadius @borderRadius 0em 0em; + border-radius: @borderRadius @borderRadius 0 0; } .ui.menu[class*="top attached"]:first-child { - margin-top: 0em; + margin-top: 0; } /* Bottom */ .ui[class*="bottom attached"].menu { - bottom: 0px; - margin-top: 0em; + bottom: 0; + margin-top: 0; top: @attachedBottomOffset; margin-bottom: @verticalMargin; box-shadow: @attachedBottomBoxShadow; - border-radius: 0em 0em @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; } .ui[class*="bottom attached"].menu:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /* Attached Menu Item */ .ui.top.attached.menu > .item:first-child { - border-radius: @borderRadius 0em 0em 0em; + border-radius: @borderRadius 0 0 0; } .ui.bottom.attached.menu > .item:first-child { - border-radius: 0em 0em 0em @borderRadius; + border-radius: 0 0 0 @borderRadius; } /* Tabular Attached */ diff --git a/src/definitions/collections/message.less b/src/definitions/collections/message.less index 64b869e717..730de2c537 100755 --- a/src/definitions/collections/message.less +++ b/src/definitions/collections/message.less @@ -24,7 +24,7 @@ .ui.message { position: relative; min-height: 1em; - margin: @verticalMargin 0em; + margin: @verticalMargin 0; background: @background; padding: @padding; line-height: @lineHeight; @@ -35,10 +35,10 @@ } .ui.message:first-child { - margin-top: 0em; + margin-top: 0; } .ui.message:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -62,13 +62,13 @@ /* Paragraph */ .ui.message p { opacity: @messageTextOpacity; - margin: @messageParagraphMargin 0em; + margin: @messageParagraphMargin 0; } .ui.message p:first-child { - margin-top: 0em; + margin-top: 0; } .ui.message p:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.message .header + p { margin-top: @headerParagraphDistance; @@ -77,22 +77,22 @@ /* List */ .ui.message .list:not(.ui) { text-align: left; - padding: 0em; + padding: 0; opacity: @listOpacity; list-style-position: @listStylePosition; - margin: @listMargin 0em 0em; + margin: @listMargin 0 0; } .ui.message .list:not(.ui):first-child { - margin-top: 0em; + margin-top: 0; } .ui.message .list:not(.ui):last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.message .list:not(.ui) li { position: relative; list-style-type: none; - margin: 0em 0em @listItemMargin @listItemIndent; - padding: 0em; + margin: 0 0 @listItemMargin @listItemIndent; + padding: 0; } .ui.message .list:not(.ui) li:before { position: absolute; @@ -102,7 +102,7 @@ vertical-align: baseline; } .ui.message .list:not(.ui) li:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -115,7 +115,7 @@ .ui.message > .close.icon { cursor: pointer; position: absolute; - margin: 0em; + margin: 0; top: @closeTopDistance; right: @closeRightDistance; opacity: @closeOpacity; @@ -127,10 +127,10 @@ /* First / Last Element */ .ui.message > :first-child { - margin-top: 0em; + margin-top: 0; } .ui.message > :last-child { - margin-bottom: 0em; + margin-bottom: 0; } /******************************* @@ -138,7 +138,7 @@ *******************************/ .ui.dropdown .menu > .message { - margin: 0px -@borderWidth; + margin: 0 -@borderWidth; } /******************************* @@ -189,18 +189,18 @@ .ui.attached.message { margin-bottom: @attachedYOffset; - border-radius: @borderRadius @borderRadius 0em 0em; + border-radius: @borderRadius @borderRadius 0 0; box-shadow: @attachedBoxShadow; margin-left: @attachedXOffset; margin-right: @attachedXOffset; } .ui.attached + .ui.attached.message:not(.top):not(.bottom) { margin-top: @attachedYOffset; - border-radius: 0em; + border-radius: 0; } .ui.bottom.attached.message { margin-top: @attachedYOffset; - border-radius: 0em 0em @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; box-shadow: @attachedBottomBoxShadow; } .ui.bottom.attached.message:not(:last-child) { diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index 2737ab4180..a4bd10be13 100755 --- a/src/definitions/collections/table.less +++ b/src/definitions/collections/table.less @@ -38,10 +38,10 @@ } .ui.table:first-child { - margin-top: 0em; + margin-top: 0; } .ui.table:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.table thead, .ui.table tbody { @@ -82,13 +82,13 @@ } .ui.table thead tr:first-child > th:first-child { - border-radius: @borderRadius 0em 0em 0em; + border-radius: @borderRadius 0 0 0; } .ui.table thead tr:first-child > th:last-child { - border-radius: 0em @borderRadius 0em 0em; + border-radius: 0 @borderRadius 0 0; } .ui.table thead tr:first-child > th:only-child { - border-radius: @borderRadius @borderRadius 0em 0em; + border-radius: @borderRadius @borderRadius 0 0; } /* Footer */ @@ -111,13 +111,13 @@ border-left: none; } .ui.table tfoot tr:first-child > th:first-child { - border-radius: 0em 0em 0em @borderRadius; + border-radius: 0 0 0 @borderRadius; } .ui.table tfoot tr:first-child > th:last-child { - border-radius: 0em 0em @borderRadius 0em; + border-radius: 0 0 @borderRadius 0; } .ui.table tfoot tr:first-child > th:only-child { - border-radius: 0em 0em @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; } /* Table Row */ @@ -144,12 +144,12 @@ vertical-align: @iconVerticalAlign; } .ui.table > .icon:only-child { - margin: 0em; + margin: 0; } /* Table Segment */ .ui.table.segment { - padding: 0em; + padding: 0; } .ui.table.segment:after { display: none; @@ -163,7 +163,7 @@ @media only screen and (max-width : @largestMobileScreen) { .ui.table:not(.unstackable) { width: 100%; - padding: 0em; + padding: 0; } .ui.table:not(.unstackable) tbody, .ui.table:not(.unstackable) tr, @@ -253,7 +253,7 @@ background: @definitionHeaderBackground; font-weight: @definitionHeaderFontWeight; color: @definitionHeaderColor; - box-shadow: -@borderWidth -@borderWidth 0px @borderWidth @definitionPageBackground; + box-shadow: -@borderWidth -@borderWidth 0 @borderWidth @definitionPageBackground; } .ui.definition.table tfoot:not(.full-width) th:first-child { @@ -261,15 +261,15 @@ background: @definitionFooterBackground; font-weight: @definitionFooterFontWeight; color: @definitionFooterColor; - box-shadow: @borderWidth @borderWidth 0px @borderWidth @definitionPageBackground; + box-shadow: @borderWidth @borderWidth 0 @borderWidth @definitionPageBackground; } /* Remove Border */ .ui.celled.definition.table thead:not(.full-width) th:first-child { - box-shadow: 0px -@borderWidth 0px @borderWidth @definitionPageBackground; + box-shadow: 0 -@borderWidth 0 @borderWidth @definitionPageBackground; } .ui.celled.definition.table tfoot:not(.full-width) th:first-child { - box-shadow: 0px @borderWidth 0px @borderWidth @definitionPageBackground; + box-shadow: 0 @borderWidth 0 @borderWidth @definitionPageBackground; } /* Highlight Defining Column */ @@ -392,7 +392,7 @@ } .ui[class*="tablet stackable"].table { - padding: 0em; + padding: 0; } .ui[class*="tablet stackable"].table thead { display: @responsiveHeaderDisplay; @@ -495,7 +495,7 @@ /* Selectable Cell Link */ .ui.table tbody tr td.selectable { - padding: 0em; + padding: 0; } .ui.table tbody tr td.selectable > a:not(.ui) { display: block; @@ -543,10 +543,10 @@ /* Middle */ .ui.attached.table { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em @attachedHorizontalOffset; + top: 0; + bottom: 0; + border-radius: 0; + margin: 0 @attachedHorizontalOffset; width: @attachedWidth; max-width: @attachedWidth; box-shadow: @attachedBoxShadow; @@ -558,27 +558,27 @@ /* Top */ .ui[class*="top attached"].table { - bottom: 0px; - margin-bottom: 0em; + bottom: 0; + margin-bottom: 0; top: @attachedTopOffset; margin-top: @verticalMargin; - border-radius: @borderRadius @borderRadius 0em 0em; + border-radius: @borderRadius @borderRadius 0 0; } .ui.table[class*="top attached"]:first-child { - margin-top: 0em; + margin-top: 0; } /* Bottom */ .ui[class*="bottom attached"].table { - bottom: 0px; - margin-top: 0em; + bottom: 0; + margin-top: 0; top: @attachedBottomOffset; margin-bottom: @verticalMargin; box-shadow: @attachedBottomBoxShadow; - border-radius: 0em 0em @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; } .ui[class*="bottom attached"].table:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -881,7 +881,7 @@ height: 1em; width: @sortableIconWidth; opacity: @sortableIconOpacity; - margin: 0em 0em 0em @sortableIconDistance; + margin: 0 0 0 @sortableIconDistance; font-family: @sortableIconFont; } .ui.sortable.table thead th.ascending:after { @@ -1013,14 +1013,14 @@ } .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child { - padding-left: 0em; + padding-left: 0; } .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child { - padding-right: 0em; + padding-right: 0; } .ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th { - padding-top: 0em; + padding-top: 0; } /*-------------- diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index c4b5815e02..eb53251c3f 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -35,7 +35,7 @@ font-family: @fontFamily; - margin: 0em @horizontalMargin @verticalMargin 0em; + margin: 0 @horizontalMargin @verticalMargin 0; padding: @verticalPadding @horizontalPadding (@verticalPadding + @shadowOffset); text-transform: @textTransform; @@ -170,7 +170,7 @@ border-style: solid; border-width: @loaderLineWidth; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0 0 0 1px transparent; } .ui.labeled.icon.loading.button .icon { background-color: transparent; @@ -225,7 +225,7 @@ .ui.animated.button { position: relative; overflow: hidden; - padding-right: 0em !important; + padding-right: 0 !important; vertical-align: @animatedVerticalAlign; z-index: @animatedZIndex; } @@ -249,7 +249,7 @@ } .ui.animated.button .visible.content { left: auto; - right: 0%; + right: 0; } .ui.animated.button .hidden.content { top: 50%; @@ -265,7 +265,7 @@ .ui.animated.button:focus .hidden.content, .ui.animated.button:hover .hidden.content { left: auto; - right: 0%; + right: 0; } /* Vertical */ @@ -279,7 +279,7 @@ } .ui.vertical.animated.button .hidden.content { top: -50%; - left: 0%; + left: 0; right: auto; } .ui.vertical.animated.button:focus .visible.content, @@ -306,7 +306,7 @@ } .ui.fade.animated.button .hidden.content { opacity: 0; - left: 0%; + left: 0; right: auto; transform: scale(@fadeScaleHigh); } @@ -319,7 +319,7 @@ } .ui.fade.animated.button:focus .hidden.content, .ui.fade.animated.button:hover .hidden.content { - left: 0%; + left: 0; right: auto; opacity: 1; transform: scale(1); @@ -330,7 +330,7 @@ --------------------*/ .ui.inverted.button { - box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important; + box-shadow: 0 0 0 @invertedBorderSize @white inset !important; background: transparent none; color: @white; text-shadow: none !important; @@ -341,13 +341,13 @@ margin: @invertedGroupButtonOffset; } .ui.inverted.buttons .button:first-child { - margin-left: 0em; + margin-left: 0; } .ui.inverted.vertical.buttons .button { margin: @invertedVerticalGroupButtonOffset; } .ui.inverted.vertical.buttons .button:first-child { - margin-top: 0em; + margin-top: 0; } /* States */ @@ -355,7 +355,7 @@ /* Hover */ .ui.inverted.button:hover { background: @white; - box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important; + box-shadow: 0 0 0 @invertedBorderSize @white inset !important; color: @hoverColor; } @@ -363,14 +363,14 @@ .ui.inverted.button:focus, .ui.inverted.button.active { background: @white; - box-shadow: 0px 0px 0px @invertedBorderSize @white inset !important; + box-shadow: 0 0 0 @invertedBorderSize @white inset !important; color: @focusColor; } /* Active Focus */ .ui.inverted.button.active:focus { background: @midWhite; - box-shadow: 0px 0px 0px @invertedBorderSize @midWhite inset !important; + box-shadow: 0 0 0 @invertedBorderSize @midWhite inset !important; color: @focusColor; } @@ -383,18 +383,18 @@ display: inline-flex; flex-direction: row; background: none !important; - padding: 0px !important; + padding: 0 !important; border: none !important; box-shadow: none !important; } .ui.labeled.button > .button { - margin: 0px; + margin: 0; } .ui.labeled.button > .label { display: flex; align-items: @labeledLabelAlign; - margin: 0px 0px 0px @labeledLabelBorderOffset !important; + margin: 0 0 0 @labeledLabelBorderOffset !important; font-size: @labeledLabelFontSize; padding: @labeledLabelPadding; border-color: @labeledLabelBorderColor; @@ -408,22 +408,22 @@ /* Right */ .ui.labeled.button:not([class*="left labeled"]) > .button { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .ui.labeled.button:not([class*="left labeled"]) > .label { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } /* Left Side */ .ui[class*="left labeled"].button > .button { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .ui[class*="left labeled"].button > .label { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } /*------------------- @@ -642,13 +642,13 @@ .ui[class*="left floated"].buttons, .ui[class*="left floated"].button { float: left; - margin-left: 0em; + margin-left: 0; margin-right: @floatedMargin; } .ui[class*="right floated"].buttons, .ui[class*="right floated"].button { float: right; - margin-right: 0em; + margin-right: 0; margin-left: @floatedMargin; } @@ -769,7 +769,7 @@ .ui.icon.buttons .button > .icon, .ui.icon.button > .icon { opacity: @iconButtonOpacity; - margin: 0em !important; + margin: 0 !important; vertical-align: top; } @@ -794,7 +794,7 @@ border-radius: @borderRadius; } .ui.basic.buttons .button { - border-radius: 0em; + border-radius: 0; } .ui.basic.buttons .button:hover, @@ -881,11 +881,11 @@ } .ui.basic.vertical.buttons .button { border-left: none; - border-left-width: 0px; + border-left-width: 0; border-top: @basicGroupBorder; } .ui.basic.vertical.buttons .button:first-child { - border-top-width: 0px; + border-top-width: 0; } /*------------------- @@ -973,11 +973,11 @@ .ui.labeled.icon.buttons > .button > .icon, .ui.labeled.icon.button > .icon { position: absolute; - top: 0em; - left: 0em; + top: 0; + left: 0; height: 100%; line-height: 1; - border-radius: 0px; + border-radius: 0; border-top-left-radius: inherit; border-bottom-left-radius: inherit; text-align: center; @@ -996,8 +996,8 @@ } .ui[class*="right labeled"].icon.button > .icon { left: auto; - right: 0em; - border-radius: 0px; + right: 0; + border-radius: 0; border-top-right-radius: inherit; border-bottom-right-radius: inherit; box-shadow: @labeledIconRightShadow; @@ -1017,7 +1017,7 @@ } .ui.labeled.icon.buttons .button > .icon { - border-radius: 0em; + border-radius: 0; } .ui.labeled.icon.buttons .button:first-child > .icon { border-top-left-radius: @borderRadius; @@ -1028,11 +1028,11 @@ border-bottom-right-radius: @borderRadius; } .ui.vertical.labeled.icon.buttons .button:first-child > .icon { - border-radius: 0em; + border-radius: 0; border-top-left-radius: @borderRadius; } .ui.vertical.labeled.icon.buttons .button:last-child > .icon { - border-radius: 0em; + border-radius: 0; border-bottom-left-radius: @borderRadius; } @@ -1119,7 +1119,7 @@ /* Fluid Or */ .ui.fluid.buttons .or { - width: 0em !important; + width: 0 !important; } .ui.fluid.buttons .or:after { display: none; @@ -1135,17 +1135,17 @@ .ui.attached.button { position: relative; display: block; - margin: 0em; - border-radius: 0em; + margin: 0; + border-radius: 0; box-shadow: @attachedBoxShadow !important; } /* Top / Bottom */ .ui.attached.top.button { - border-radius: @borderRadius @borderRadius 0em 0em; + border-radius: @borderRadius @borderRadius 0 0; } .ui.attached.bottom.button { - border-radius: 0em 0em @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; } /* Left / Right */ @@ -1155,87 +1155,87 @@ text-align: right; padding-right: @attachedHorizontalPadding; - border-radius: @borderRadius 0em 0em @borderRadius; + border-radius: @borderRadius 0 0 @borderRadius; } .ui.right.attached.button { display: inline-block; text-align: left; padding-left: @attachedHorizontalPadding; - border-radius: 0em @borderRadius @borderRadius 0em; + border-radius: 0 @borderRadius @borderRadius 0; } /* Plural */ .ui.attached.buttons { position: relative; display: flex; - border-radius: 0em; + border-radius: 0; width: auto !important; z-index: @attachedZIndex; margin-left: @attachedOffset; margin-right: @attachedOffset; } .ui.attached.buttons .button { - margin: 0em; + margin: 0; } .ui.attached.buttons .button:first-child { - border-radius: 0em; + border-radius: 0; } .ui.attached.buttons .button:last-child { - border-radius: 0em; + border-radius: 0; } /* Top / Bottom */ .ui[class*="top attached"].buttons { margin-bottom: @attachedOffset; - border-radius: @borderRadius @borderRadius 0em 0em; + border-radius: @borderRadius @borderRadius 0 0; } .ui[class*="top attached"].buttons .button:first-child { - border-radius: @borderRadius 0em 0em 0em; + border-radius: @borderRadius 0 0 0; } .ui[class*="top attached"].buttons .button:last-child { - border-radius: 0em @borderRadius 0em 0em; + border-radius: 0 @borderRadius 0 0; } .ui[class*="bottom attached"].buttons { margin-top: @attachedOffset; - border-radius: 0em 0em @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; } .ui[class*="bottom attached"].buttons .button:first-child { - border-radius: 0em 0em 0em @borderRadius; + border-radius: 0 0 0 @borderRadius; } .ui[class*="bottom attached"].buttons .button:last-child { - border-radius: 0em 0em @borderRadius 0em; + border-radius: 0 0 @borderRadius 0; } /* Left / Right */ .ui[class*="left attached"].buttons { display: inline-flex; - margin-right: 0em; + margin-right: 0; margin-left: @attachedOffset; - border-radius: 0em @borderRadius @borderRadius 0em; + border-radius: 0 @borderRadius @borderRadius 0; } .ui[class*="left attached"].buttons .button:first-child { margin-left: @attachedOffset; - border-radius: 0em @borderRadius 0em 0em; + border-radius: 0 @borderRadius 0 0; } .ui[class*="left attached"].buttons .button:last-child { margin-left: @attachedOffset; - border-radius: 0em 0em @borderRadius 0em; + border-radius: 0 0 @borderRadius 0; } .ui[class*="right attached"].buttons { display: inline-flex; - margin-left: 0em; + margin-left: 0; margin-right: @attachedOffset; - border-radius: @borderRadius 0em 0em @borderRadius; + border-radius: @borderRadius 0 0 @borderRadius; } .ui[class*="right attached"].buttons .button:first-child { margin-left: @attachedOffset; - border-radius: @borderRadius 0em 0em 0em; + border-radius: @borderRadius 0 0 0; } .ui[class*="right attached"].buttons .button:last-child { margin-left: @attachedOffset; - border-radius: 0em 0em 0em @borderRadius; + border-radius: 0 0 0 @borderRadius; } /*------------------- @@ -1430,30 +1430,30 @@ /* Basic */ .ui.basic.@{color}.buttons .button, .ui.basic.@{color}.button { - box-shadow: 0px 0px 0px @basicBorderSize @@_buttonBackground inset !important; + box-shadow: 0 0 0 @basicBorderSize @@_buttonBackground inset !important; color: @@_buttonBackground !important; } .ui.basic.@{color}.buttons .button:hover, .ui.basic.@{color}.button:hover { background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @@_buttonBackgroundHover inset !important; + box-shadow: 0 0 0 @basicColoredBorderSize @@_buttonBackgroundHover inset !important; color: @@_buttonBackgroundHover !important; } .ui.basic.@{color}.buttons .button:focus, .ui.basic.@{color}.button:focus { background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @@_buttonBackgroundFocus inset !important; + box-shadow: 0 0 0 @basicColoredBorderSize @@_buttonBackgroundFocus inset !important; color: @@_buttonBackgroundHover !important; } .ui.basic.@{color}.buttons .active.button, .ui.basic.@{color}.active.button { background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @@_buttonBackgroundActive inset !important; + box-shadow: 0 0 0 @basicColoredBorderSize @@_buttonBackgroundActive inset !important; color: @@_buttonBackgroundDown !important; } .ui.basic.@{color}.buttons .button:active, .ui.basic.@{color}.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @@_buttonBackgroundDown inset !important; + box-shadow: 0 0 0 @basicColoredBorderSize @@_buttonBackgroundDown inset !important; color: @@_buttonBackgroundDown !important; } .ui.buttons:not(.vertical) > .basic.@{color}.button:not(:first-child) { @@ -1466,12 +1466,12 @@ background-color: transparent; & when (@blackOrGrey) { - box-shadow: 0px 0px 0px @invertedBorderSize @solidBorderColor inset !important; + box-shadow: 0 0 0 @invertedBorderSize @solidBorderColor inset !important; color: @invertedTextColor; } & when not (@blackOrGrey) { - box-shadow: 0px 0px 0px @invertedBorderSize @@_buttonLightBackground inset !important; + box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackground inset !important; color: @@_buttonLightBackground; } } @@ -1514,7 +1514,7 @@ .ui.inverted.@{color}.basic.buttons .button:hover, .ui.inverted.@{color}.buttons .basic.button:hover, .ui.inverted.@{color}.basic.button:hover { - box-shadow: 0px 0px 0px @invertedBorderSize @@_buttonLightBackgroundHover inset !important; + box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackgroundHover inset !important; & when (@blackOrGrey) { color: @white !important; @@ -1527,13 +1527,13 @@ .ui.inverted.@{color}.basic.buttons .button:focus, .ui.inverted.@{color}.basic.buttons .button:focus, .ui.inverted.@{color}.basic.button:focus { - box-shadow: 0px 0px 0px @invertedBorderSize @@_buttonLightBackgroundFocus inset !important; + box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackgroundFocus inset !important; color: @@_buttonLightBackground !important; } .ui.inverted.@{color}.basic.buttons .active.button, .ui.inverted.@{color}.buttons .basic.active.button, .ui.inverted.@{color}.basic.active.button { - box-shadow: 0px 0px 0px @invertedBorderSize @@_buttonLightBackgroundActive inset !important; + box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackgroundActive inset !important; & when (@blackOrGrey) { color: @white !important; @@ -1546,7 +1546,7 @@ .ui.inverted.@{color}.basic.buttons .button:active, .ui.inverted.@{color}.buttons .basic.button:active, .ui.inverted.@{color}.basic.button:active { - box-shadow: 0px 0px 0px @invertedBorderSize @@_buttonLightBackgroundDown inset !important; + box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackgroundDown inset !important; & when (@blackOrGrey) { color: @white !important; @@ -1772,30 +1772,30 @@ /* Basic */ .ui.basic.@{consequence}.buttons .button, .ui.basic.@{consequence}.button { - box-shadow: 0px 0px 0px @basicBorderSize @@_backgroundColor inset !important; + box-shadow: 0 0 0 @basicBorderSize @@_backgroundColor inset !important; color: @@_backgroundColor !important; } .ui.basic.@{consequence}.buttons .button:hover, .ui.basic.@{consequence}.button:hover { background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @@_backgroundColorHover inset !important; + box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorHover inset !important; color: @@_backgroundColorHover !important; } .ui.basic.@{consequence}.buttons .button:focus, .ui.basic.@{consequence}.button:focus { background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @@_backgroundColorFocus inset !important; + box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorFocus inset !important; color: @@_backgroundColorHover !important; } .ui.basic.@{consequence}.buttons .active.button, .ui.basic.@{consequence}.active.button { background: transparent !important; - box-shadow: 0px 0px 0px @basicColoredBorderSize @@_backgroundColorActive inset !important; + box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorActive inset !important; color: @@_backgroundColorDown !important; } .ui.basic.@{consequence}.buttons .button:active, .ui.basic.@{consequence}.button:active { - box-shadow: 0px 0px 0px @basicColoredBorderSize @@_backgroundColorDown inset !important; + box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorDown inset !important; color: @@_backgroundColorDown !important; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { @@ -1822,9 +1822,9 @@ .ui.buttons { display: inline-flex; flex-direction: row; - font-size: 0em; + font-size: 0; vertical-align: baseline; - margin: @verticalMargin @horizontalMargin 0em 0em; + margin: @verticalMargin @horizontalMargin 0 0; } .ui.buttons:not(.basic):not(.inverted) { box-shadow: @groupBoxShadow; @@ -1842,7 +1842,7 @@ /* Standard Group */ .ui.buttons .button { flex: 1 0 auto; - border-radius: 0em; + border-radius: 0; margin: @groupButtonOffset; } .ui.buttons > .ui.button:not(.basic):not(.inverted), @@ -1852,7 +1852,7 @@ .ui.buttons .button:first-child { border-left: none; - margin-left: 0em; + margin-left: 0; border-top-left-radius: @borderRadius; border-bottom-left-radius: @borderRadius; } @@ -1872,14 +1872,14 @@ width: 100%; margin: @verticalGroupOffset; box-shadow: @verticalBoxShadow; - border-radius: 0em; + border-radius: 0; } .ui.vertical.buttons .button:first-child { border-top-left-radius: @borderRadius; border-top-right-radius: @borderRadius; } .ui.vertical.buttons .button:last-child { - margin-bottom: 0px; + margin-bottom: 0; border-bottom-left-radius: @borderRadius; border-bottom-right-radius: @borderRadius; } diff --git a/src/definitions/elements/divider.less b/src/definitions/elements/divider.less index 72855b6932..89ff5aa0ff 100755 --- a/src/definitions/elements/divider.less +++ b/src/definitions/elements/divider.less @@ -26,7 +26,7 @@ margin: @margin; line-height: 1; - height: 0em; + height: 0; font-weight: @fontWeight; text-transform: @textTransform; @@ -97,12 +97,12 @@ top: 50%; left: 50%; - margin: 0rem; - padding: 0em; + margin: 0; + padding: 0; width: auto; height: 50%; - line-height: 0em; + line-height: 0; text-align: center; transform: translateX(-50%); } @@ -117,7 +117,7 @@ border-left: @shadowWidth solid @shadowColor; border-right: @highlightWidth solid @highlightColor; - width: 0%; + width: 0; height: @verticalDividerHeight; } @@ -126,7 +126,7 @@ } .ui.vertical.divider:after { top: auto; - bottom: 0px; + bottom: 0; } /* Inside grid */ @@ -222,7 +222,7 @@ ---------------*/ .ui.fitted.divider { - margin: 0em; + margin: 0; } /*-------------- diff --git a/src/definitions/elements/flag.less b/src/definitions/elements/flag.less index fc86bd3011..3d47a9095e 100755 --- a/src/definitions/elements/flag.less +++ b/src/definitions/elements/flag.less @@ -31,7 +31,7 @@ i.flag:not(.icon) { line-height: @height; vertical-align: @verticalAlign; - margin: 0em @margin 0em 0em; + margin: 0 @margin 0 0; text-decoration: inherit; diff --git a/src/definitions/elements/header.less b/src/definitions/elements/header.less index a457354d88..e363ba11ed 100755 --- a/src/definitions/elements/header.less +++ b/src/definitions/elements/header.less @@ -49,7 +49,7 @@ .ui.header .sub.header { display: block; font-weight: @normal; - padding: 0em; + padding: 0; margin: @subHeaderMargin; font-size: @subHeaderFontSize; line-height: @subHeaderLineHeight; @@ -71,7 +71,7 @@ /* With Text Node */ .ui.header .icon:only-child { display: inline-block; - padding: 0em; + padding: 0; margin-right: @iconMargin; } @@ -220,7 +220,7 @@ h5.ui.header .sub.header { ---------------*/ .ui.sub.header { - padding: 0em; + padding: 0; margin-bottom: @subHeadingDistance; font-weight: @subHeadingFontWeight; font-size: @subHeadingFontSize; @@ -247,12 +247,12 @@ h5.ui.header .sub.header { .ui.icon.header { display: inline-block; text-align: center; - margin: @iconHeaderTopMargin 0em @iconHeaderBottomMargin; + margin: @iconHeaderTopMargin 0 @iconHeaderBottomMargin; } .ui.icon.header:after { content: ''; display: block; - height: 0px; + height: 0; clear: both; visibility: hidden; } @@ -266,9 +266,9 @@ h5.ui.header .sub.header { width: auto; height: auto; line-height: 1; - padding: 0em; + padding: 0; font-size: @iconHeaderSize; - margin: 0em auto @iconHeaderMargin; + margin: 0 auto @iconHeaderMargin; opacity: @iconHeaderOpacity; } .ui.icon.header .corner.icon { @@ -276,7 +276,7 @@ h5.ui.header .sub.header { } .ui.icon.header .content { display: block; - padding: 0em; + padding: 0; } .ui.icon.header .circular.icon { font-size: @circularHeaderIconSize; @@ -285,7 +285,7 @@ h5.ui.header .sub.header { font-size: @squareHeaderIconSize; } .ui.block.icon.header .icon { - margin-bottom: 0em; + margin-bottom: 0; } .ui.icon.header.aligned { margin-left: auto; @@ -617,12 +617,12 @@ a.ui.inverted.grey.header:hover { .ui.floated.header, .ui[class*="left floated"].header { float: left; - margin-top: 0em; + margin-top: 0; margin-right: @floatedMargin; } .ui[class*="right floated"].header { float: right; - margin-top: 0em; + margin-top: 0; margin-left: @floatedMargin; } @@ -631,7 +631,7 @@ a.ui.inverted.grey.header:hover { --------------------*/ .ui.fitted.header { - padding: 0em; + padding: 0; } @@ -690,13 +690,13 @@ a.ui.inverted.grey.header:hover { .ui.attached.header { background: @attachedBackground; padding: @attachedVerticalPadding @attachedHorizontalPadding; - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; margin-left: @attachedOffset; margin-right: @attachedOffset; box-shadow: @attachedBoxShadow; border: @attachedBorder; - border-radius: 0em; + border-radius: 0; } .ui.attached.block.header { background: @blockBackground; @@ -705,10 +705,10 @@ a.ui.inverted.grey.header:hover { border-top: none; } .ui.top.attached.header { - border-radius: @attachedBorderRadius @attachedBorderRadius 0em 0em; + border-radius: @attachedBorderRadius @attachedBorderRadius 0 0; } .ui.bottom.attached.header { - border-radius: 0em 0em @attachedBorderRadius @attachedBorderRadius; + border-radius: 0 0 @attachedBorderRadius @attachedBorderRadius; } /* Attached Sizes */ diff --git a/src/definitions/elements/icon.less b/src/definitions/elements/icon.less index 4c85ddbcc3..36edb6fe53 100755 --- a/src/definitions/elements/icon.less +++ b/src/definitions/elements/icon.less @@ -38,7 +38,7 @@ i.icon { display: inline-block; opacity: @opacity; - margin: 0em @distanceFromText 0em 0em; + margin: 0 @distanceFromText 0 0; width: @width; height: @height; @@ -113,7 +113,7 @@ i.disabled.icon { i.fitted.icon { width: auto; - margin: 0em !important; + margin: 0 !important; } /*------------------- @@ -508,7 +508,6 @@ i.icons .icon { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); - margin: 0em; margin: 0; } diff --git a/src/definitions/elements/image.less b/src/definitions/elements/image.less index 03db0f2b7b..1cb5a152b2 100755 --- a/src/definitions/elements/image.less +++ b/src/definitions/elements/image.less @@ -201,11 +201,11 @@ img.ui.bordered.image { .ui[class*="left spaced"].image { margin-left: @spacedDistance; - margin-right: 0em; + margin-right: 0; } .ui[class*="right spaced"].image { - margin-left: 0em; + margin-left: 0; margin-right: @spacedDistance; } @@ -222,14 +222,14 @@ img.ui.bordered.image { .ui.right.floated.images, .ui.right.floated.image { float: right; - margin-right: 0em; + margin-right: 0; margin-bottom: @floatedVerticalMargin; margin-left: @floatedHorizontalMargin; } .ui.floated.images:last-child, .ui.floated.image:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -314,15 +314,15 @@ img.ui.bordered.image { *******************************/ .ui.images { - font-size: 0em; - margin: 0em -@imageHorizontalMargin 0rem; + font-size: 0; + margin: 0 -@imageHorizontalMargin 0; } .ui.images .image, .ui.images > img, .ui.images > svg { display: inline-block; - margin: 0em @imageHorizontalMargin @imageVerticalMargin; + margin: 0 @imageHorizontalMargin @imageVerticalMargin; } .loadUIOverrides(); diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 8d71445538..6e7bc0cc3c 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -35,7 +35,7 @@ color: @inputColor; } .ui.input > input { - margin: 0em; + margin: 0; max-width: 100%; flex: 1 0 auto; outline: none; @@ -139,7 +139,7 @@ border-style: solid; border-width: @loaderLineWidth; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0 0 0 1px transparent; } @@ -214,9 +214,9 @@ .ui.transparent.input > input { border-color: transparent !important; background-color: transparent !important; - padding: 0em !important; + padding: 0 !important; box-shadow: none !important; - border-radius: 0px !important; + border-radius: 0 !important; } /* Transparent Icon */ @@ -224,12 +224,12 @@ width: @transparentIconWidth; } .ui.transparent.icon.input > input { - padding-left: 0em !important; + padding-left: 0 !important; padding-right: @transparentIconMargin !important; } .ui.transparent[class*="left icon"].input > input { padding-left: @transparentIconMargin !important; - padding-right: 0em !important; + padding-right: 0 !important; } /* Transparent Inverted */ @@ -260,14 +260,14 @@ position: absolute; line-height: 1; text-align: center; - top: 0px; - right: 0px; - margin: 0em; + top: 0; + right: 0; + margin: 0; height: 100%; width: @iconWidth; opacity: @iconOpacity; - border-radius: 0em @borderRadius @borderRadius 0em; + border-radius: 0 @borderRadius @borderRadius 0; transition: @iconTransition; } .ui.icon.input > i.icon:not(.link) { @@ -299,7 +299,7 @@ .ui[class*="left icon"].input > i.icon { right: auto; left: @borderWidth; - border-radius: @borderRadius 0em 0em @borderRadius; + border-radius: @borderRadius 0 0 @borderRadius; } .ui[class*="left icon"].input > i.circular.icon { right: auto; @@ -334,12 +334,12 @@ /* Regular Label on Left */ .ui.labeled.input:not([class*="corner labeled"]) .label:first-child { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; border-left-color: transparent; } .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { @@ -348,13 +348,13 @@ /* Regular Label on Right */ .ui[class*="right labeled"].input > input { - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; border-right-color: transparent !important; } .ui[class*="right labeled"].input > input + .label { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .ui[class*="right labeled"].input > input:focus { @@ -366,7 +366,7 @@ top: @labelCornerTop; right: @labelCornerRight; font-size: @labelCornerSize; - border-radius: 0em @borderRadius 0em 0em; + border-radius: 0 @borderRadius 0 0; } /* Spacing with corner label */ @@ -443,19 +443,19 @@ /* Button on Right */ .ui.action.input:not([class*="left action"]) > input { - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; border-right-color: transparent !important; } .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child), .ui.action.input:not([class*="left action"]) > .button:not(:first-child), .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button { - border-radius: 0px; + border-radius: 0; } .ui.action.input:not([class*="left action"]) > .dropdown:last-child, .ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button { - border-radius: 0px @borderRadius @borderRadius 0px; + border-radius: 0 @borderRadius @borderRadius 0; } /* Input Focus */ @@ -465,19 +465,19 @@ /* Button on Left */ .ui[class*="left action"].input > input { - border-top-left-radius: 0px !important; - border-bottom-left-radius: 0px !important; + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; border-left-color: transparent !important; } .ui[class*="left action"].input > .dropdown, .ui[class*="left action"].input > .button, .ui[class*="left action"].input > .buttons > .button { - border-radius: 0px; + border-radius: 0; } .ui[class*="left action"].input > .dropdown:first-child, .ui[class*="left action"].input > .button:first-child, .ui[class*="left action"].input > .buttons:first-child > .button { - border-radius: @borderRadius 0px 0px @borderRadius; + border-radius: @borderRadius 0 0 @borderRadius; } /* Input Focus */ .ui[class*="left action"].input > input:focus { @@ -501,7 +501,7 @@ display: flex; } .ui.fluid.input > input { - width: 0px !important; + width: 0 !important; } /*-------------------- diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less index 7b9894a8d9..3e5442ce99 100755 --- a/src/definitions/elements/label.less +++ b/src/definitions/elements/label.less @@ -43,10 +43,10 @@ } .ui.label:first-child { - margin-left: 0em; + margin-left: 0; } .ui.label:last-child { - margin-right: 0em; + margin-right: 0; } /* Link */ @@ -75,7 +75,7 @@ a.ui.label { /* Icon */ .ui.label > .icon { width: auto; - margin: 0em @iconDistance 0em 0em; + margin: 0 @iconDistance 0 0; } /* Detail */ @@ -87,7 +87,7 @@ a.ui.label { opacity: @detailOpacity; } .ui.label > .detail .icon { - margin: 0em @detailIconDistance 0em 0em; + margin: 0 @detailIconDistance 0 0; } @@ -95,7 +95,7 @@ a.ui.label { .ui.label > .close.icon, .ui.label > .delete.icon { cursor: pointer; - margin-right: 0em; + margin-right: 0; margin-left: @deleteMargin; font-size: @deleteSize; opacity: @deleteOpacity; @@ -110,7 +110,7 @@ a.ui.label { --------------------*/ .ui.labels > .label { - margin: 0em @groupHorizontalMargin @groupVerticalMargin 0em; + margin: 0 @groupHorizontalMargin @groupVerticalMargin 0; } @@ -145,7 +145,7 @@ a.ui.label { margin-top: @attachedSegmentPadding !important; } .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) { - margin-top: 0em; + margin-top: 0; margin-bottom: @attachedSegmentPadding !important; } @@ -156,8 +156,8 @@ a.ui.label { .ui.image.label { width: auto !important; - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; max-width: 9999px; vertical-align: baseline; text-transform: none; @@ -181,7 +181,7 @@ a.ui.label { background: @imageLabelDetailBackground; margin: @imageLabelDetailMargin; padding: @imageLabelDetailPadding; - border-radius: 0em @imageLabelBorderRadius @imageLabelBorderRadius 0em; + border-radius: 0 @imageLabelBorderRadius @imageLabelBorderRadius 0; } /*------------------- @@ -195,7 +195,7 @@ a.ui.label { padding-left: @tagHorizontalPadding; padding-right: @tagHorizontalPadding; - border-radius: 0em @borderRadius @borderRadius 0em; + border-radius: 0 @borderRadius @borderRadius 0; transition: @tagTransition; } .ui.tag.labels .label:before, @@ -249,10 +249,10 @@ a.ui.label { .ui.corner.label { position: absolute; - top: 0em; - right: 0em; - margin: 0em; - padding: 0em; + top: 0; + right: 0; + margin: 0; + padding: 0; text-align: center; border-color: @backgroundColor; @@ -270,18 +270,18 @@ a.ui.label { .ui.corner.label:after { position: absolute; content: ""; - right: 0em; - top: 0em; + right: 0; + top: 0; z-index: -1; - width: 0em; - height: 0em; + width: 0; + height: 0; background-color: transparent; - border-top: 0em solid transparent; + border-top: 0 solid transparent; border-right: @cornerTriangleSize solid transparent; border-bottom: @cornerTriangleSize solid transparent; - border-left: 0em solid transparent; + border-left: 0 solid transparent; border-right-color: inherit; transition: @cornerTriangleTransition; @@ -293,20 +293,20 @@ a.ui.label { top: @cornerIconTopOffset; left: @cornerIconLeftOffset; font-size: @cornerIconSize; - margin: 0em; + margin: 0; } /* Left Corner */ .ui.left.corner.label, .ui.left.corner.label:after { right: auto; - left: 0em; + left: 0; } .ui.left.corner.label:after { border-top: @cornerTriangleSize solid transparent; border-right: @cornerTriangleSize solid transparent; - border-bottom: 0em solid transparent; - border-left: 0em solid transparent; + border-bottom: 0 solid transparent; + border-left: 0 solid transparent; border-top-color: inherit; } @@ -330,9 +330,9 @@ a.ui.label { .ui.ribbon.label { position: relative; - margin: 0em; + margin: 0; min-width: max-content; - border-radius: 0em @borderRadius @borderRadius 0em; + border-radius: 0 @borderRadius @borderRadius 0; border-color: @ribbonShadowColor; } @@ -341,16 +341,16 @@ a.ui.label { content: ''; top: 100%; - left: 0%; + left: 0; background-color: transparent; border-style: solid; - border-width: 0em @ribbonTriangleSize @ribbonTriangleSize 0em; + border-width: 0 @ribbonTriangleSize @ribbonTriangleSize 0; border-color: transparent; border-right-color: inherit; - width: 0em; - height: 0em; + width: 0; + height: 0; } /* Positioning */ .ui.ribbon.label { @@ -369,14 +369,14 @@ a.ui.label { .ui[class*="right ribbon"].label { text-align: left; transform: translateX(-100%); - border-radius: @borderRadius 0em 0em @borderRadius; + border-radius: @borderRadius 0 0 @borderRadius; } .ui[class*="right ribbon"].label:after { left: auto; - right: 0%; + right: 0; border-style: solid; - border-width: @ribbonTriangleSize @ribbonTriangleSize 0em 0em; + border-width: @ribbonTriangleSize @ribbonTriangleSize 0 0; border-color: transparent; border-top-color: inherit; } @@ -415,45 +415,45 @@ a.ui.label { .ui.attached.label { width: 100%; position: absolute; - margin: 0em; - top: 0em; - left: 0em; + margin: 0; + top: 0; + left: 0; padding: @attachedVerticalPadding @attachedHorizontalPadding; - border-radius: @attachedCornerBorderRadius @attachedCornerBorderRadius 0em 0em; + border-radius: @attachedCornerBorderRadius @attachedCornerBorderRadius 0 0; } .ui[class*="bottom attached"].label { top: auto; - bottom: 0em; - border-radius: 0em 0em @attachedCornerBorderRadius @attachedCornerBorderRadius; + bottom: 0; + border-radius: 0 0 @attachedCornerBorderRadius @attachedCornerBorderRadius; } .ui[class*="top left attached"].label { width: auto; - margin-top: 0em !important; - border-radius: @attachedCornerBorderRadius 0em @attachedBorderRadius 0em; + margin-top: 0 !important; + border-radius: @attachedCornerBorderRadius 0 @attachedBorderRadius 0; } .ui[class*="top right attached"].label { width: auto; left: auto; - right: 0em; - border-radius: 0em @attachedCornerBorderRadius 0em @attachedBorderRadius; + right: 0; + border-radius: 0 @attachedCornerBorderRadius 0 @attachedBorderRadius; } .ui[class*="bottom left attached"].label { width: auto; top: auto; - bottom: 0em; - border-radius: 0em @attachedBorderRadius 0em @attachedCornerBorderRadius; + bottom: 0; + border-radius: 0 @attachedBorderRadius 0 @attachedCornerBorderRadius; } .ui[class*="bottom right attached"].label { top: auto; - bottom: 0em; + bottom: 0; left: auto; - right: 0em; + right: 0; width: auto; - border-radius: @attachedBorderRadius 0em @attachedCornerBorderRadius 0em; + border-radius: @attachedBorderRadius 0 @attachedCornerBorderRadius 0; } @@ -738,7 +738,7 @@ a.ui.basic.label:hover { .ui.horizontal.labels .label, .ui.horizontal.label { - margin: 0em @horizontalLabelMargin 0em 0em; + margin: 0 @horizontalLabelMargin 0 0; padding: @horizontalLabelVerticalPadding @horizontalPadding; min-width: @horizontalLabelMinWidth; @@ -763,8 +763,8 @@ a.ui.basic.label:hover { } .ui.empty.circular.labels .label, .ui.empty.circular.label { - min-width: 0em; - min-height: 0em; + min-width: 0; + min-height: 0; overflow: hidden; width: @emptyCircleSize; height: @emptyCircleSize; @@ -810,20 +810,20 @@ a.ui.basic.label:hover { } .ui.pointing.label:before, .ui[class*="pointing above"].label:before { - border-width: @borderWidth 0px 0px @borderWidth; + border-width: @borderWidth 0 0 @borderWidth; transform: translateX(-50%) translateY(-50%) rotate(45deg); - top: 0%; + top: 0; left: 50%; } /*--- Below ---*/ .ui[class*="bottom pointing"].label, .ui[class*="pointing below"].label { - margin-top: 0em; + margin-top: 0; margin-bottom: @pointingVerticalDistance; } .ui[class*="bottom pointing"].label:before, .ui[class*="pointing below"].label:before { - border-width: 0px @borderWidth @borderWidth 0px; + border-width: 0 @borderWidth @borderWidth 0; top: auto; right: auto; transform: translateX(-50%) translateY(-50%) rotate(45deg); @@ -832,27 +832,27 @@ a.ui.basic.label:hover { } /*--- Left ---*/ .ui[class*="left pointing"].label { - margin-top: 0em; + margin-top: 0; margin-left: @pointingHorizontalDistance; } .ui[class*="left pointing"].label:before { - border-width: 0px 0px @borderWidth @borderWidth; + border-width: 0 0 @borderWidth @borderWidth; transform: translateX(-50%) translateY(-50%) rotate(45deg); bottom: auto; right: auto; top: 50%; - left: 0em; + left: 0; } /*--- Right ---*/ .ui[class*="right pointing"].label { - margin-top: 0em; + margin-top: 0; margin-right: @pointingHorizontalDistance; } .ui[class*="right pointing"].label:before { - border-width: @borderWidth @borderWidth 0px 0px; + border-width: @borderWidth @borderWidth 0 0; transform: translateX(50%) translateY(-50%) rotate(45deg); top: 50%; - right: 0%; + right: 0; bottom: auto; left: auto; } @@ -892,7 +892,7 @@ a.ui.basic.label:hover { z-index: @floatingZIndex; top: @floatingTopOffset; left: 100%; - margin: 0em 0em 0em @floatingLeftOffset !important; + margin: 0 0 0 @floatingLeftOffset !important; } /*------------------- diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less index 9df3f2340b..153c988a7f 100755 --- a/src/definitions/elements/list.less +++ b/src/definitions/elements/list.less @@ -32,15 +32,15 @@ ol.ui.list, ul.ui.list:first-child, ol.ui.list:first-child, .ui.list:first-child { - margin-top: 0em; - padding-top: 0em; + margin-top: 0; + padding-top: 0; } ul.ui.list:last-child, ol.ui.list:last-child, .ui.list:last-child { - margin-bottom: 0em; - padding-bottom: 0em; + margin-bottom: 0; + padding-bottom: 0; } /******************************* @@ -76,13 +76,13 @@ ul.ui.list li:first-child, ol.ui.list li:first-child, .ui.list .list > .item:first-child, .ui.list > .item:first-child { - padding-top: 0em; + padding-top: 0; } ul.ui.list li:last-child, ol.ui.list li:last-child, .ui.list .list > .item:last-child, .ui.list > .item:last-child { - padding-bottom: 0em; + padding-bottom: 0; } /* Child List */ @@ -90,7 +90,7 @@ ul.ui.list ul, ol.ui.list ol, .ui.list .list:not(.icon) { clear: both; - margin: 0em; + margin: 0; padding: @childListPadding; } @@ -107,7 +107,7 @@ ol.ui.list ol li, .ui.list .list > .item > i.icon, .ui.list > .item > i.icon { display: table-cell; - margin: 0em; + margin: 0; padding-top: @iconOffset; padding-right: @iconDistance; vertical-align: @iconContentVerticalAlign; @@ -125,7 +125,7 @@ ol.ui.list ol li, .ui.list > .item > .image { display: table-cell; background-color: transparent; - margin: 0em; + margin: 0; vertical-align: @imageAlign; } .ui.list .list > .item > .image:not(:only-child):not(img), @@ -156,7 +156,7 @@ ol.ui.list ol li, .ui.list > .item > .icon + .content { display: table-cell; width: 100%; - padding: 0em 0em 0em @contentDistance; + padding: 0 0 0 @contentDistance; vertical-align: @contentVerticalAlign; } .ui.list .list > .item > img.image + .content, @@ -166,15 +166,15 @@ ol.ui.list ol li, } .ui.list .list > .item > .content > .list, .ui.list > .item > .content > .list { - margin-left: 0em; - padding-left: 0em; + margin-left: 0; + padding-left: 0; } /* Header */ .ui.list .list > .item .header, .ui.list > .item .header { display: block; - margin: 0em; + margin: 0; font-family: @itemHeaderFontFamily; font-weight: @itemHeaderFontWeight; color: @itemHeaderColor; @@ -263,11 +263,11 @@ ol.ui.list ol li, } .ui.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child { - padding-top: 0em; + padding-top: 0; } .ui.menu .ui.list .list > .item:last-child, .ui.menu .ui.list > .item:last-child { - padding-bottom: 0em; + padding-bottom: 0; } @@ -281,7 +281,7 @@ ol.ui.list ol li, .ui.horizontal.list { display: inline-block; - font-size: 0em; + font-size: 0; } .ui.horizontal.list > .item { display: inline-block; @@ -289,12 +289,12 @@ ol.ui.list ol li, font-size: 1rem; } .ui.horizontal.list:not(.celled) > .item:first-child { - margin-left: 0em !important; - padding-left: 0em !important; + margin-left: 0 !important; + padding-left: 0 !important; } .ui.horizontal.list .list:not(.icon) { - padding-left: 0em; - padding-bottom: 0em; + padding-left: 0; + padding-bottom: 0; } .ui.horizontal.list > .item > .image, @@ -315,8 +315,8 @@ ol.ui.list ol li, /* Horizontal List */ .ui.horizontal.list > .item > i.icon { - margin: 0em; - padding: 0em @horizontalIconDistance 0em 0em; + margin: 0; + padding: 0 @horizontalIconDistance 0 0; } .ui.horizontal.list > .item > .image + .content, .ui.horizontal.list > .item > .icon, @@ -479,7 +479,7 @@ ol.ui.list ol li, } .ui.selection.list .list > .item:last-child, .ui.selection.list > .item:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.selection.list .list > .item:hover, .ui.selection.list > .item:hover { @@ -520,7 +520,7 @@ ol.ui.list ol li, .ui.divided.selection.list .list > .item, .ui.celled.selection.list > .item, .ui.divided.selection.list > .item { - border-radius: 0em; + border-radius: 0; } /*------------------- @@ -539,8 +539,8 @@ ol.ui.list ol li, --------------------*/ .ui.fitted.list:not(.selection) .list > .item, .ui.fitted.list:not(.selection) > .item { - padding-left: 0em; - padding-right: 0em; + padding-left: 0; + padding-right: 0; } .ui.fitted.selection.list .list > .item, .ui.fitted.selection.list > .item { @@ -591,7 +591,7 @@ ul.ui.list ul, /* Horizontal Bulleted */ ul.ui.horizontal.bulleted.list, .ui.horizontal.bulleted.list { - margin-left: 0em; + margin-left: 0; } ul.ui.horizontal.bulleted.list li, .ui.horizontal.bulleted.list > .item { @@ -599,7 +599,7 @@ ul.ui.horizontal.bulleted.list li, } ul.ui.horizontal.bulleted.list li:first-child, .ui.horizontal.bulleted.list > .item:first-child { - margin-left: 0em; + margin-left: 0; } ul.ui.horizontal.bulleted.list li::before, .ui.horizontal.bulleted.list > .item::before { @@ -673,13 +673,13 @@ ol.ui.list ol li:before, /* Horizontal Ordered */ ol.ui.horizontal.list, .ui.ordered.horizontal.list { - margin-left: 0em; + margin-left: 0; } ol.ui.horizontal.list li:before, .ui.ordered.horizontal.list .list > .item:before, .ui.ordered.horizontal.list > .item:before { position: static; - margin: 0em @horizontalOrderedCountDistance 0em 0em; + margin: 0 @horizontalOrderedCountDistance 0 0; } /*------------------- @@ -708,8 +708,8 @@ ol.ui.horizontal.list li:before, /* Divided bulleted */ .ui.divided.bulleted.list:not(.horizontal), .ui.divided.bulleted.list .list:not(.icon) { - margin-left: 0em; - padding-left: 0em; + margin-left: 0; + padding-left: 0; } .ui.divided.bulleted.list > .item:not(.horizontal) { padding-left: @bulletDistance; @@ -717,15 +717,15 @@ ol.ui.horizontal.list li:before, /* Divided Ordered */ .ui.divided.ordered.list { - margin-left: 0em; + margin-left: 0; } .ui.divided.ordered.list .list > .item, .ui.divided.ordered.list > .item { padding-left: @orderedCountDistance; } .ui.divided.ordered.list .item .list:not(.icon) { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; padding-bottom: @itemVerticalPadding; } .ui.divided.ordered.list .item .list > .item { @@ -735,13 +735,13 @@ ol.ui.horizontal.list li:before, /* Divided Selection */ .ui.divided.selection.list .list > .item, .ui.divided.selection.list > .item { - margin: 0em; - border-radius: 0em; + margin: 0; + border-radius: 0; } /* Divided horizontal */ .ui.divided.horizontal.list { - margin-left: 0em; + margin-left: 0; } .ui.divided.horizontal.list > .item:not(:first-child) { padding-left: @horizontalDividedSpacing; @@ -752,7 +752,7 @@ ol.ui.horizontal.list li:before, .ui.divided.horizontal.list > .item { border-top: none; border-left: @dividedBorder; - margin: 0em; + margin: 0; line-height: @horizontalDividedLineHeight; } .ui.horizontal.divided.list > .item:first-child { @@ -789,15 +789,15 @@ ol.ui.horizontal.list li:before, /* Sub Menu */ .ui.celled.list .item .list > .item { - border-width: 0px; + border-width: 0; } .ui.celled.list .list > .item:first-child { - border-top-width: 0px; + border-top-width: 0; } /* Celled Bulleted */ .ui.celled.bulleted.list { - margin-left: 0em; + margin-left: 0; } .ui.celled.bulleted.list .list > .item, .ui.celled.bulleted.list > .item { @@ -811,15 +811,15 @@ ol.ui.horizontal.list li:before, /* Celled Ordered */ .ui.celled.ordered.list { - margin-left: 0em; + margin-left: 0; } .ui.celled.ordered.list .list > .item, .ui.celled.ordered.list > .item { padding-left: @orderedCountDistance; } .ui.celled.ordered.list .item .list:not(.icon) { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; padding-bottom: @itemVerticalPadding; } .ui.celled.ordered.list .list > .item { @@ -828,13 +828,13 @@ ol.ui.horizontal.list li:before, /* Celled Horizontal */ .ui.horizontal.celled.list { - margin-left: 0em; + margin-left: 0; } .ui.horizontal.celled.list .list > .item, .ui.horizontal.celled.list > .item { border-top: none; border-left: @celledBorder; - margin: 0em; + margin: 0; padding-left: @horizontalCelledSpacing; padding-right: @horizontalCelledSpacing; diff --git a/src/definitions/elements/loader.less b/src/definitions/elements/loader.less index 3a872158e5..bc6716a7dc 100755 --- a/src/definitions/elements/loader.less +++ b/src/definitions/elements/loader.less @@ -27,7 +27,7 @@ position: absolute; top: @loaderTopOffset; left: @loaderLeftOffset; - margin: 0px; + margin: 0; text-align: center; z-index: 1000; transform: translateX(-50%) translateY(-50%); @@ -37,7 +37,7 @@ .ui.loader:before { position: absolute; content: ''; - top: 0%; + top: 0; left: 50%; width: 100%; height: 100%; @@ -50,7 +50,7 @@ .ui.loader:after { position: absolute; content: ''; - top: 0%; + top: 0; left: 50%; width: 100%; height: 100%; @@ -64,7 +64,7 @@ border-style: solid; border-width: @loaderLineWidth; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0 0 0 1px transparent; } /* Speeds */ @@ -446,8 +446,8 @@ position: relative; vertical-align: @inlineVerticalAlign; margin: @inlineMargin; - left: 0em; - top: 0em; + left: 0; + top: 0; transform: none; } diff --git a/src/definitions/elements/placeholder.less b/src/definitions/elements/placeholder.less index da2860321a..af913ad472 100644 --- a/src/definitions/elements/placeholder.less +++ b/src/definitions/elements/placeholder.less @@ -73,13 +73,13 @@ height: @placeholderImageHeight; } .ui.placeholder .square.image:not(.header) { - height: 0px; + height: 0; overflow: hidden; /* 1/1 aspect ratio */ padding-top: 100%; } .ui.placeholder .rectangular.image:not(.header) { - height: 0px; + height: 0; overflow: hidden; /* 4/3 aspect ratio */ padding-top: 75%; @@ -99,10 +99,10 @@ background-color: inherit; } .ui.placeholder .line:before { - left: 0px; + left: 0; } .ui.placeholder .line:after { - right: 0px; + right: 0; } /* Any Lines */ diff --git a/src/definitions/elements/rail.less b/src/definitions/elements/rail.less index 7eacee74da..b07baf7bbe 100755 --- a/src/definitions/elements/rail.less +++ b/src/definitions/elements/rail.less @@ -23,7 +23,7 @@ .ui.rail { position: absolute; - top: 0%; + top: 0; width: @width; height: @height; } @@ -31,15 +31,15 @@ .ui.left.rail { left: auto; right: 100%; - padding: 0em @splitDistance 0em 0em; - margin: 0em @splitDistance 0em 0em; + padding: 0 @splitDistance 0 0; + margin: 0 @splitDistance 0 0; } .ui.right.rail { left: 100%; right: auto; - padding: 0em 0em 0em @splitDistance; - margin: 0em 0em 0em @splitDistance; + padding: 0 0 0 @splitDistance; + margin: 0 0 0 @splitDistance; } /******************************* @@ -51,17 +51,17 @@ ---------------*/ .ui.left.internal.rail { - left: 0%; + left: 0; right: auto; - padding: 0em 0em 0em @splitDistance; - margin: 0em 0em 0em @splitDistance; + padding: 0 0 0 @splitDistance; + margin: 0 0 0 @splitDistance; } .ui.right.internal.rail { left: auto; - right: 0%; - padding: 0em @splitDistance 0em 0em; - margin: 0em @splitDistance 0em 0em; + right: 0; + padding: 0 @splitDistance 0 0; + margin: 0 @splitDistance 0 0; } @@ -73,14 +73,14 @@ width: @dividingWidth; } .ui.left.dividing.rail { - padding: 0em @splitDividingDistance 0em 0em; - margin: 0em @splitDividingDistance 0em 0em; + padding: 0 @splitDividingDistance 0 0; + margin: 0 @splitDividingDistance 0 0; border-right: @dividingBorder; } .ui.right.dividing.rail { border-left: @dividingBorder; - padding: 0em 0em 0em @splitDividingDistance; - margin: 0em 0em 0em @splitDividingDistance; + padding: 0 0 0 @splitDividingDistance; + margin: 0 0 0 @splitDividingDistance; } /*-------------- @@ -91,24 +91,24 @@ width: @closeWidth; } .ui.close.left.rail { - padding: 0em @splitCloseDistance 0em 0em; - margin: 0em @splitCloseDistance 0em 0em; + padding: 0 @splitCloseDistance 0 0; + margin: 0 @splitCloseDistance 0 0; } .ui.close.right.rail { - padding: 0em 0em 0em @splitCloseDistance; - margin: 0em 0em 0em @splitCloseDistance; + padding: 0 0 0 @splitCloseDistance; + margin: 0 0 0 @splitCloseDistance; } .ui.very.close.rail { width: @veryCloseWidth; } .ui.very.close.left.rail { - padding: 0em @splitVeryCloseDistance 0em 0em; - margin: 0em @splitVeryCloseDistance 0em 0em; + padding: 0 @splitVeryCloseDistance 0 0; + margin: 0 @splitVeryCloseDistance 0 0; } .ui.very.close.right.rail { - padding: 0em 0em 0em @splitVeryCloseDistance; - margin: 0em 0em 0em @splitVeryCloseDistance; + padding: 0 0 0 @splitVeryCloseDistance; + margin: 0 0 0 @splitVeryCloseDistance; } /*-------------- @@ -117,8 +117,8 @@ .ui.attached.left.rail, .ui.attached.right.rail { - padding: 0em; - margin: 0em; + padding: 0; + margin: 0; } /*-------------- diff --git a/src/definitions/elements/reveal.less b/src/definitions/elements/reveal.less index 41b3764718..247fa3c08e 100755 --- a/src/definitions/elements/reveal.less +++ b/src/definitions/elements/reveal.less @@ -24,13 +24,13 @@ .ui.reveal { display: inherit; position: relative !important; - font-size: 0em !important; + font-size: 0 !important; } .ui.reveal > .visible.content { position: absolute !important; - top: 0em !important; - left: 0em !important; + top: 0 !important; + left: 0 !important; z-index: @topZIndex !important; transition: @transition; } @@ -67,7 +67,7 @@ white-space: normal; float: left; - margin: 0em; + margin: 0; transition: @slideTransition; } @@ -76,7 +76,7 @@ } .ui.slide.reveal > .hidden.content { position: absolute !important; - left: 0% !important; + left: 0 !important; width: 100% !important; transform: translateX(100%) !important; } @@ -157,7 +157,7 @@ float: left; white-space: normal; - margin: 0em; + margin: 0; transition: @moveTransition; } @@ -166,7 +166,7 @@ } .ui.move.reveal > .hidden.content { position: absolute !important; - left: 0% !important; + left: 0 !important; width: 100% !important; } .ui.move.active.reveal > .visible.content, diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less index d9c8ee4eae..b476cf2e58 100755 --- a/src/definitions/elements/segment.less +++ b/src/definitions/elements/segment.less @@ -32,21 +32,21 @@ } .ui.segment:first-child { - margin-top: 0em; + margin-top: 0; } .ui.segment:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /* Vertical */ .ui.vertical.segment { - margin: 0em; - padding-left: 0em; - padding-right: 0em; + margin: 0; + padding-left: 0; + padding-right: 0; background: none transparent; - border-radius: 0px; + border-radius: 0; box-shadow: none; border: none; border-bottom: @borderWidth solid @borderColor; @@ -67,20 +67,20 @@ /* Label */ .ui[class*="bottom attached"].segment > [class*="top attached"].label { - border-top-left-radius: 0em; - border-top-right-radius: 0em; + border-top-left-radius: 0; + border-top-right-radius: 0; } .ui[class*="top attached"].segment > [class*="bottom attached"].label { - border-bottom-left-radius: 0em; - border-bottom-right-radius: 0em; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label { - border-top-left-radius: 0em; - border-top-right-radius: 0em; + border-top-left-radius: 0; + border-top-right-radius: 0; } .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label { - border-bottom-left-radius: 0em; - border-bottom-right-radius: 0em; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } /* Grid */ @@ -164,7 +164,7 @@ margin: @placeholderContentInlineButtonMargin; } .ui.placeholder.segment > .inline > .button:last-child { - margin-right: 0px; + margin-right: 0; } @@ -174,15 +174,15 @@ .ui.piled.segments, .ui.piled.segment { - margin: @piledMargin 0em; + margin: @piledMargin 0; box-shadow: @piledBoxShadow; z-index: @piledZIndex; } .ui.piled.segment:first-child { - margin-top: 0em; + margin-top: 0; } .ui.piled.segment:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.piled.segments:after, .ui.piled.segments:before, @@ -193,7 +193,7 @@ content: ''; display: block; height: 100%; - left: 0px; + left: 0; position: absolute; width: 100%; border: @piledBorder; @@ -215,17 +215,17 @@ /* Piled Attached */ .ui[class*="top attached"].piled.segment { margin-top: @piledMargin; - margin-bottom: 0em; + margin-bottom: 0; } .ui.piled.segment[class*="top attached"]:first-child { - margin-top: 0em; + margin-top: 0; } .ui.piled.segment[class*="bottom attached"] { - margin-top: 0em; + margin-top: 0; margin-bottom: @piledMargin; } .ui.piled.segment[class*="bottom attached"]:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*------------------- @@ -242,7 +242,7 @@ content: ''; position: absolute; bottom: -(@stackedHeight / 2); - left: 0%; + left: 0; border-top: 1px solid @borderColor; background: @stackedPageBackground; @@ -260,7 +260,7 @@ .ui.tall.stacked.segments:before, .ui.tall.stacked.segment:before { display: block; - bottom: 0px; + bottom: 0; } /* Inverted */ @@ -287,8 +287,8 @@ /* Padded vertical */ .ui.padded.segment.vertical.segment, .ui[class*="very padded"].vertical.segment { - padding-left: 0px; - padding-right: 0px; + padding-left: 0; + padding-right: 0; } /*------------------- @@ -345,18 +345,18 @@ border-radius: @groupedBorderRadius; } .ui.segments:first-child { - margin-top: 0em; + margin-top: 0; } .ui.segments:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /* Nested Segment */ .ui.segments > .segment { - top: 0px; - bottom: 0px; - border-radius: 0px; + top: 0; + bottom: 0; + border-radius: 0; margin: @groupedSegmentMargin; width: @groupedSegmentWidth; box-shadow: @groupedSegmentBoxShadow; @@ -366,21 +366,21 @@ .ui.segments:not(.horizontal) > .segment:first-child { top: @attachedTopOffset; - bottom: 0px; + bottom: 0; border-top: none; - margin-top: 0em; - margin-bottom: 0em; - border-radius: @borderRadius @borderRadius 0em 0em; + margin-top: 0; + margin-bottom: 0; + border-radius: @borderRadius @borderRadius 0 0; } /* Bottom */ .ui.segments:not(.horizontal) > .segment:last-child { top: @attachedBottomOffset; - bottom: 0px; - margin-top: 0em; - margin-bottom: 0em; + bottom: 0; + margin-top: 0; + margin-bottom: 0; box-shadow: @attachedBottomBoxShadow; - border-radius: 0em 0em @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; } /* Only */ @@ -398,7 +398,7 @@ border-top: none; } .ui.segments > .segment + .segments:not(.horizontal) { - margin-top: 0em; + margin-top: 0; } /* Horizontal Group */ @@ -406,7 +406,7 @@ display: flex; flex-direction: row; background-color: transparent; - padding: 0em; + padding: 0; box-shadow: @boxShadow; margin: @margin; border-radius: @borderRadius; @@ -415,9 +415,9 @@ /* Nested Horizontal Group */ .ui.segments > .horizontal.segments { - margin: 0em; + margin: 0; background-color: transparent; - border-radius: 0px; + border-radius: 0; border: none; box-shadow: none; border-top: @groupedSegmentDivider; @@ -426,11 +426,11 @@ /* Horizontal Segment */ .ui.horizontal.segments > .segment { flex: 1 1 auto; - -ms-flex: 1 1 0px; /* Solves #2550 MS Flex */ - margin: 0em; - min-width: 0px; + -ms-flex: 1 1 0; /* Solves #2550 MS Flex */ + margin: 0; + min-width: 0; background-color: transparent; - border-radius: 0px; + border-radius: 0; border: none; box-shadow: none; border-left: @borderWidth solid @borderColor; @@ -473,8 +473,8 @@ .ui.loading.segment:before { position: absolute; content: ''; - top: 0%; - left: 0%; + top: 0; + left: 0; background: @loaderDimmerColor; width: 100%; height: 100%; @@ -500,7 +500,7 @@ border-style: solid; border-width: @loaderLineWidth; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: @loaderLineZIndex; } @@ -753,10 +753,10 @@ /* Middle */ .ui.attached.segment { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em @attachedHorizontalOffset; + top: 0; + bottom: 0; + border-radius: 0; + margin: 0 @attachedHorizontalOffset; width: @attachedWidth; max-width: @attachedWidth; box-shadow: @attachedBoxShadow; @@ -768,24 +768,24 @@ /* Top */ .ui[class*="top attached"].segment { - bottom: 0px; - margin-bottom: 0em; + bottom: 0; + margin-bottom: 0; top: @attachedTopOffset; margin-top: @verticalMargin; - border-radius: @borderRadius @borderRadius 0em 0em; + border-radius: @borderRadius @borderRadius 0 0; } .ui.segment[class*="top attached"]:first-child { - margin-top: 0em; + margin-top: 0; } /* Bottom */ .ui.segment[class*="bottom attached"] { - bottom: 0px; - margin-top: 0em; + bottom: 0; + margin-top: 0; top: @attachedBottomOffset; margin-bottom: @verticalMargin; box-shadow: @attachedBottomBoxShadow; - border-radius: 0em 0em @borderRadius @borderRadius; + border-radius: 0 0 @borderRadius @borderRadius; } .ui.segment[class*="bottom attached"]:last-child { margin-bottom: @verticalMargin; diff --git a/src/definitions/elements/step.less b/src/definitions/elements/step.less index 53676cb1e2..4c29188fca 100755 --- a/src/definitions/elements/step.less +++ b/src/definitions/elements/step.less @@ -40,12 +40,12 @@ /* First Steps */ .ui.steps:first-child { - margin-top: 0em; + margin-top: 0; } /* Last Steps */ .ui.steps:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -98,14 +98,14 @@ /* First Step */ .ui.steps .step:first-child { padding-left: @horizontalPadding; - border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius; + border-radius: @stepsBorderRadius 0 0 @stepsBorderRadius; } /* Last Step */ .ui.steps .step:last-child { - border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em; + border-radius: 0 @stepsBorderRadius @stepsBorderRadius 0; border-right: none; - margin-right: 0em; + margin-right: 0; } /* Only Step */ @@ -145,7 +145,7 @@ .ui.steps .step > .icon { line-height: 1; font-size: @iconSize; - margin: 0em @iconDistance 0em 0em; + margin: 0 @iconDistance 0 0; } .ui.steps .step > .icon, .ui.steps .step > .icon ~ .content { @@ -213,11 +213,11 @@ } .ui.vertical.steps .step:first-child { padding: @verticalPadding @horizontalPadding; - border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em; + border-radius: @stepsBorderRadius @stepsBorderRadius 0 0; } .ui.vertical.steps .step:last-child { border-bottom: none; - border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius; + border-radius: 0 0 @stepsBorderRadius @stepsBorderRadius; } .ui.vertical.steps .step:only-child { border-radius: @stepsBorderRadius; @@ -263,10 +263,10 @@ } .ui.steps:not(.unstackable) .step:first-child { padding: @verticalPadding @horizontalPadding; - border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em; + border-radius: @stepsBorderRadius @stepsBorderRadius 0 0; } .ui.steps:not(.unstackable) .step:last-child { - border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius; + border-radius: 0 0 @stepsBorderRadius @stepsBorderRadius; } /* Arrow */ @@ -282,7 +282,7 @@ /* Icon */ .ui.steps:not(.unstackable) .step > .icon, .ui.ordered.steps:not(.unstackable) .step:before { - margin: 0em 0em @mobileIconDistance 0em; + margin: 0 0 @mobileIconDistance 0; } } @@ -394,10 +394,10 @@ } .ui[class*="tablet stackable"].steps .step:first-child { padding: @verticalPadding @horizontalPadding; - border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em; + border-radius: @stepsBorderRadius @stepsBorderRadius 0 0; } .ui[class*="tablet stackable"].steps .step:last-child { - border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius; + border-radius: 0 0 @stepsBorderRadius @stepsBorderRadius; } /* Arrow */ @@ -413,7 +413,7 @@ /* Icon */ .ui[class*="tablet stackable"].steps .step > .icon, .ui[class*="tablet stackable"].ordered.steps .step:before { - margin: 0em 0em @mobileIconDistance 0em; + margin: 0 0 @mobileIconDistance 0; } } @@ -435,27 +435,27 @@ /* Top */ .ui.attached.steps { width: @attachedWidth !important; - margin: 0em @attachedHorizontalOffset @attachedVerticalOffset; + margin: 0 @attachedHorizontalOffset @attachedVerticalOffset; max-width: @attachedWidth; - border-radius: @stepsBorderRadius @stepsBorderRadius 0em 0em; + border-radius: @stepsBorderRadius @stepsBorderRadius 0 0; } .ui.attached.steps .step:first-child { - border-radius: @stepsBorderRadius 0em 0em 0em; + border-radius: @stepsBorderRadius 0 0 0; } .ui.attached.steps .step:last-child { - border-radius: 0em @stepsBorderRadius 0em 0em; + border-radius: 0 @stepsBorderRadius 0 0; } /* Bottom */ .ui.bottom.attached.steps { - margin: @attachedVerticalOffset @attachedHorizontalOffset 0em; - border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius; + margin: @attachedVerticalOffset @attachedHorizontalOffset 0; + border-radius: 0 0 @stepsBorderRadius @stepsBorderRadius; } .ui.bottom.attached.steps .step:first-child { - border-radius: 0em 0em 0em @stepsBorderRadius; + border-radius: 0 0 0 @stepsBorderRadius; } .ui.bottom.attached.steps .step:last-child { - border-radius: 0em 0em @stepsBorderRadius 0em; + border-radius: 0 0 @stepsBorderRadius 0; } /*------------------- diff --git a/src/definitions/globals/site.less b/src/definitions/globals/site.less index ffe558b4a3..6c1d96bc31 100755 --- a/src/definitions/globals/site.less +++ b/src/definitions/globals/site.less @@ -34,8 +34,8 @@ html { } body { - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; overflow-x: @pageOverflowX; min-width: @pageMinWidth; background: @pageBackground; @@ -59,7 +59,7 @@ h5 { line-height: @headerLineHeight; margin: @headerMargin; font-weight: @headerFontWeight; - padding: 0em; + padding: 0; } h1 { @@ -84,7 +84,7 @@ h2:first-child, h3:first-child, h4:first-child, h5:first-child { - margin-top: 0em; + margin-top: 0; } h1:last-child, @@ -92,7 +92,7 @@ h2:last-child, h3:last-child, h4:last-child, h5:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -105,10 +105,10 @@ p { line-height: @paragraphLineHeight; } p:first-child { - margin-top: 0em; + margin-top: 0; } p:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*------------------- diff --git a/src/definitions/modules/accordion.less b/src/definitions/modules/accordion.less index 21e3315cba..19a679d81a 100755 --- a/src/definitions/modules/accordion.less +++ b/src/definitions/modules/accordion.less @@ -51,7 +51,7 @@ padding: @contentPadding; } .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { - padding-bottom: 0em; + padding-bottom: 0; } /* Arrow */ @@ -144,7 +144,7 @@ padding: @styledContentPadding; } .ui.styled.accordion .accordion .content { - padding: @styledChildContentMargin; + margin: @styledChildContentMargin; padding: @styledChildContentPadding; } diff --git a/src/definitions/modules/checkbox.less b/src/definitions/modules/checkbox.less index 5abf22f449..4cc5eac036 100755 --- a/src/definitions/modules/checkbox.less +++ b/src/definitions/modules/checkbox.less @@ -45,8 +45,8 @@ .ui.checkbox input[type="radio"] { cursor: pointer; position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; opacity: 0 !important; outline: none; z-index: 3; @@ -73,8 +73,8 @@ .ui.checkbox .box:before, .ui.checkbox label:before { position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; width: @checkboxSize; height: @checkboxSize; @@ -384,7 +384,7 @@ content: ''; transform: none; border: none !important; - left: 0em; + left: 0; z-index: 1; top: @sliderLineVerticalOffset; @@ -412,7 +412,7 @@ width: @sliderHandleSize; height: @sliderHandleSize; top: @sliderHandleOffset; - left: 0em; + left: 0; transform: none; border-radius: @circularRadius; @@ -519,7 +519,7 @@ width: @toggleHandleSize; height: @toggleHandleSize; top: @toggleHandleOffset; - left: 0em; + left: 0; border-radius: @circularRadius; transition: @toggleHandleTransition; @@ -581,7 +581,7 @@ .ui.fitted.checkbox .box, .ui.fitted.checkbox label { - padding-left: 0em !important; + padding-left: 0 !important; } .ui.fitted.toggle.checkbox { diff --git a/src/definitions/modules/dimmer.less b/src/definitions/modules/dimmer.less index 723c0c5d05..d0548e69ba 100755 --- a/src/definitions/modules/dimmer.less +++ b/src/definitions/modules/dimmer.less @@ -28,8 +28,8 @@ .ui.dimmer { display: none; position: @dimmerPosition; - top: 0em !important; - left: 0em !important; + top: 0 !important; + left: 0 !important; width: 100%; height: 100%; @@ -236,8 +236,8 @@ body.dimmable > .dimmer { display: block; overflow: hidden; opacity: 1; - width: 0%; - height: 0%; + width: 0; + height: 0; z-index: -100; background-color: @simpleStartBackgroundColor; } diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index 73492fc0d0..e55c504dfc 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -133,7 +133,7 @@ -webkit-touch-callout: none; } .ui.dropdown .menu > .item:first-child { - border-top-width: 0px; + border-top-width: 0; } /*-------------- @@ -143,13 +143,13 @@ .ui.dropdown > .text > [class*="right floated"], .ui.dropdown .menu .item > [class*="right floated"] { float: right !important; - margin-right: 0em !important; + margin-right: 0 !important; margin-left: @floatedDistance !important; } .ui.dropdown > .text > [class*="left floated"], .ui.dropdown .menu .item > [class*="left floated"] { float: left !important; - margin-left: 0em !important; + margin-left: 0 !important; margin-right: @floatedDistance !important; } @@ -176,7 +176,7 @@ .ui.dropdown .menu > .divider { border-top: @menuDividerBorder; - height: 0em; + height: 0; margin: @menuDividerMargin; } @@ -187,7 +187,7 @@ min-width: @menuInputMinWidth; } .ui.dropdown .menu > .header + .input { - margin-top: 0em; + margin-top: 0; } .ui.dropdown .menu > .input:not(.transparent) input { padding: @menuInputPadding; @@ -270,7 +270,7 @@ .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img { - margin-left: 0em; + margin-left: 0; float: @itemElementFloat; margin-right: @itemElementDistance; } @@ -317,7 +317,7 @@ .ui.menu .right.dropdown.item .menu, .ui.buttons > .ui.dropdown:last-child .menu { left: auto; - right: 0em; + right: 0; } /*-------------- @@ -335,7 +335,7 @@ /* No Margin On Icon Button */ .ui.dropdown.icon.button > .dropdown.icon { - margin: 0em; + margin: 0; } .ui.button.dropdown .menu { min-width: 100%; @@ -402,7 +402,7 @@ select.ui.dropdown { /* Compact */ .ui.compact.selection.dropdown { - min-width: 0px; + min-width: 0; } /* Selection Menu */ @@ -411,10 +411,10 @@ select.ui.dropdown { overflow-y: auto; backface-visibility: hidden; -webkit-overflow-scrolling: touch; - border-top-width: 0px !important; + border-top-width: 0 !important; width: auto; outline: none; - margin: 0px -@menuBorderWidth; + margin: 0 -@menuBorderWidth; min-width: @menuMinWidth; width: @menuMinWidth; @@ -549,7 +549,7 @@ select.ui.dropdown { border: none !important; box-shadow: none !important; cursor: text; - top: 0em; + top: 0; left: @textCursorSpacing; width: 100%; outline: none; @@ -815,7 +815,7 @@ select.ui.dropdown { content: ''; top: 50%; left: 50%; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0 0 0 1px transparent; margin: @loaderMargin; width: @loaderSize; @@ -874,7 +874,7 @@ select.ui.dropdown { z-index: @loadingZIndex; } .ui.dropdown > .loading.menu { - left: 0px !important; + left: 0 !important; right: auto !important; } .ui.dropdown > .menu .loading.menu { @@ -983,7 +983,7 @@ select.ui.dropdown { /* Flyout Direction */ .ui.dropdown .menu { - left: 0px; + left: 0; } @@ -998,7 +998,7 @@ select.ui.dropdown { /* Leftward Opening Menu */ .ui.dropdown > .left.menu { left: auto !important; - right: 0px !important; + right: 0 !important; } .ui.dropdown > .left.menu .menu, @@ -1024,7 +1024,7 @@ select.ui.dropdown { .ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text { margin-left: @itemDropdownIconDistance; - margin-right: 0em; + margin-right: 0; } @@ -1049,16 +1049,16 @@ select.ui.dropdown { /* Active Upward */ .ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover { - border-radius: @borderRadius @borderRadius 0em 0em !important; + border-radius: @borderRadius @borderRadius 0 0 !important; } .ui.upward.dropdown.button:not(.pointing):not(.floating).active { - border-radius: @borderRadius @borderRadius 0em 0em; + border-radius: @borderRadius @borderRadius 0 0; } /* Selection */ .ui.upward.selection.dropdown .menu { border-top-width: @menuBorderWidth !important; - border-bottom-width: 0px !important; + border-bottom-width: 0 !important; box-shadow: @upwardSelectionMenuBoxShadow; } .ui.upward.selection.dropdown:hover { @@ -1184,8 +1184,8 @@ select.ui.dropdown { .ui.simple.active.dropdown, .ui.simple.dropdown:hover { - border-bottom-left-radius: 0em !important; - border-bottom-right-radius: 0em !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; } .ui.simple.active.dropdown > .menu, @@ -1201,14 +1201,14 @@ select.ui.dropdown { overflow: visible; width: auto; height: auto; - top: 0% !important; + top: 0 !important; left: 100% !important; opacity: 1; } .ui.simple.disabled.dropdown:hover .menu { display: none; - height: 0px; - width: 0px; + height: 0; + width: 0; overflow: hidden; } @@ -1224,7 +1224,7 @@ select.ui.dropdown { .ui.fluid.dropdown { display: block; width: 100% !important; - min-width: 0em; + min-width: 0; } .ui.fluid.dropdown > .dropdown.icon { float: right; @@ -1274,87 +1274,87 @@ select.ui.dropdown { .ui.pointing.dropdown > .menu:not(.hidden):after { top: @pointingArrowOffset; left: 50%; - margin: 0em 0em 0em @pointingArrowOffset; + margin: 0 0 0 @pointingArrowOffset; } /* Top Left Pointing */ .ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; - left: 0%; + left: 0; right: auto; - margin: @pointingArrowDistanceFromEdge 0em 0em; + margin: @pointingArrowDistanceFromEdge 0 0; } .ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; - left: 0%; + left: 0; right: auto; - margin: @pointingArrowDistanceFromEdge 0em 0em; + margin: @pointingArrowDistanceFromEdge 0 0; } .ui.top.left.pointing.dropdown > .menu:after { top: @pointingArrowOffset; left: @pointingArrowDistanceFromEdge; right: auto; - margin: 0em; + margin: 0; transform: rotate(45deg); } /* Top Right Pointing */ .ui.top.right.pointing.dropdown > .menu { top: 100%; bottom: auto; - right: 0%; + right: 0; left: auto; - margin: @pointingArrowDistanceFromEdge 0em 0em; + margin: @pointingArrowDistanceFromEdge 0 0; } .ui.top.pointing.dropdown > .left.menu:after, .ui.top.right.pointing.dropdown > .menu:after { top: @pointingArrowOffset; left: auto !important; right: @pointingArrowDistanceFromEdge !important; - margin: 0em; + margin: 0; transform: rotate(45deg); } /* Left Pointing */ .ui.left.pointing.dropdown > .menu { - top: 0%; + top: 0; left: 100%; right: auto; - margin: 0em 0em 0em @pointingArrowDistanceFromEdge; + margin: 0 0 0 @pointingArrowDistanceFromEdge; } .ui.left.pointing.dropdown > .menu:after { top: 1em; left: @pointingArrowOffset; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; transform: rotate(-45deg); } .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { left: auto !important; right: 100% !important; - margin: 0em @pointingArrowDistanceFromEdge 0em 0em; + margin: 0 @pointingArrowDistanceFromEdge 0 0; } .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { top: 1em; left: auto; right: @pointingArrowOffset; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; transform: rotate(135deg); } /* Right Pointing */ .ui.right.pointing.dropdown > .menu { - top: 0%; + top: 0; left: auto; right: 100%; - margin: 0em @pointingArrowDistanceFromEdge 0em 0em; + margin: 0 @pointingArrowDistanceFromEdge 0 0; } .ui.right.pointing.dropdown > .menu:after { top: 1em; left: auto; right: @pointingArrowOffset; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; transform: rotate(135deg); } @@ -1362,26 +1362,26 @@ select.ui.dropdown { .ui.bottom.pointing.dropdown > .menu { top: auto; bottom: 100%; - left: 0%; + left: 0; right: auto; - margin: 0em 0em @pointingArrowDistanceFromEdge ; + margin: 0 0 @pointingArrowDistanceFromEdge ; } .ui.bottom.pointing.dropdown > .menu:after { top: auto; bottom: @pointingArrowOffset; right: auto; - margin: 0em; + margin: 0; transform: rotate(-135deg); } /* Reverse Sub-Menu Direction */ .ui.bottom.pointing.dropdown > .menu .menu { top: auto !important; - bottom: 0px !important; + bottom: 0 !important; } /* Bottom Left */ .ui.bottom.left.pointing.dropdown > .menu { - left: 0%; + left: 0; right: auto; } .ui.bottom.left.pointing.dropdown > .menu:after { @@ -1391,7 +1391,7 @@ select.ui.dropdown { /* Bottom Right */ .ui.bottom.right.pointing.dropdown > .menu { - right: 0%; + right: 0; left: auto; } .ui.bottom.right.pointing.dropdown > .menu:after { @@ -1404,7 +1404,7 @@ select.ui.dropdown { .ui.top.pointing.upward.dropdown .menu { top: auto !important; bottom: 100% !important; - margin: 0em 0em @pointingMenuDistance; + margin: 0 0 @pointingMenuDistance; border-radius: @pointingUpwardMenuBorderRadius; } .ui.pointing.upward.dropdown .menu:after, @@ -1412,19 +1412,19 @@ select.ui.dropdown { top: 100% !important; bottom: auto !important; box-shadow: @pointingUpwardArrowBoxShadow; - margin: @pointingArrowOffset 0em 0em; + margin: @pointingArrowOffset 0 0; } /* Right Pointing Upward */ .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; - margin: 0em @pointingArrowDistanceFromEdge 0em 0em; + margin: 0 @pointingArrowDistanceFromEdge 0 0; } .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; - margin: 0em 0em @pointingArrowDistanceFromEdge 0em; + margin: 0 0 @pointingArrowDistanceFromEdge 0; box-shadow: @pointingArrowBoxShadow; } @@ -1433,12 +1433,12 @@ select.ui.dropdown { .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; - margin: 0em 0em 0em @pointingArrowDistanceFromEdge; + margin: 0 0 0 @pointingArrowDistanceFromEdge; } .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; - margin: 0em 0em @pointingArrowDistanceFromEdge 0em; + margin: 0 0 @pointingArrowDistanceFromEdge 0; box-shadow: @pointingArrowBoxShadow; } diff --git a/src/definitions/modules/embed.less b/src/definitions/modules/embed.less index d4f8f615fe..02f1d7ea1d 100644 --- a/src/definitions/modules/embed.less +++ b/src/definitions/modules/embed.less @@ -25,7 +25,7 @@ .ui.embed { position: relative; max-width: 100%; - height: 0px; + height: 0; overflow: hidden; background: @background; padding-bottom: @widescreenRatio; @@ -42,10 +42,10 @@ border: none; width: 100%; height: 100%; - top: 0px; - left: 0px; - margin: 0em; - padding: 0em; + top: 0; + left: 0; + margin: 0; + padding: 0; } /*----------------- @@ -63,8 +63,8 @@ .ui.embed > .placeholder { position: absolute; cursor: pointer; - top: 0px; - left: 0px; + top: 0; + left: 0; display: block; width: 100%; height: 100%; @@ -78,16 +78,16 @@ .ui.embed > .icon { cursor: pointer; position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; width: 100%; height: 100%; z-index: 2; } .ui.embed > .icon:after { position: absolute; - top: 0%; - left: 0%; + top: 0; + left: 0; width: 100%; height: 100%; z-index: 3; diff --git a/src/definitions/modules/modal.less b/src/definitions/modules/modal.less index e35ed49b9b..404a8475e6 100755 --- a/src/definitions/modules/modal.less +++ b/src/definitions/modules/modal.less @@ -141,7 +141,7 @@ .ui.modal > .content > .description { display: block; flex: 1 0 auto; - min-width: 0px; + min-width: 0; align-self: @descriptionVerticalAlign; } @@ -155,7 +155,7 @@ /*rtl:ignore*/ .ui.modal > .content > .image > i.icon { - margin: 0em; + margin: 0; opacity: 1; width: auto; line-height: 1; @@ -250,7 +250,7 @@ .ui.modal .content > .image { display: block; max-width: 100%; - margin: 0em auto !important; + margin: 0 auto !important; text-align: center; padding: @mobileImagePadding !important; } @@ -263,7 +263,7 @@ .ui.modal .content > .description { display: block; width: 100% !important; - margin: 0em !important; + margin: 0 !important; padding: @mobileDescriptionPadding !important; box-shadow: none; } @@ -293,7 +293,7 @@ .ui.basic.modal { background-color: transparent; border: none; - border-radius: 0em; + border-radius: 0; box-shadow: none !important; color: @basicModalColor; } diff --git a/src/definitions/modules/nag.less b/src/definitions/modules/nag.less index b29e306886..8b8e713c70 100755 --- a/src/definitions/modules/nag.less +++ b/src/definitions/modules/nag.less @@ -28,7 +28,7 @@ position: @position; top: @top; - left: 0px; + left: 0; z-index: @zIndex; min-height: @minHeight; diff --git a/src/definitions/modules/popup.less b/src/definitions/modules/popup.less index 19a05c1dc3..aba1ecc486 100755 --- a/src/definitions/modules/popup.less +++ b/src/definitions/modules/popup.less @@ -26,8 +26,8 @@ .ui.popup { display: none; position: absolute; - top: 0px; - right: 0px; + top: 0; + right: 0; /* Fixes content being squished when inline (moz only) */ min-width: min-content; @@ -47,7 +47,7 @@ box-shadow: @boxShadow; } .ui.popup > .header { - padding: 0em; + padding: 0; font-family: @headerFont; font-size: @headerFontSize; @@ -460,12 +460,12 @@ ---------------*/ .ui.popup { - margin: 0em; + margin: 0; } /* Extending from Top */ .ui.top.popup { - margin: 0em 0em @popupDistanceAway; + margin: 0 0 @popupDistanceAway; } .ui.top.left.popup { transform-origin: left bottom; @@ -479,17 +479,17 @@ /* Extending from Vertical Center */ .ui.left.center.popup { - margin: 0em @popupDistanceAway 0em 0em; + margin: 0 @popupDistanceAway 0 0; transform-origin: right 50%; } .ui.right.center.popup { - margin: 0em 0em 0em @popupDistanceAway; + margin: 0 0 0 @popupDistanceAway; transform-origin: left 50%; } /* Extending from Bottom */ .ui.bottom.popup { - margin: @popupDistanceAway 0em 0em; + margin: @popupDistanceAway 0 0; } .ui.bottom.left.popup { transform-origin: left top; @@ -524,7 +524,7 @@ left: @arrowDistanceFromEdge; right: auto; bottom: auto; - margin-left: 0em; + margin-left: 0; box-shadow: @bottomArrowBoxShadow; } @@ -537,7 +537,7 @@ right: @arrowDistanceFromEdge; bottom: auto; left: auto; - margin-left: 0em; + margin-left: 0; box-shadow: @bottomArrowBoxShadow; } @@ -558,7 +558,7 @@ left: @arrowDistanceFromEdge; top: auto; right: auto; - margin-left: 0em; + margin-left: 0; } .ui.top.right.popup { margin-right: @boxArrowOffset; @@ -569,7 +569,7 @@ right: @arrowDistanceFromEdge; top: auto; left: auto; - margin-left: 0em; + margin-left: 0; } /*--- Left Center ---*/ @@ -645,7 +645,7 @@ } .ui.visible.popup { - transform: translateZ(0px); + transform: translateZ(0); backface-visibility: hidden; } diff --git a/src/definitions/modules/progress.less b/src/definitions/modules/progress.less index b737ff123b..596943c599 100755 --- a/src/definitions/modules/progress.less +++ b/src/definitions/modules/progress.less @@ -237,10 +237,10 @@ opacity: 0; position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; + top: 0; + left: 0; + right: 0; + bottom: 0; background: @activePulseColor; border-radius: @barBorderRadius; @@ -313,28 +313,28 @@ background: @attachedBackground; position: relative; border: none; - margin: 0em; + margin: 0; } .ui.progress.attached, .ui.progress.attached .bar { display: block; height: @attachedHeight; - padding: 0px; + padding: 0; overflow: hidden; - border-radius: 0em 0em @attachedBorderRadius @attachedBorderRadius; + border-radius: 0 0 @attachedBorderRadius @attachedBorderRadius; } .ui.progress.attached .bar { - border-radius: 0em; + border-radius: 0; } /* top attached */ .ui.progress.top.attached, .ui.progress.top.attached .bar { - top: 0px; - border-radius: @attachedBorderRadius @attachedBorderRadius 0em 0em; + top: 0; + border-radius: @attachedBorderRadius @attachedBorderRadius 0 0; } .ui.progress.top.attached .bar { - border-radius: 0em; + border-radius: 0; } /* Coupling */ diff --git a/src/definitions/modules/rating.less b/src/definitions/modules/rating.less index 4915f014a1..4528e355b9 100755 --- a/src/definitions/modules/rating.less +++ b/src/definitions/modules/rating.less @@ -28,13 +28,13 @@ vertical-align: @verticalAlign; } .ui.rating:last-child { - margin-right: 0em; + margin-right: 0; } /* Icon */ .ui.rating .icon { - padding: 0em; - margin: 0em; + padding: 0; + margin: 0; text-align: center; font-weight: @normal; font-style: normal; diff --git a/src/definitions/modules/search.less b/src/definitions/modules/search.less index 1c64ec1c0b..7b4b306838 100755 --- a/src/definitions/modules/search.less +++ b/src/definitions/modules/search.less @@ -27,7 +27,7 @@ } .ui.search > .prompt { - margin: 0em; + margin: 0; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); @@ -69,7 +69,7 @@ position: absolute; top: 100%; - left: 0%; + left: 0; transform-origin: center top; white-space: normal; text-align: left; @@ -86,10 +86,10 @@ z-index: @resultsZIndex; } .ui.search > .results > :first-child { - border-radius: @resultsBorderRadius @resultsBorderRadius 0em 0em; + border-radius: @resultsBorderRadius @resultsBorderRadius 0 0; } .ui.search > .results > :last-child { - border-radius: 0em 0em @resultsBorderRadius @resultsBorderRadius; + border-radius: 0 0 @resultsBorderRadius @resultsBorderRadius; } /*-------------- @@ -231,7 +231,7 @@ border-style: solid; border-width: @loaderLineWidth; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0 0 0 1px transparent; } @@ -349,10 +349,10 @@ /* First / Last */ .ui.category.search > .results .category:first-child .name + .result { - border-radius: 0em @resultsBorderRadius 0em 0em; + border-radius: 0 @resultsBorderRadius 0 0; } .ui.category.search > .results .category:last-child .result:last-child { - border-radius: 0em 0em @resultsBorderRadius 0em; + border-radius: 0 0 @resultsBorderRadius 0; } /* Category Result Name */ @@ -393,10 +393,10 @@ .ui[class*="left aligned"].search > .results { right: auto; - left: 0%; + left: 0; } .ui[class*="right aligned"].search > .results { - right: 0%; + right: 0; left: auto; } diff --git a/src/definitions/modules/shape.less b/src/definitions/modules/shape.less index 2cdf56a313..f15483f643 100755 --- a/src/definitions/modules/shape.less +++ b/src/definitions/modules/shape.less @@ -112,8 +112,8 @@ .ui.shape .animating.side { position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; display: block; z-index: @animatingZIndex; } diff --git a/src/definitions/modules/sidebar.js b/src/definitions/modules/sidebar.js index 8dc2b544e5..41b6c1c793 100644 --- a/src/definitions/modules/sidebar.js +++ b/src/definitions/modules/sidebar.js @@ -279,8 +279,8 @@ $.fn.sidebar = function(parameters) { style += '' + ' body.pushable > .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher:after,' + ' body.pushable > .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher:after {' - + ' -webkit-transform: translate3d(0px, 0, 0);' - + ' transform: translate3d(0px, 0, 0);' + + ' -webkit-transform: translate3d(0, 0, 0);' + + ' transform: translate3d(0, 0, 0);' + ' }' ; } diff --git a/src/definitions/modules/sidebar.less b/src/definitions/modules/sidebar.less index 5a8e34a866..6a241aa092 100755 --- a/src/definitions/modules/sidebar.less +++ b/src/definitions/modules/sidebar.less @@ -38,8 +38,8 @@ height: 100% !important; max-height: 100%; - border-radius: 0em !important; - margin: 0em !important; + border-radius: 0 !important; + margin: 0 !important; overflow-y: auto !important; z-index: @topLayer; } @@ -56,13 +56,13 @@ .ui.left.sidebar { right: auto; - left: 0px; + left: 0; transform: translate3d(-100%, 0, 0); } .ui.right.sidebar { - right: 0px !important; + right: 0 !important; left: auto !important; - transform: translate3d(100%, 0%, 0); + transform: translate3d(100%, 0, 0); } .ui.top.sidebar, @@ -71,13 +71,13 @@ height: auto !important; } .ui.top.sidebar { - top: 0px !important; + top: 0 !important; bottom: auto !important; transform: translate3d(0, -100%, 0); } .ui.bottom.sidebar { top: auto !important; - bottom: 0px !important; + bottom: 0 !important; transform: translate3d(0, 100%, 0); } @@ -89,7 +89,7 @@ .pushable { height: 100%; overflow-x: hidden; - padding: 0em !important; + padding: 0 !important; } /* Whole Page */ @@ -147,8 +147,8 @@ body.pushable > .pusher { .pushable > .pusher:after { position: fixed; - top: 0px; - right: 0px; + top: 0; + right: 0; content: ''; background-color: @dimmerColor; overflow: hidden; @@ -163,7 +163,7 @@ body.pushable > .pusher { ---------------*/ .ui.sidebar.menu .item { - border-radius: 0em !important; + border-radius: 0 !important; } /******************************* @@ -321,10 +321,10 @@ body.pushable > .pusher { /* Initial */ .ui.left.overlay.sidebar { - transform: translate3d(-100%, 0%, 0); + transform: translate3d(-100%, 0, 0); } .ui.right.overlay.sidebar { - transform: translate3d(100%, 0%, 0); + transform: translate3d(100%, 0, 0); } .ui.top.overlay.sidebar { transform: translate3d(0%, -100%, 0); @@ -341,16 +341,16 @@ body.pushable > .pusher { /* End - Sidebar */ .ui.visible.left.overlay.sidebar { - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0, 0); } .ui.visible.right.overlay.sidebar { - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0, 0); } .ui.visible.top.overlay.sidebar { - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0, 0); } .ui.visible.bottom.overlay.sidebar { - transform: translate3d(0%, 0%, 0); + transform: translate3d(0%, 0, 0); } /* End - Pusher */ diff --git a/src/definitions/modules/sticky.less b/src/definitions/modules/sticky.less index 9ee898d7ef..1563b89177 100755 --- a/src/definitions/modules/sticky.less +++ b/src/definitions/modules/sticky.less @@ -49,13 +49,13 @@ /* Bound/Fixed Position */ .ui.sticky.bound.top, .ui.sticky.fixed.top { - top: 0px; + top: 0; bottom: auto; } .ui.sticky.bound.bottom, .ui.sticky.fixed.bottom { top: auto; - bottom: 0px; + bottom: 0; } diff --git a/src/definitions/modules/tab.less b/src/definitions/modules/tab.less index 3f3ba09030..da187d834c 100755 --- a/src/definitions/modules/tab.less +++ b/src/definitions/modules/tab.less @@ -88,7 +88,7 @@ border-style: solid; border-width: @loaderLineWidth; - box-shadow: 0px 0px 0px 1px transparent; + box-shadow: 0 0 0 1px transparent; } .loadUIOverrides(); diff --git a/src/definitions/modules/toast.less b/src/definitions/modules/toast.less index 342128fb11..3588655f66 100644 --- a/src/definitions/modules/toast.less +++ b/src/definitions/modules/toast.less @@ -41,7 +41,7 @@ .ui.top.center.toast-container { left: 50%; - transform: translate(-50%, 0%); + transform: translate(-50%, 0); top: @toastContainerDistance; } @@ -59,7 +59,7 @@ .ui.bottom.center.toast-container { left: 50%; - transform: translate(-50%, 0%); + transform: translate(-50%, 0); bottom: @toastContainerDistance; } @@ -209,7 +209,7 @@ ----------------*/ .toast-box .attached.progress .bar { - min-width: 0%; + min-width: 0; } .toast-box .active.progress .bar:after { diff --git a/src/definitions/views/ad.less b/src/definitions/views/ad.less index 3c3b86bce3..99981aff9c 100644 --- a/src/definitions/views/ad.less +++ b/src/definitions/views/ad.less @@ -29,16 +29,16 @@ } .ui.ad:first-child { - margin: 0em; + margin: 0; } .ui.ad:last-child { - margin: 0em; + margin: 0; } .ui.ad iframe { - margin: 0em; - padding: 0em; + margin: 0; + padding: 0; border: none; overflow: hidden; } @@ -265,4 +265,4 @@ content: attr(data-text); } -.loadUIOverrides(); \ No newline at end of file +.loadUIOverrides(); diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less index 68d864700a..7aeb0b6b21 100755 --- a/src/definitions/views/card.less +++ b/src/definitions/views/card.less @@ -53,10 +53,10 @@ } .ui.card:first-child { - margin-top: 0em; + margin-top: 0; } .ui.card:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -80,7 +80,7 @@ .ui.card:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; @@ -99,13 +99,13 @@ .ui.cards > .card > :first-child, .ui.card > :first-child { - border-radius: @borderRadius @borderRadius 0em 0em !important; + border-radius: @borderRadius @borderRadius 0 0 !important; border-top: none !important; } .ui.cards > .card > :last-child, .ui.card > :last-child { - border-radius: 0em 0em @borderRadius @borderRadius !important; + border-radius: 0 0 @borderRadius @borderRadius !important; } .ui.cards > .card > :only-child, @@ -158,7 +158,7 @@ .ui.card > .content:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; @@ -255,11 +255,11 @@ .ui.cards > .card > .content p, .ui.card > .content p { - margin: 0em 0em @paragraphDistance; + margin: 0 0 @paragraphDistance; } .ui.cards > .card > .content p:last-child, .ui.card > .content p:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -277,12 +277,12 @@ } .ui.cards > .card .meta :last-child, .ui.card .meta :last-child { - margin-right: 0em; + margin-right: 0; } .ui.cards > .card .meta [class*="right floated"], .ui.card .meta [class*="right floated"] { - margin-right: 0em; + margin-right: 0; margin-left: @metaSpacing; } @@ -392,7 +392,7 @@ .ui.cards > .card > .extra, .ui.card > .extra { max-width: 100%; - min-height: 0em !important; + min-height: 0 !important; flex-grow: 0; border-top: @extraDivider !important; position: @extraPosition; @@ -525,7 +525,7 @@ a.ui.card:hover, .ui.primary.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @primaryColor, + 0 @coloredShadowDistance 0 0 @primaryColor, @shadowBoxShadow ; } @@ -534,7 +534,7 @@ a.ui.card:hover, .ui.primary.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @primaryColorHover, + 0 @coloredShadowDistance 0 0 @primaryColorHover, @shadowHoverBoxShadow ; } @@ -545,7 +545,7 @@ a.ui.card:hover, .ui.secondary.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @secondaryColor, + 0 @coloredShadowDistance 0 0 @secondaryColor, @shadowBoxShadow ; } @@ -554,7 +554,7 @@ a.ui.card:hover, .ui.secondary.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @secondaryColorHover, + 0 @coloredShadowDistance 0 0 @secondaryColorHover, @shadowHoverBoxShadow ; } @@ -565,7 +565,7 @@ a.ui.card:hover, .ui.red.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @red, + 0 @coloredShadowDistance 0 0 @red, @shadowBoxShadow ; } @@ -574,7 +574,7 @@ a.ui.card:hover, .ui.red.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @redHover, + 0 @coloredShadowDistance 0 0 @redHover, @shadowHoverBoxShadow ; } @@ -585,7 +585,7 @@ a.ui.card:hover, .ui.orange.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @orange, + 0 @coloredShadowDistance 0 0 @orange, @shadowBoxShadow ; } @@ -594,7 +594,7 @@ a.ui.card:hover, .ui.orange.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @orangeHover, + 0 @coloredShadowDistance 0 0 @orangeHover, @shadowHoverBoxShadow ; } @@ -605,7 +605,7 @@ a.ui.card:hover, .ui.yellow.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @yellow, + 0 @coloredShadowDistance 0 0 @yellow, @shadowBoxShadow ; } @@ -614,7 +614,7 @@ a.ui.card:hover, .ui.yellow.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @yellowHover, + 0 @coloredShadowDistance 0 0 @yellowHover, @shadowHoverBoxShadow ; } @@ -625,7 +625,7 @@ a.ui.card:hover, .ui.olive.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @olive, + 0 @coloredShadowDistance 0 0 @olive, @shadowBoxShadow ; } @@ -634,7 +634,7 @@ a.ui.card:hover, .ui.olive.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @oliveHover, + 0 @coloredShadowDistance 0 0 @oliveHover, @shadowHoverBoxShadow ; } @@ -645,7 +645,7 @@ a.ui.card:hover, .ui.green.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @green, + 0 @coloredShadowDistance 0 0 @green, @shadowBoxShadow ; } @@ -654,7 +654,7 @@ a.ui.card:hover, .ui.green.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @greenHover, + 0 @coloredShadowDistance 0 0 @greenHover, @shadowHoverBoxShadow ; } @@ -665,7 +665,7 @@ a.ui.card:hover, .ui.teal.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @teal, + 0 @coloredShadowDistance 0 0 @teal, @shadowBoxShadow ; } @@ -674,7 +674,7 @@ a.ui.card:hover, .ui.teal.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @tealHover, + 0 @coloredShadowDistance 0 0 @tealHover, @shadowHoverBoxShadow ; } @@ -685,7 +685,7 @@ a.ui.card:hover, .ui.blue.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @blue, + 0 @coloredShadowDistance 0 0 @blue, @shadowBoxShadow ; } @@ -694,7 +694,7 @@ a.ui.card:hover, .ui.blue.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @blueHover, + 0 @coloredShadowDistance 0 0 @blueHover, @shadowHoverBoxShadow ; } @@ -705,7 +705,7 @@ a.ui.card:hover, .ui.violet.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @violet, + 0 @coloredShadowDistance 0 0 @violet, @shadowBoxShadow ; } @@ -714,7 +714,7 @@ a.ui.card:hover, .ui.violet.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @violetHover, + 0 @coloredShadowDistance 0 0 @violetHover, @shadowHoverBoxShadow ; } @@ -725,7 +725,7 @@ a.ui.card:hover, .ui.purple.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @purple, + 0 @coloredShadowDistance 0 0 @purple, @shadowBoxShadow ; } @@ -734,7 +734,7 @@ a.ui.card:hover, .ui.purple.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @purpleHover, + 0 @coloredShadowDistance 0 0 @purpleHover, @shadowHoverBoxShadow ; } @@ -745,7 +745,7 @@ a.ui.card:hover, .ui.pink.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @pink, + 0 @coloredShadowDistance 0 0 @pink, @shadowBoxShadow ; } @@ -754,7 +754,7 @@ a.ui.card:hover, .ui.pink.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @pinkHover, + 0 @coloredShadowDistance 0 0 @pinkHover, @shadowHoverBoxShadow ; } @@ -765,7 +765,7 @@ a.ui.card:hover, .ui.brown.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @brown, + 0 @coloredShadowDistance 0 0 @brown, @shadowBoxShadow ; } @@ -774,7 +774,7 @@ a.ui.card:hover, .ui.brown.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @brownHover, + 0 @coloredShadowDistance 0 0 @brownHover, @shadowHoverBoxShadow ; } @@ -785,7 +785,7 @@ a.ui.card:hover, .ui.grey.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @grey, + 0 @coloredShadowDistance 0 0 @grey, @shadowBoxShadow ; } @@ -794,7 +794,7 @@ a.ui.card:hover, .ui.grey.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @greyHover, + 0 @coloredShadowDistance 0 0 @greyHover, @shadowHoverBoxShadow ; } @@ -805,7 +805,7 @@ a.ui.card:hover, .ui.black.card { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @black, + 0 @coloredShadowDistance 0 0 @black, @shadowBoxShadow ; } @@ -814,7 +814,7 @@ a.ui.card:hover, .ui.black.card:hover { box-shadow: @borderShadow, - 0px @coloredShadowDistance 0px 0px @blackHover, + 0 @coloredShadowDistance 0 0 @blackHover, @shadowHoverBoxShadow ; } @@ -1107,7 +1107,7 @@ a.ui.card:hover, display: block !important; } .ui.stackable.cards .card:first-child { - margin-top: 0em !important; + margin-top: 0 !important; } .ui.stackable.cards > .card { display: block !important; diff --git a/src/definitions/views/comment.less b/src/definitions/views/comment.less index a1e7a8aec4..212c81b61d 100755 --- a/src/definitions/views/comment.less +++ b/src/definitions/views/comment.less @@ -33,10 +33,10 @@ } .ui.comments:first-child { - margin-top: 0em; + margin-top: 0; } .ui.comments:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -68,8 +68,8 @@ } .ui.comments .comment > .comments:before{ position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; } .ui.comments .comment > .comments .comment { border: @nestedCommentBorder; @@ -91,7 +91,7 @@ .ui.comments .comment img.avatar, .ui.comments .comment .avatar img { display: block; - margin: 0em auto; + margin: 0 auto; width: 100%; height: 100%; border-radius: @avatarBorderRadius; @@ -137,10 +137,10 @@ } .ui.comments .comment .metadata > * { display: inline-block; - margin: 0em @metadataContentSpacing 0em 0em; + margin: 0 @metadataContentSpacing 0 0; } .ui.comments .comment .metadata > :last-child { - margin-right: 0em; + margin-right: 0; } /*-------------------- @@ -166,11 +166,11 @@ .ui.comments .comment .actions a { cursor: pointer; display: inline-block; - margin: 0em @actionContentDistance 0em 0em; + margin: 0 @actionContentDistance 0 0; color: @actionLinkColor; } .ui.comments .comment .actions a:last-child { - margin-right: 0em; + margin-right: 0; } .ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover { @@ -289,7 +289,7 @@ } .ui.inverted.threaded.comments .comment > .comments { - box-shadow: -1px 0px 0px @solidWhiteBorderColor; + box-shadow: -1px 0 0 @solidWhiteBorderColor; } diff --git a/src/definitions/views/feed.less b/src/definitions/views/feed.less index d7236b2969..170de0adde 100755 --- a/src/definitions/views/feed.less +++ b/src/definitions/views/feed.less @@ -25,10 +25,10 @@ margin: @margin; } .ui.feed:first-child { - margin-top: 0em; + margin-top: 0; } .ui.feed:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -47,11 +47,11 @@ border-top: @eventDivider; } .ui.feed > .event:first-child { - border-top: 0px; - padding-top: 0em; + border-top: 0; + padding-top: 0; } .ui.feed > .event:last-child { - padding-bottom: 0em; + padding-bottom: 0; } /* Event Label */ @@ -218,7 +218,7 @@ .ui.feed > .event > .content .meta > *:after { content: @metadataDivider; color: @metadataDividerColor; - top: 0em; + top: 0; left: @metadataDividerOffset; opacity: 1; position: absolute; @@ -238,7 +238,7 @@ /* First element */ .ui.feed > .event > .content .meta > :first-child { - margin-left: 0em; + margin-left: 0; } .ui.feed > .event > .content .meta > :first-child::after { display: none; diff --git a/src/definitions/views/item.less b/src/definitions/views/item.less index c0e848151f..e38eaab5d1 100755 --- a/src/definitions/views/item.less +++ b/src/definitions/views/item.less @@ -27,7 +27,7 @@ .ui.items > .item { display: @display; - margin: @itemSpacing 0em; + margin: @itemSpacing 0; width: @width; min-height: @minHeight; background: @background; @@ -52,10 +52,10 @@ } .ui.items:first-child { - margin-top: 0em !important; + margin-top: 0 !important; } .ui.items:last-child { - margin-bottom: 0em !important; + margin-bottom: 0 !important; } /*-------------- @@ -65,16 +65,16 @@ .ui.items > .item:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; } .ui.items > .item:first-child { - margin-top: 0em; + margin-top: 0; } .ui.items > .item:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -125,7 +125,7 @@ .ui.items > .item > .content:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; @@ -197,10 +197,10 @@ ---------------*/ .ui.items > .item > .content p { - margin: 0em 0em @paragraphDistance; + margin: 0 0 @paragraphDistance; } .ui.items > .item > .content p:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -217,11 +217,11 @@ margin-right: @metaSpacing; } .ui.items > .item .meta :last-child { - margin-right: 0em; + margin-right: 0; } .ui.items > .item .meta [class*="right floated"] { - margin-right: 0em; + margin-right: 0; margin-left: @metaSpacing; } @@ -311,16 +311,16 @@ border-top: @extraDivider; } .ui.items > .item .extra > * { - margin: (@extraRowSpacing / 2) @extraHorizontalSpacing (@extraRowSpacing / 2) 0em; + margin: (@extraRowSpacing / 2) @extraHorizontalSpacing (@extraRowSpacing / 2) 0; } .ui.items > .item .extra > [class*="right floated"] { - margin: (@extraRowSpacing / 2) 0em (@extraRowSpacing / 2) @extraHorizontalSpacing; + margin: (@extraRowSpacing / 2) 0 (@extraRowSpacing / 2) @extraHorizontalSpacing; } .ui.items > .item .extra:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; @@ -340,14 +340,14 @@ /* Tablet Only */ @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { .ui.items > .item { - margin: @tabletItemSpacing 0em; + margin: @tabletItemSpacing 0; } .ui.items > .item > .image:not(.ui) { width: @tabletImageWidth; } .ui.items > .item > .image + .content { display: block; - padding: 0em 0em 0em @tabletContentImageDistance; + padding: 0 0 0 @tabletContentImageDistance; } } @@ -356,7 +356,7 @@ @media only screen and (max-width: @largestMobileScreen) { .ui.items:not(.unstackable) > .item { flex-direction: column; - margin: @mobileItemSpacing 0em; + margin: @mobileItemSpacing 0; } .ui.items:not(.unstackable) > .item > .image { display: block; @@ -371,7 +371,7 @@ } .ui.items:not(.unstackable) > .item > .image + .content { display: block; - padding: @mobileContentImageDistance 0em 0em; + padding: @mobileContentImageDistance 0 0; } } @@ -401,10 +401,10 @@ ---------------*/ .ui.relaxed.items > .item { - margin: @relaxedItemSpacing 0em; + margin: @relaxedItemSpacing 0; } .ui[class*="very relaxed"].items > .item { - margin: @veryRelaxedItemSpacing 0em; + margin: @veryRelaxedItemSpacing 0; } @@ -429,12 +429,12 @@ /* Relaxed Divided */ .ui.relaxed.divided.items > .item { - margin: 0em; - padding: @relaxedItemSpacing 0em; + margin: 0; + padding: @relaxedItemSpacing 0; } .ui[class*="very relaxed"].divided.items > .item { - margin: 0em; - padding: @veryRelaxedItemSpacing 0em; + margin: 0; + padding: @veryRelaxedItemSpacing 0; } diff --git a/src/definitions/views/statistic.less b/src/definitions/views/statistic.less index 94b4c5e519..b2f253295f 100755 --- a/src/definitions/views/statistic.less +++ b/src/definitions/views/statistic.less @@ -30,14 +30,14 @@ } .ui.statistic + .ui.statistic { - margin: 0em 0em 0em @horizontalSpacing; + margin: 0 0 0 @horizontalSpacing; } .ui.statistic:first-child { - margin-top: 0em; + margin-top: 0; } .ui.statistic:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -68,14 +68,14 @@ .ui.statistics:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; } .ui.statistics:first-child { - margin-top: 0em; + margin-top: 0; } @@ -139,7 +139,7 @@ .ui.statistic > .value .icon { opacity: 1; width: auto; - margin: 0em; + margin: 0; } /*-------------- @@ -273,7 +273,7 @@ } .ui.horizontal.statistics { flex-direction: column; - margin: 0em; + margin: 0; max-width: none; } .ui.horizontal.statistics .statistic { @@ -285,7 +285,7 @@ .ui.horizontal.statistic > .text.value, .ui.horizontal.statistics > .statistic > .text.value { - min-height: 0em !important; + min-height: 0 !important; } .ui.horizontal.statistics .statistic > .value .icon, .ui.horizontal.statistic > .value .icon { @@ -301,7 +301,7 @@ .ui.horizontal.statistic > .label { display: inline-block; vertical-align: middle; - margin: 0em 0em 0em @horizontalLabelDistance; + margin: 0 0 0 @horizontalLabelDistance; } /*-------------- @@ -456,7 +456,7 @@ margin: @rightFloatedMargin; } .ui.floated.statistic:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -466,12 +466,12 @@ @media only screen and (max-width: @largestMobileScreen) { .ui.stackable.statistics { width: auto; - margin-left: 0em !important; - margin-right: 0em !important; + margin-left: 0 !important; + margin-right: 0 !important; } .ui.stackable.statistics > .statistic { width: 100% !important; - margin: 0em 0em !important; + margin: 0 0 !important; padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important; } } diff --git a/src/themes/default/collections/breadcrumb.variables b/src/themes/default/collections/breadcrumb.variables index a97d5b0929..f472cde8c5 100644 --- a/src/themes/default/collections/breadcrumb.variables +++ b/src/themes/default/collections/breadcrumb.variables @@ -6,7 +6,7 @@ Breadcrumb --------------------*/ -@verticalMargin: 0em; +@verticalMargin: 0; @display: inline-block; @verticalAlign: middle; @@ -20,8 +20,8 @@ @iconDividerSize: @relativeTiny; @iconDividerVerticalAlign: baseline; -@sectionMargin: 0em; -@sectionPadding: 0em; +@sectionMargin: 0; +@sectionPadding: 0; /* Coupling */ @segmentPadding: @relativeMini @relativeMedium; diff --git a/src/themes/default/collections/form.variables b/src/themes/default/collections/form.variables index d68d0baba6..869a24aa25 100644 --- a/src/themes/default/collections/form.variables +++ b/src/themes/default/collections/form.variables @@ -11,17 +11,17 @@ @rowDistance: 1em; /* Text */ -@paragraphMargin: @rowDistance 0em; +@paragraphMargin: @rowDistance 0; /* Field */ -@fieldMargin: 0em 0em @rowDistance; +@fieldMargin: 0 0 @rowDistance; /* Fields */ -@fieldsMargin: 0em -(@gutterWidth / 2) @rowDistance; +@fieldsMargin: 0 -(@gutterWidth / 2) @rowDistance; /* Form Label */ @labelDistance: @4px; -@labelMargin: 0em 0em @labelDistance 0em; +@labelMargin: 0 0 @labelDistance 0; @labelFontSize: @relativeSmall; @labelFontWeight: @bold; @labelTextTransform: none; @@ -39,7 +39,7 @@ color @defaultDuration @defaultEasing, border-color @defaultDuration @defaultEasing ; -@inputBoxShadow: 0em 0em 0em 0em transparent inset; +@inputBoxShadow: 0 0 0 0 transparent inset; /* Select */ @selectBackground: @white; @@ -72,7 +72,7 @@ @promptBorderColor: @formErrorBorder; @promptBorder: 1px solid @promptBorderColor; @promptTextColor: @formErrorColor; -@inlinePromptMargin: -0.25em 0em -0.5em 0.5em; +@inlinePromptMargin: -0.25em 0 -0.5em 0.5em; @inlinePromptBorderWidth: 1px; /*------------------- @@ -80,13 +80,13 @@ --------------------*/ /* Focus */ -@inputFocusPointerSize: 0px; +@inputFocusPointerSize: 0; /* Input Focus */ @inputFocusBackground: @inputBackground; @inputFocusBorderColor: @focusedFormBorderColor; @inputFocusColor: @selectedTextColor; -@inputFocusBoxShadow: @inputFocusPointerSize 0em 0em 0em @selectedBorderColor inset; +@inputFocusBoxShadow: @inputFocusPointerSize 0 0 0 @selectedBorderColor inset; @inputFocusBorderRadius: @inputBorderRadius; /* Text Area Focus */ @@ -154,7 +154,7 @@ @requiredColor: @negativeColor; @requiredVerticalOffset: -0.2em; @requiredDistance: 0.2em; -@requiredMargin: @requiredVerticalOffset 0em 0em @requiredDistance; +@requiredMargin: @requiredVerticalOffset 0 0 @requiredDistance; /* Inverted */ @invertedInputBackground: @inputBackground; @@ -170,7 +170,7 @@ /* Grouped Fields */ @groupedMargin: @fieldMargin; -@groupedFieldMargin: 0.5em 0em; +@groupedFieldMargin: 0.5em 0; @groupedLabelDistance: @labelDistance; @groupedLabelColor: @labelColor; @@ -189,10 +189,10 @@ @inlineLabelFontWeight: @labelFontWeight; @inlineLabelTextTransform: @labelTextTransform; -@groupedInlineLabelMargin: 0.035714em 1em 0em 0em; +@groupedInlineLabelMargin: 0.035714em 1em 0 0; /*------------------- Groups --------------------*/ -@inlineFieldsMargin: 0em 1em 0em 0em; +@inlineFieldsMargin: 0 1em 0 0; diff --git a/src/themes/default/collections/grid.variables b/src/themes/default/collections/grid.variables index 2741153a62..d2860726ae 100644 --- a/src/themes/default/collections/grid.variables +++ b/src/themes/default/collections/grid.variables @@ -39,17 +39,17 @@ Divided ---------------*/ -@dividedBorder: -1px 0px 0px 0px @borderColor; -@verticallyDividedBorder: 0px -1px 0px 0px @borderColor; +@dividedBorder: -1px 0 0 0 @borderColor; +@verticallyDividedBorder: 0 -1px 0 0 @borderColor; -@dividedInvertedBorder: -1px 0px 0px 0px @whiteBorderColor; -@verticallyDividedInvertedBorder: 0px -1px 0px 0px @whiteBorderColor; +@dividedInvertedBorder: -1px 0 0 0 @whiteBorderColor; +@verticallyDividedInvertedBorder: 0 -1px 0 0 @whiteBorderColor; /*-------------- Celled ---------------*/ -@celledMargin: 1em 0em; +@celledMargin: 1em 0; @celledWidth: 1px; @celledBorderColor: @solidBorderColor; @@ -57,9 +57,9 @@ @celledRelaxedPadding: 1.5em; @celledVeryRelaxedPadding: 2em; -@celledGridDivider: 0px 0px 0px @celledWidth @celledBorderColor; -@celledRowDivider: 0px (-@celledWidth) 0px 0px @celledBorderColor; -@celledColumnDivider: (-@celledWidth) 0px 0px 0px @celledBorderColor; +@celledGridDivider: 0 0 0 @celledWidth @celledBorderColor; +@celledRowDivider: 0 (-@celledWidth) 0 0 @celledBorderColor; +@celledColumnDivider: (-@celledWidth) 0 0 0 @celledBorderColor; /*-------------- @@ -99,21 +99,21 @@ /* Legacy (DO NOT USE) */ @mobileWidth: auto; -@mobileMargin: 0em; -@mobileGutter: 0em; +@mobileMargin: 0; +@mobileGutter: 0; @tabletWidth: auto; -@tabletMargin: 0em; +@tabletMargin: 0; @tabletGutter: 2em; @computerWidth: auto; -@computerMargin: 0em; +@computerMargin: 0; @computerGutter: 3%; @largeMonitorWidth: auto; -@largeMonitorMargin: 0em; +@largeMonitorMargin: 0; @largeMonitorGutter: 15%; @widescreenMonitorWidth: auto; -@widescreenMargin: 0em; -@widescreenMonitorGutter: 23%; \ No newline at end of file +@widescreenMargin: 0; +@widescreenMonitorGutter: 23%; diff --git a/src/themes/default/collections/menu.variables b/src/themes/default/collections/menu.variables index 3ea575a63d..c6ec543c7b 100644 --- a/src/themes/default/collections/menu.variables +++ b/src/themes/default/collections/menu.variables @@ -8,7 +8,7 @@ /* Menu */ @verticalMargin: @medium; -@horizontalMargin: 0em; +@horizontalMargin: 0; @margin: @verticalMargin @horizontalMargin; @background: #FFFFFF; @fontFamily: @pageFont; @@ -38,11 +38,11 @@ /* Sub Menu */ @subMenuDistance: 0.5em; -@subMenuMargin: @subMenuDistance -@itemHorizontalPadding 0em; +@subMenuMargin: @subMenuDistance -@itemHorizontalPadding 0; @subMenuFontSize: @relativeTiny; @subMenuTextColor: rgba(0, 0, 0, 0.5); -@subMenuIndent: 0em; +@subMenuIndent: 0; @subMenuHorizontalPadding: (@itemHorizontalPadding / @tinySize) + @subMenuIndent; @subMenuVerticalPadding: 0.5em; @@ -55,7 +55,7 @@ /* Icon */ @iconFloat: none; -@iconMargin: 0em @relative5px 0em 0em; +@iconMargin: 0 @relative5px 0 0; @iconOpacity: 0.9; /* Dropdown Icon */ @@ -69,10 +69,10 @@ /* Vertical Icon */ @verticalIconFloat: right; -@verticalIconMargin: 0em 0em 0em 0.5em; +@verticalIconMargin: 0 0 0 0.5em; /* Vertical Header */ -@verticalHeaderMargin: 0em 0em 0.5em; +@verticalHeaderMargin: 0 0 0.5em; @verticalHeaderFontSize: @relativeMedium; @verticalHeaderFontWeight: @bold; @@ -97,18 +97,18 @@ /* Button */ @buttonSize: @relativeMedium; -@buttonOffset: 0em; -@buttonMargin: -0.5em 0em; +@buttonOffset: 0; +@buttonMargin: -0.5em 0; @buttonVerticalPadding: @relativeMini; /* Input */ @inputSize: @relativeMedium; @inputVerticalMargin: -0.5em; -@inputOffset: 0em; +@inputOffset: 0; @inputVerticalPadding: @relative8px; /* Image */ -@imageMargin: -0.3em 0em; +@imageMargin: -0.3em 0; @imageWidth: 2.5em; @verticalImageWidth: auto; @@ -122,13 +122,13 @@ @labelHorizontalPadding: @relativeMini; @labelAndIconFloat: none; -@labelAndIconMargin: 0em 0.5em 0em 0em; +@labelAndIconMargin: 0 0.5em 0 0; /* Dropdown in Menu */ -@dropdownMenuBoxShadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); +@dropdownMenuBoxShadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); @dropdownBackground: #FFFFFF; -@dropdownMenuDistance: 0em; +@dropdownMenuDistance: 0; @dropdownMenuBorderRadius: @borderRadius; @dropdownItemFontSize: @relativeMedium; @@ -142,13 +142,13 @@ @dropdownItemIconFloat: none; @dropdownItemIconFontSize: @relativeMedium; -@dropdownItemIconMargin: 0em 0.75em 0em 0em; +@dropdownItemIconMargin: 0 0.75em 0 0; @dropdownHoveredItemBackground: @transparentBlack; @dropdownHoveredItemColor: @selectedTextColor; /* Dropdown Variations */ -@dropdownVerticalMenuBoxShadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); +@dropdownVerticalMenuBoxShadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); @secondaryDropdownMenuDistance: @relative5px; @pointingDropdownMenuDistance: 0.75em; @invertedSelectionDropdownColor: @invertedTextColor; @@ -208,10 +208,10 @@ /* Secondary */ @secondaryBackground: none; -@secondaryMargin: 0em -@secondaryItemSpacing; +@secondaryMargin: 0 -@secondaryItemSpacing; @secondaryItemBackground: none; @secondaryItemSpacing: @relative5px; -@secondaryItemMargin: 0em @secondaryItemSpacing; +@secondaryItemMargin: 0 @secondaryItemSpacing; @secondaryItemVerticalPadding: @relativeMini; @secondaryItemHorizontalPadding: @relativeSmall; @secondaryItemPadding: @relativeMini @relativeSmall; @@ -234,11 +234,11 @@ @secondaryHeaderBorder: none; @secondaryItemVerticalSpacing: @secondaryItemSpacing; -@secondaryVerticalItemMargin: 0em 0em @secondaryItemVerticalSpacing; +@secondaryVerticalItemMargin: 0 0 @secondaryItemVerticalSpacing; @secondaryVerticalItemBorderRadius: @defaultBorderRadius; -@secondaryMenuSubMenuMargin: 0em -@secondaryItemHorizontalPadding; -@secondaryMenuSubMenuItemMargin: 0em; +@secondaryMenuSubMenuMargin: 0 -@secondaryItemHorizontalPadding; +@secondaryMenuSubMenuItemMargin: 0; @secondarySubMenuHorizontalPadding: (@itemHorizontalPadding / @tinySize) + @subMenuIndent; @secondaryMenuSubMenuItemPadding: @relative7px @secondarySubMenuHorizontalPadding; @@ -260,7 +260,7 @@ @secondaryPointingActiveHoverTextColor: @secondaryPointingActiveTextColor; @secondaryPointingHeaderColor: @darkTextColor; -@secondaryVerticalPointingItemMargin: 0em -@secondaryPointingBorderWidth 0em 0em; +@secondaryVerticalPointingItemMargin: 0 -@secondaryPointingBorderWidth 0 0; /* Inverted Secondary */ @@ -347,13 +347,13 @@ @textMenuMargin: @relativeMedium -(@textMenuItemSpacing); @textMenuItemColor: @mutedTextColor; @textMenuItemFontWeight: @normal; -@textMenuItemMargin: 0em 0em; +@textMenuItemMargin: 0 0; @textMenuItemPadding: @relative5px @textMenuItemSpacing; @textMenuItemTransition: opacity @defaultDuration @defaultEasing; -@textMenuSubMenuMargin: 0em; -@textMenuSubMenuItemMargin: 0em; -@textMenuSubMenuItemPadding: @relative7px 0em; +@textMenuSubMenuMargin: 0; +@textMenuSubMenuItemMargin: 0; +@textMenuSubMenuItemPadding: @relative7px 0; @textMenuActiveItemFontWeight: @normal; @textMenuActiveItemColor: @selectedTextColor; @@ -363,9 +363,9 @@ @textMenuHeaderFontWeight: @bold; @textMenuHeaderTextTransform: uppercase; -@textVerticalMenuMargin: @relativeMedium 0em; -@textVerticalMenuHeaderMargin: @relative8px 0em @relative10px; -@textVerticalMenuItemMargin: @relative8px 0em; +@textVerticalMenuMargin: @relativeMedium 0; +@textVerticalMenuHeaderMargin: @relative8px 0 @relative10px; +@textVerticalMenuItemMargin: @relative8px 0; @textVerticalMenuIconFloat: none; @textVerticalMenuIconMargin: @iconMargin; @@ -378,7 +378,7 @@ /* Inverted */ @invertedBackground: @black; @invertedBoxShadow: none; -@invertedBorder: 0px solid transparent; +@invertedBorder: 0 solid transparent; @invertedHeaderBackground: transparent; @invertedItemBackground: transparent; @@ -427,8 +427,8 @@ @floatedDistance: 0.5rem; /* Attached */ -@attachedTopOffset: 0px; -@attachedBottomOffset: 0px; +@attachedTopOffset: 0; +@attachedBottomOffset: 0; @attachedHorizontalOffset: -@borderWidth; @attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; diff --git a/src/themes/default/collections/message.variables b/src/themes/default/collections/message.variables index e072dd030d..b7105d53eb 100644 --- a/src/themes/default/collections/message.variables +++ b/src/themes/default/collections/message.variables @@ -17,8 +17,8 @@ @borderRadius: @defaultBorderRadius; @borderWidth: 1px; -@borderShadow: 0px 0px 0px @borderWidth @strongBorderColor inset; -@shadowShadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); +@borderShadow: 0 0 0 @borderWidth @strongBorderColor inset; +@shadowShadow: 0 0 0 0 rgba(0, 0, 0, 0); @boxShadow: @borderShadow, @shadowShadow @@ -35,8 +35,8 @@ @headerFontSize: @relativeLarge; @headerFontWeight: @bold; @headerDisplay: block; -@headerDistance: 0rem; -@headerMargin: -@headerLineHeightOffset 0em @headerDistance 0em; +@headerDistance: 0; +@headerMargin: -@headerLineHeightOffset 0 @headerDistance 0; @headerParagraphDistance: 0.25em; /* Paragraph */ @@ -67,13 +67,13 @@ /* Icon Message */ @iconSize: 3em; @iconOpacity: 0.8; -@iconContentDistance: 0rem; +@iconContentDistance: 0; @iconVerticalAlign: middle; /* Attached */ @attachedXOffset: -1px; @attachedYOffset: -1px; -@attachedBoxShadow: 0em 0em 0em @borderWidth @borderColor inset; +@attachedBoxShadow: 0 0 0 @borderWidth @borderColor inset; @attachedBottomBoxShadow: @attachedBoxShadow, @subtleShadow @@ -87,140 +87,140 @@ /* Colors */ @redBoxShadow: - 0px 0px 0px @borderWidth @redBorderColor inset, + 0 0 0 @borderWidth @redBorderColor inset, @shadowShadow ; @redBoxFloatingShadow: - 0px 0px 0px @borderWidth @redBorderColor inset, + 0 0 0 @borderWidth @redBorderColor inset, @floatingShadow ; @orangeBoxShadow: - 0px 0px 0px @borderWidth @orangeBorderColor inset, + 0 0 0 @borderWidth @orangeBorderColor inset, @shadowShadow ; @orangeBoxFloatingShadow: - 0px 0px 0px @borderWidth @orangeBorderColor inset, + 0 0 0 @borderWidth @orangeBorderColor inset, @floatingShadow ; @yellowBoxShadow: - 0px 0px 0px @borderWidth @yellowBorderColor inset, + 0 0 0 @borderWidth @yellowBorderColor inset, @shadowShadow ; @yellowBoxFloatingShadow: - 0px 0px 0px @borderWidth @yellowBorderColor inset, + 0 0 0 @borderWidth @yellowBorderColor inset, @floatingShadow ; @oliveBoxShadow: - 0px 0px 0px @borderWidth @oliveBorderColor inset, + 0 0 0 @borderWidth @oliveBorderColor inset, @shadowShadow ; @oliveBoxFloatingShadow: - 0px 0px 0px @borderWidth @oliveBorderColor inset, + 0 0 0 @borderWidth @oliveBorderColor inset, @floatingShadow ; @greenBoxShadow: - 0px 0px 0px @borderWidth @greenBorderColor inset, + 0 0 0 @borderWidth @greenBorderColor inset, @shadowShadow ; @greenBoxFloatingShadow: - 0px 0px 0px @borderWidth @greenBorderColor inset, + 0 0 0 @borderWidth @greenBorderColor inset, @floatingShadow ; @tealBoxShadow: - 0px 0px 0px @borderWidth @tealBorderColor inset, + 0 0 0 @borderWidth @tealBorderColor inset, @shadowShadow ; @tealBoxFloatingShadow: - 0px 0px 0px @borderWidth @tealBorderColor inset, + 0 0 0 @borderWidth @tealBorderColor inset, @floatingShadow ; @blueBoxShadow: - 0px 0px 0px @borderWidth @blueBorderColor inset, + 0 0 0 @borderWidth @blueBorderColor inset, @shadowShadow ; @blueBoxFloatingShadow: - 0px 0px 0px @borderWidth @blueBorderColor inset, + 0 0 0 @borderWidth @blueBorderColor inset, @floatingShadow ; @violetBoxShadow: - 0px 0px 0px @borderWidth @violetBorderColor inset, + 0 0 0 @borderWidth @violetBorderColor inset, @shadowShadow ; @violetBoxFloatingShadow: - 0px 0px 0px @borderWidth @violetBorderColor inset, + 0 0 0 @borderWidth @violetBorderColor inset, @floatingShadow ; @purpleBoxShadow: - 0px 0px 0px @borderWidth @purpleBorderColor inset, + 0 0 0 @borderWidth @purpleBorderColor inset, @shadowShadow ; @purpleBoxFloatingShadow: - 0px 0px 0px @borderWidth @purpleBorderColor inset, + 0 0 0 @borderWidth @purpleBorderColor inset, @floatingShadow ; @pinkBoxShadow: - 0px 0px 0px @borderWidth @pinkBorderColor inset, + 0 0 0 @borderWidth @pinkBorderColor inset, @shadowShadow ; @pinkBoxFloatingShadow: - 0px 0px 0px @borderWidth @pinkBorderColor inset, + 0 0 0 @borderWidth @pinkBorderColor inset, @floatingShadow ; @brownBoxShadow: - 0px 0px 0px @borderWidth @brownBorderColor inset, + 0 0 0 @borderWidth @brownBorderColor inset, @shadowShadow ; @brownBoxFloatingShadow: - 0px 0px 0px @borderWidth @brownBorderColor inset, + 0 0 0 @borderWidth @brownBorderColor inset, @floatingShadow ; /* Warning / Positive / Negative / Info */ @positiveBoxShadow: - 0px 0px 0px @borderWidth @positiveBorderColor inset, + 0 0 0 @borderWidth @positiveBorderColor inset, @shadowShadow ; @positiveBoxFloatingShadow: - 0px 0px 0px @borderWidth @positiveBorderColor inset, + 0 0 0 @borderWidth @positiveBorderColor inset, @floatingShadow ; @negativeBoxShadow: - 0px 0px 0px @borderWidth @negativeBorderColor inset, + 0 0 0 @borderWidth @negativeBorderColor inset, @shadowShadow ; @negativeBoxFloatingShadow: - 0px 0px 0px @borderWidth @negativeBorderColor inset, + 0 0 0 @borderWidth @negativeBorderColor inset, @floatingShadow ; @infoBoxShadow: - 0px 0px 0px @borderWidth @infoBorderColor inset, + 0 0 0 @borderWidth @infoBorderColor inset, @shadowShadow ; @infoBoxFloatingShadow: - 0px 0px 0px @borderWidth @infoBorderColor inset, + 0 0 0 @borderWidth @infoBorderColor inset, @floatingShadow ; @warningBoxShadow: - 0px 0px 0px @borderWidth @warningBorderColor inset, + 0 0 0 @borderWidth @warningBorderColor inset, @shadowShadow ; @warningBoxFloatingShadow: - 0px 0px 0px @borderWidth @warningBorderColor inset, + 0 0 0 @borderWidth @warningBorderColor inset, @floatingShadow ; @errorBoxShadow: - 0px 0px 0px @borderWidth @errorBorderColor inset, + 0 0 0 @borderWidth @errorBorderColor inset, @shadowShadow ; @errorBoxFloatingShadow: - 0px 0px 0px @borderWidth @errorBorderColor inset, + 0 0 0 @borderWidth @errorBorderColor inset, @floatingShadow ; @successBoxShadow: - 0px 0px 0px @borderWidth @successBorderColor inset, + 0 0 0 @borderWidth @successBorderColor inset, @shadowShadow ; @successBoxFloatingShadow: - 0px 0px 0px @borderWidth @successBorderColor inset, + 0 0 0 @borderWidth @successBorderColor inset, @floatingShadow ; diff --git a/src/themes/default/collections/table.variables b/src/themes/default/collections/table.variables index d2db7df98f..3e38cd1c0f 100644 --- a/src/themes/default/collections/table.variables +++ b/src/themes/default/collections/table.variables @@ -7,10 +7,10 @@ --------------------*/ @verticalMargin: 1em; -@horizontalMargin: 0em; +@horizontalMargin: 0; @margin: @verticalMargin @horizontalMargin; @borderCollapse: separate; -@borderSpacing: 0px; +@borderSpacing: 0; @borderRadius: @defaultBorderRadius; @transition: background @defaultDuration @defaultEasing, @@ -70,7 +70,7 @@ @responsiveHeaderDisplay: block; @responsiveFooterDisplay: block; @responsiveRowVerticalPadding: 1em; -@responsiveRowBoxShadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important; +@responsiveRowBoxShadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important; @responsiveCellVerticalPadding: 0.25em; @responsiveCellHorizontalPadding: 0.75em; @responsiveCellBoxShadow: none !important; @@ -111,36 +111,36 @@ States ---------------*/ -@stateMarkerWidth: 0px; +@stateMarkerWidth: 0; /* Positive */ @positiveColor: @positiveTextColor; -@positiveBoxShadow: @stateMarkerWidth 0px 0px @positiveBorderColor inset; +@positiveBoxShadow: @stateMarkerWidth 0 0 @positiveBorderColor inset; @positiveBackgroundHover: darken(@positiveBackgroundColor, 3); @positiveColorHover: darken(@positiveColor, 3); /* Negative */ @negativeColor: @negativeTextColor; -@negativeBoxShadow: @stateMarkerWidth 0px 0px @negativeBorderColor inset; +@negativeBoxShadow: @stateMarkerWidth 0 0 @negativeBorderColor inset; @negativeBackgroundHover: darken(@negativeBackgroundColor, 3); @negativeColorHover: darken(@negativeColor, 3); /* Error */ @errorColor: @errorTextColor; -@errorBoxShadow: @stateMarkerWidth 0px 0px @errorBorderColor inset; +@errorBoxShadow: @stateMarkerWidth 0 0 @errorBorderColor inset; @errorBackgroundHover: darken(@errorBackgroundColor, 3); @errorColorHover: darken(@errorColor, 3); /* Warning */ @warningColor: @warningTextColor; -@warningBoxShadow: @stateMarkerWidth 0px 0px @warningBorderColor inset; +@warningBoxShadow: @stateMarkerWidth 0 0 @warningBorderColor inset; @warningBackgroundHover: darken(@warningBackgroundColor, 3); @warningColorHover: darken(@warningColor, 3); /* Active */ @activeColor: @textColor; @activeBackgroundColor: #E0E0E0; -@activeBoxShadow: @stateMarkerWidth 0px 0px @activeColor inset; +@activeBoxShadow: @stateMarkerWidth 0 0 @activeColor inset; @activeBackgroundHover: #EFEFEF; @activeColorHover: @selectedTextColor; @@ -150,8 +150,8 @@ ---------------*/ /* Attached */ -@attachedTopOffset: 0px; -@attachedBottomOffset: 0px; +@attachedTopOffset: 0; +@attachedBottomOffset: 0; @attachedHorizontalOffset: -@borderWidth; @attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @@ -201,7 +201,7 @@ /* Colors */ @coloredBorderSize: 0.2em; -@coloredBorderRadius: 0em 0em @borderRadius @borderRadius; +@coloredBorderRadius: 0 0 @borderRadius @borderRadius; /* Inverted */ @invertedBackground: #333333; diff --git a/src/themes/default/elements/button.variables b/src/themes/default/elements/button.variables index d79f2d1ddd..48eb323e1c 100644 --- a/src/themes/default/elements/button.variables +++ b/src/themes/default/elements/button.variables @@ -7,7 +7,7 @@ --------------------*/ /* Button */ -@verticalMargin: 0em; +@verticalMargin: 0; @horizontalMargin: 0.25em; @backgroundColor: #E0E1E2; @backgroundImage: none; @@ -30,14 +30,14 @@ @verticalAlign: baseline; /* Internal Shadow */ -@shadowDistance: 0em; +@shadowDistance: 0; @shadowOffset: (@shadowDistance / 2); -@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset; +@shadowBoxShadow: 0 -@shadowDistance 0 0 @borderColor inset; /* Box Shadow */ @borderBoxShadowColor: transparent; @borderBoxShadowWidth: 1px; -@borderBoxShadow: 0px 0px 0px @borderBoxShadowWidth @borderBoxShadowColor inset; +@borderBoxShadow: 0 0 0 @borderBoxShadowWidth @borderBoxShadowColor inset; @boxShadow: @borderBoxShadow, @shadowBoxShadow @@ -51,8 +51,8 @@ @iconTransition: opacity @defaultDuration @defaultEasing; @iconVerticalAlign: ''; -@iconMargin: 0em @iconDistance 0em -(@iconDistance / 2); -@rightIconMargin: 0em -(@iconDistance / 2) 0em @iconDistance; +@iconMargin: 0 @iconDistance 0 -(@iconDistance / 2); +@rightIconMargin: 0 -(@iconDistance / 2) 0 @iconDistance; /* Loader */ @invertedLoaderFillColor: rgba(0, 0, 0, 0.15); @@ -76,8 +76,8 @@ @groupBoxShadow: none; @groupButtonBoxShadow: @boxShadow; @verticalBoxShadow: none; -@groupButtonOffset: 0px 0px 0px 0px; -@verticalGroupOffset: 0px 0px 0px 0px; +@groupButtonOffset: 0 0 0 0; +@verticalGroupOffset: 0 0 0 0; /*------------------- States @@ -171,7 +171,7 @@ @labeledLabelBorderColor: @borderColor; @labeledLabelBorderOffset: -@borderBoxShadowWidth; @labeledTagLabelSize: 1.85em; /* hypotenuse of triangle */ -@labeledIconMargin: 0em; +@labeledIconMargin: 0; /* Labeled Icon */ @labeledIconWidth: 1em + (@verticalPadding * 2); @@ -180,16 +180,16 @@ @labeledIconBorder: transparent; @labeledIconColor: ''; -@labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset; -@labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset; +@labeledIconLeftShadow: -1px 0 0 0 @labeledIconBorder inset; +@labeledIconRightShadow: 1px 0 0 0 @labeledIconBorder inset; /* Inverted */ @invertedBorderSize: 2px; @invertedTextColor: @white; @invertedTextHoverColor: @hoverColor; -@invertedGroupButtonOffset: 0px 0px 0px -(@invertedBorderSize); -@invertedVerticalGroupButtonOffset: 0px 0px -(@invertedBorderSize) 0px; +@invertedGroupButtonOffset: 0 0 0 -(@invertedBorderSize); +@invertedVerticalGroupButtonOffset: 0 0 -(@invertedBorderSize) 0; /* Basic */ @basicBorderRadius: @borderRadius; @@ -200,7 +200,7 @@ @basicBackground: transparent none; @basicFontWeight: @normal; @basicBorder: 1px solid @borderColor; -@basicBoxShadow: 0px 0px 0px @basicBorderSize @borderColor inset; +@basicBoxShadow: 0 0 0 @basicBorderSize @borderColor inset; @basicLoadingColor: @offWhite; @basicTextTransform: none; @@ -208,8 +208,8 @@ @basicHoverBackground: #FFFFFF; @basicHoverTextColor: @hoveredTextColor; @basicHoverBoxShadow: - 0px 0px 0px @basicBorderSize @selectedBorderColor inset, - 0px 0px 0px 0px @borderColor inset + 0 0 0 @basicBorderSize @selectedBorderColor inset, + 0 0 0 0 @borderColor inset ; /* Basic Focus */ @basicFocusBackground: @basicHoverBackground; @@ -220,8 +220,8 @@ @basicDownBackground: #F8F8F8; @basicDownTextColor: @pressedTextColor; @basicDownBoxShadow: - 0px 0px 0px @basicBorderSize rgba(0, 0, 0, 0.15) inset, - 0px 1px 4px 0px @borderColor inset + 0 0 0 @basicBorderSize rgba(0, 0, 0, 0.15) inset, + 0 1px 4px 0 @borderColor inset ; /* Basic Active */ @basicActiveBackground: @transparentBlack; @@ -234,11 +234,11 @@ @basicInvertedDownBackground: @transparentWhite; @basicInvertedActiveBackground: @transparentWhite; -@basicInvertedBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 0.5) inset; -@basicInvertedHoverBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 1) inset; -@basicInvertedFocusBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 1) inset; -@basicInvertedDownBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 0.9) inset; -@basicInvertedActiveBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 0.7) inset; +@basicInvertedBoxShadow: 0 0 0 @invertedBorderSize rgba(255, 255, 255, 0.5) inset; +@basicInvertedHoverBoxShadow: 0 0 0 @invertedBorderSize rgba(255, 255, 255, 1) inset; +@basicInvertedFocusBoxShadow: 0 0 0 @invertedBorderSize rgba(255, 255, 255, 1) inset; +@basicInvertedDownBoxShadow: 0 0 0 @invertedBorderSize rgba(255, 255, 255, 0.9) inset; +@basicInvertedActiveBoxShadow: 0 0 0 @invertedBorderSize rgba(255, 255, 255, 0.7) inset; @basicInvertedColor: @darkWhite; @basicInvertedHoverColor: @darkWhiteHover; @@ -250,7 +250,7 @@ @basicGroupBorder: @basicBorderSize solid @borderColor; @basicGroupBoxShadow: none; -/*------------- +/*------------- Tertiary -------------*/ @tertiaryLinePadding: 0.5em; @@ -376,7 +376,7 @@ /* Attached */ @attachedOffset: -1px; -@attachedBoxShadow: 0px 0px 0px 1px @borderColor; +@attachedBoxShadow: 0 0 0 1px @borderColor; @attachedHorizontalPadding: 0.75em; @attachedZIndex: 2; diff --git a/src/themes/default/elements/container.variables b/src/themes/default/elements/container.variables index 1f86c5996e..29bddcd735 100644 --- a/src/themes/default/elements/container.variables +++ b/src/themes/default/elements/container.variables @@ -11,7 +11,7 @@ @maxWidth: 100%; /* Devices */ -@mobileMinimumGutter: 0em; +@mobileMinimumGutter: 0; @mobileWidth: auto; @mobileGutter: 1em; @@ -55,4 +55,4 @@ @textWidth: 700px; @textFontFamily: @pageFont; @textLineHeight: 1.5; -@textSize: @large; \ No newline at end of file +@textSize: @large; diff --git a/src/themes/default/elements/divider.variables b/src/themes/default/elements/divider.variables index 71667555ae..78341c07f4 100644 --- a/src/themes/default/elements/divider.variables +++ b/src/themes/default/elements/divider.variables @@ -6,7 +6,7 @@ Element --------------------*/ -@margin: 1rem 0rem; +@margin: 1rem 0; @highlightWidth: 1px; @highlightColor: @whiteBorderColor; @@ -26,7 +26,7 @@ /* Icon */ @dividerIconSize: 1rem; -@dividerIconMargin: 0rem; +@dividerIconMargin: 0; /******************************* diff --git a/src/themes/default/elements/flag.overrides b/src/themes/default/elements/flag.overrides index f4f931ad30..557b2b6fae 100644 --- a/src/themes/default/elements/flag.overrides +++ b/src/themes/default/elements/flag.overrides @@ -6,308 +6,308 @@ i.flag.ad:before, i.flag.andorra:before { - background-position: 0px 0px; + background-position: 0 0; } i.flag.ae:before, i.flag.united.arab.emirates:before, i.flag.uae:before { - background-position: 0px -26px; + background-position: 0 -26px; } i.flag.af:before, i.flag.afghanistan:before { - background-position: 0px -52px; + background-position: 0 -52px; } i.flag.ag:before, i.flag.antigua:before { - background-position: 0px -78px; + background-position: 0 -78px; } i.flag.ai:before, i.flag.anguilla:before { - background-position: 0px -104px; + background-position: 0 -104px; } i.flag.al:before, i.flag.albania:before { - background-position: 0px -130px; + background-position: 0 -130px; } i.flag.am:before, i.flag.armenia:before { - background-position: 0px -156px; + background-position: 0 -156px; } i.flag.an:before, i.flag.netherlands.antilles:before { - background-position: 0px -182px; + background-position: 0 -182px; } i.flag.ao:before, i.flag.angola:before { - background-position: 0px -208px; + background-position: 0 -208px; } i.flag.ar:before, i.flag.argentina:before { - background-position: 0px -234px; + background-position: 0 -234px; } i.flag.as:before, i.flag.american.samoa:before { - background-position: 0px -260px; + background-position: 0 -260px; } i.flag.at:before, i.flag.austria:before { - background-position: 0px -286px; + background-position: 0 -286px; } i.flag.au:before, i.flag.australia:before { - background-position: 0px -312px; + background-position: 0 -312px; } i.flag.aw:before, i.flag.aruba:before { - background-position: 0px -338px; + background-position: 0 -338px; } i.flag.ax:before, i.flag.aland.islands:before { - background-position: 0px -364px; + background-position: 0 -364px; } i.flag.az:before, i.flag.azerbaijan:before { - background-position: 0px -390px; + background-position: 0 -390px; } i.flag.ba:before, i.flag.bosnia:before { - background-position: 0px -416px; + background-position: 0 -416px; } i.flag.bb:before, i.flag.barbados:before { - background-position: 0px -442px; + background-position: 0 -442px; } i.flag.bd:before, i.flag.bangladesh:before { - background-position: 0px -468px; + background-position: 0 -468px; } i.flag.be:before, i.flag.belgium:before { - background-position: 0px -494px; + background-position: 0 -494px; } i.flag.bf:before, i.flag.burkina.faso:before { - background-position: 0px -520px; + background-position: 0 -520px; } i.flag.bg:before, i.flag.bulgaria:before { - background-position: 0px -546px; + background-position: 0 -546px; } i.flag.bh:before, i.flag.bahrain:before { - background-position: 0px -572px; + background-position: 0 -572px; } i.flag.bi:before, i.flag.burundi:before { - background-position: 0px -598px; + background-position: 0 -598px; } i.flag.bj:before, i.flag.benin:before { - background-position: 0px -624px; + background-position: 0 -624px; } i.flag.bm:before, i.flag.bermuda:before { - background-position: 0px -650px; + background-position: 0 -650px; } i.flag.bn:before, i.flag.brunei:before { - background-position: 0px -676px; + background-position: 0 -676px; } i.flag.bo:before, i.flag.bolivia:before { - background-position: 0px -702px; + background-position: 0 -702px; } i.flag.br:before, i.flag.brazil:before { - background-position: 0px -728px; + background-position: 0 -728px; } i.flag.bs:before, i.flag.bahamas:before { - background-position: 0px -754px; + background-position: 0 -754px; } i.flag.bt:before, i.flag.bhutan:before { - background-position: 0px -780px; + background-position: 0 -780px; } i.flag.bv:before, i.flag.bouvet.island:before { - background-position: 0px -806px; + background-position: 0 -806px; } i.flag.bw:before, i.flag.botswana:before { - background-position: 0px -832px; + background-position: 0 -832px; } i.flag.by:before, i.flag.belarus:before { - background-position: 0px -858px; + background-position: 0 -858px; } i.flag.bz:before, i.flag.belize:before { - background-position: 0px -884px; + background-position: 0 -884px; } i.flag.ca:before, i.flag.canada:before { - background-position: 0px -910px; + background-position: 0 -910px; } i.flag.cc:before, i.flag.cocos.islands:before { - background-position: 0px -962px; + background-position: 0 -962px; } i.flag.cd:before, i.flag.congo:before { - background-position: 0px -988px; + background-position: 0 -988px; } i.flag.cf:before, i.flag.central.african.republic:before { - background-position: 0px -1014px; + background-position: 0 -1014px; } i.flag.cg:before, i.flag.congo.brazzaville:before { - background-position: 0px -1040px; + background-position: 0 -1040px; } i.flag.ch:before, i.flag.switzerland:before { - background-position: 0px -1066px; + background-position: 0 -1066px; } i.flag.ci:before, i.flag.cote.divoire:before { - background-position: 0px -1092px; + background-position: 0 -1092px; } i.flag.ck:before, i.flag.cook.islands:before { - background-position: 0px -1118px; + background-position: 0 -1118px; } i.flag.cl:before, i.flag.chile:before { - background-position: 0px -1144px; + background-position: 0 -1144px; } i.flag.cm:before, i.flag.cameroon:before { - background-position: 0px -1170px; + background-position: 0 -1170px; } i.flag.cn:before, i.flag.china:before { - background-position: 0px -1196px; + background-position: 0 -1196px; } i.flag.co:before, i.flag.colombia:before { - background-position: 0px -1222px; + background-position: 0 -1222px; } i.flag.cr:before, i.flag.costa.rica:before { - background-position: 0px -1248px; + background-position: 0 -1248px; } i.flag.cs:before, i.flag.serbia:before { - background-position: 0px -1274px; + background-position: 0 -1274px; } i.flag.cu:before, i.flag.cuba:before { - background-position: 0px -1300px; + background-position: 0 -1300px; } i.flag.cv:before, i.flag.cape.verde:before { - background-position: 0px -1326px; + background-position: 0 -1326px; } i.flag.cx:before, i.flag.christmas.island:before { - background-position: 0px -1352px; + background-position: 0 -1352px; } i.flag.cy:before, i.flag.cyprus:before { - background-position: 0px -1378px; + background-position: 0 -1378px; } i.flag.cz:before, i.flag.czech.republic:before { - background-position: 0px -1404px; + background-position: 0 -1404px; } i.flag.de:before, i.flag.germany:before { - background-position: 0px -1430px; + background-position: 0 -1430px; } i.flag.dj:before, i.flag.djibouti:before { - background-position: 0px -1456px; + background-position: 0 -1456px; } i.flag.dk:before, i.flag.denmark:before { - background-position: 0px -1482px; + background-position: 0 -1482px; } i.flag.dm:before, i.flag.dominica:before { - background-position: 0px -1508px; + background-position: 0 -1508px; } i.flag.do:before, i.flag.dominican.republic:before { - background-position: 0px -1534px; + background-position: 0 -1534px; } i.flag.dz:before, i.flag.algeria:before { - background-position: 0px -1560px; + background-position: 0 -1560px; } i.flag.ec:before, i.flag.ecuador:before { - background-position: 0px -1586px; + background-position: 0 -1586px; } i.flag.ee:before, i.flag.estonia:before { - background-position: 0px -1612px; + background-position: 0 -1612px; } i.flag.eg:before, i.flag.egypt:before { - background-position: 0px -1638px; + background-position: 0 -1638px; } i.flag.eh:before, i.flag.western.sahara:before { - background-position: 0px -1664px; + background-position: 0 -1664px; } i.flag.gb.eng:before, i.flag.england:before { - background-position: 0px -1690px; + background-position: 0 -1690px; } i.flag.er:before, i.flag.eritrea:before { - background-position: 0px -1716px; + background-position: 0 -1716px; } i.flag.es:before, i.flag.spain:before { - background-position: 0px -1742px; + background-position: 0 -1742px; } i.flag.et:before, i.flag.ethiopia:before { - background-position: 0px -1768px; + background-position: 0 -1768px; } i.flag.eu:before, i.flag.european.union:before { - background-position: 0px -1794px; + background-position: 0 -1794px; } i.flag.fi:before, i.flag.finland:before { - background-position: 0px -1846px; + background-position: 0 -1846px; } i.flag.fj:before, i.flag.fiji:before { - background-position: 0px -1872px; + background-position: 0 -1872px; } i.flag.fk:before, i.flag.falkland.islands:before { - background-position: 0px -1898px; + background-position: 0 -1898px; } i.flag.fm:before, i.flag.micronesia:before { - background-position: 0px -1924px; + background-position: 0 -1924px; } i.flag.fo:before, i.flag.faroe.islands:before { - background-position: 0px -1950px; + background-position: 0 -1950px; } i.flag.fr:before, i.flag.france:before { - background-position: 0px -1976px; + background-position: 0 -1976px; } i.flag.ga:before, i.flag.gabon:before { - background-position: -36px 0px; + background-position: -36px 0; } i.flag.gb:before, i.flag.uk:before, @@ -617,7 +617,7 @@ i.flag.malawi:before { } i.flag.mx:before, i.flag.mexico:before { - background-position: -72px 0px; + background-position: -72px 0; } i.flag.my:before, i.flag.malaysia:before { @@ -927,7 +927,7 @@ i.flag.uruguay:before { } i.flag.uz:before, i.flag.uzbekistan:before { - background-position: -108px 0px; + background-position: -108px 0; } i.flag.va:before, i.flag.vatican.city:before { diff --git a/src/themes/default/elements/header.variables b/src/themes/default/elements/header.variables index 7933ecd63e..6c02c526a8 100644 --- a/src/themes/default/elements/header.variables +++ b/src/themes/default/elements/header.variables @@ -14,12 +14,12 @@ @topMargin: @headerTopMargin; @bottomMargin: @headerBottomMargin; -@margin: @topMargin 0em @bottomMargin; +@margin: @topMargin 0 @bottomMargin; @firstMargin: -@lineHeightOffset; -@lastMargin: 0em; -@horizontalPadding: 0em; -@verticalPadding: 0em; +@lastMargin: 0; +@horizontalPadding: 0; +@verticalPadding: 0; /* Sub Heading */ @subHeadingDistance: @2px; @@ -33,14 +33,14 @@ @hugeSubHeadingSize: @relativeMedium; /* Sub Header */ -@subHeaderMargin: 0em; +@subHeaderMargin: 0; @subHeaderLineHeight: 1.2em; @subHeaderColor: @mutedTextColor; /* Icon */ @iconOpacity: 1; @iconSize: 1.5em; -@iconOffset: 0em; +@iconOffset: 0; @iconMargin: 0.75rem; @iconAlignment: middle; @@ -62,7 +62,7 @@ @contentImageAlignment: middle; /* Paragraph after Header */ -@nextParagraphDistance: 0em; +@nextParagraphDistance: 0; /*------------------- Variations @@ -99,7 +99,7 @@ /* No Line Height Offset */ @iconHeaderTopMargin: 2rem; @iconHeaderBottomMargin: @bottomMargin; -@iconHeaderFirstMargin: 0em; +@iconHeaderFirstMargin: 0; /* Divided */ @dividedBorderWidth: 1px; @@ -108,7 +108,7 @@ @dividedBorderPadding: @3px; @dividedSubHeaderPadding: @3px; -@dividedIconPadding: 0em; +@dividedIconPadding: 0; /* Block */ @blockBackground: @darkWhite; diff --git a/src/themes/default/elements/icon.variables b/src/themes/default/elements/icon.variables index daffd92379..1284763172 100644 --- a/src/themes/default/elements/icon.variables +++ b/src/themes/default/elements/icon.variables @@ -61,13 +61,13 @@ @loadingDuration: 2s; @circularSize: 2em; -@circularPadding: 0.5em 0em; -@circularShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; +@circularPadding: 0.5em 0; +@circularShadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; @borderedSize: 2em; @borderedVerticalPadding: ((@borderedSize - @height) / 2); -@borderedHorizontalPadding: 0em; -@borderedShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; +@borderedHorizontalPadding: 0; +@borderedShadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; @cornerIconSize: 0.45em; @cornerIconStroke: 1px; diff --git a/src/themes/default/elements/input.variables b/src/themes/default/elements/input.variables index 5b617f8881..1b7cba1343 100644 --- a/src/themes/default/elements/input.variables +++ b/src/themes/default/elements/input.variables @@ -37,7 +37,7 @@ @iconFocusOpacity: 1; @iconOffset: -0.5em; -@iconDistance: 0em; +@iconDistance: 0; @iconMargin: @iconWidth + @iconDistance; @iconTransition: opacity 0.3s @defaultEasing; diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables index 0fbafa8268..de6596b983 100644 --- a/src/themes/default/elements/label.variables +++ b/src/themes/default/elements/label.variables @@ -7,7 +7,7 @@ --------------------*/ @verticalAlign: baseline; -@verticalMargin: 0em; +@verticalMargin: 0; @horizontalMargin: @relative2px; @backgroundColor: #E8E8E8; @color: @mutedTextColor; @@ -18,7 +18,7 @@ @textTransform: none; @fontWeight: @bold; @borderWidth: 1px; -@border: 0px solid transparent; +@border: 0 solid transparent; @lineHeightOffset: -(@verticalPadding / 2); @@ -71,7 +71,7 @@ @imageLabelPadding: @imageLabelVerticalPadding @imageLabelHorizontalPadding @imageLabelVerticalPadding @imageLabelTextDistance; @imageLabelImageMargin: -@verticalPadding @imageLabelTextDistance -@verticalPadding -@imageLabelTextDistance; -@imageLabelImageBorderRadius: @imageLabelBorderRadius 0em 0em @imageLabelBorderRadius; +@imageLabelImageBorderRadius: @imageLabelBorderRadius 0 0 @imageLabelBorderRadius; @imageLabelImageHeight: @imageHeight; @imageLabelDetailBackground: @strongTransparentBlack; diff --git a/src/themes/default/elements/list.variables b/src/themes/default/elements/list.variables index 177de31f5c..a3c40a63fc 100644 --- a/src/themes/default/elements/list.variables +++ b/src/themes/default/elements/list.variables @@ -9,23 +9,23 @@ /* List */ @listStyleType: none; @listStylePosition: outside; -@margin: 1em 0em; -@verticalPadding: 0em; -@horizontalPadding: 0em; +@margin: 1em 0; +@verticalPadding: 0; +@horizontalPadding: 0; /* List Item */ @itemVerticalPadding: @relative3px; -@itemHorizontalPadding: 0em; +@itemHorizontalPadding: 0; @itemPadding: @itemVerticalPadding @itemHorizontalPadding; @itemLineHeight: @relativeLarge; /* Sub List */ -@childListPadding: 0.75em 0em 0.25em 0.5em; +@childListPadding: 0.75em 0 0.25em 0.5em; @childListIndent: 1em; /* Sub List Item */ @childItemVerticalPadding: @relative2px; -@childItemHorizontalPadding: 0em; +@childItemHorizontalPadding: 0; @childItemPadding: @childItemVerticalPadding @childItemHorizontalPadding; @childItemLineHeight: inherit; @@ -35,7 +35,7 @@ /* Icon */ @iconDistance: @relative4px; -@iconOffset: 0em; +@iconOffset: 0; @iconTransition: color @defaultDuration @defaultEasing; @iconVerticalAlign: top; @iconContentVerticalAlign: top; @@ -85,8 +85,8 @@ /* Float */ @floatDistance: 1em; -@leftFloatMargin: 0em @floatDistance 0em 0em; -@rightFloatMargin: 0em 0em 0em @floatDistance; +@leftFloatMargin: 0 @floatDistance 0 0; +@rightFloatMargin: 0 0 0 @floatDistance; /* Horizontal */ @horizontalSpacing: 1em; @@ -117,7 +117,7 @@ @invertedLinkListItemActiveColor: @invertedSelectedTextColor; /* Selection List */ -@selectionListItemMargin: 0em; +@selectionListItemMargin: 0; @selectionListItemBorderRadius: 0.5em; @selectionListItemVerticalPadding: 0.5em; @selectionListItemHorizontalPadding: 0.5em; diff --git a/src/themes/default/elements/loader.variables b/src/themes/default/elements/loader.variables index b52281e654..eb9dea4e37 100644 --- a/src/themes/default/elements/loader.variables +++ b/src/themes/default/elements/loader.variables @@ -42,7 +42,7 @@ --------------------*/ @inlineVerticalAlign: middle; -@inlineMargin: 0em; +@inlineMargin: 0; /* Exact Sizes (Avoids Rounding Errors) */ @mini : @14px; @@ -54,14 +54,14 @@ @huge : @58px; @massive : @64px; -@miniOffset: 0em 0em 0em -(@mini / 2); -@tinyOffset: 0em 0em 0em -(@tiny / 2); -@smallOffset: 0em 0em 0em -(@small / 2); -@mediumOffset: 0em 0em 0em -(@medium / 2); -@largeOffset: 0em 0em 0em -(@large / 2); -@bigOffset: 0em 0em 0em -(@big / 2); -@hugeOffset: 0em 0em 0em -(@huge / 2); -@massiveOffset: 0em 0em 0em -(@massive / 2); +@miniOffset: 0 0 0 -(@mini / 2); +@tinyOffset: 0 0 0 -(@tiny / 2); +@smallOffset: 0 0 0 -(@small / 2); +@mediumOffset: 0 0 0 -(@medium / 2); +@largeOffset: 0 0 0 -(@large / 2); +@bigOffset: 0 0 0 -(@big / 2); +@hugeOffset: 0 0 0 -(@huge / 2); +@massiveOffset: 0 0 0 -(@massive / 2); @tinyFontSize: @relativeTiny; @miniFontSize: @relativeMini; diff --git a/src/themes/default/elements/placeholder.variables b/src/themes/default/elements/placeholder.variables index 9e741979e7..a1b490a9ee 100644 --- a/src/themes/default/elements/placeholder.variables +++ b/src/themes/default/elements/placeholder.variables @@ -36,18 +36,18 @@ @placeholderLoadingAnimationDuration: 2s; @placeholderLoadingGradientWidth: 1200px; @placeholderLoadingGradient: linear-gradient(to right, - rgba(0, 0, 0, 0.08) 0%, + rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30% ); @placeholderInvertedLoadingGradient: linear-gradient(to right, - rgba(255, 255, 255, 0.08) 0%, + rgba(255, 255, 255, 0.08) 0, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30% ); /* Variations */ -@placeholderFullLineOutdent: 0%; +@placeholderFullLineOutdent: 0; @placeholderVeryLongLineOutdent: 10%; @placeholderLongLineOutdent: 35%; @placeholderMediumLineOutdent: 50%; diff --git a/src/themes/default/elements/segment.variables b/src/themes/default/elements/segment.variables index 3cff4052c0..bc59720c8c 100644 --- a/src/themes/default/elements/segment.variables +++ b/src/themes/default/elements/segment.variables @@ -16,7 +16,7 @@ @padding: @verticalPadding @horizontalPadding; @verticalMargin: 1rem; -@horizontalMargin: 0em; +@horizontalMargin: 0; @margin: @verticalMargin @horizontalMargin; @borderRadius: @defaultBorderRadius; @@ -33,7 +33,7 @@ @groupedSegmentBorder: none; @groupedSegmentDivider: @border; -@groupedSegmentMargin: 0em; +@groupedSegmentMargin: 0; @groupedSegmentWidth: auto; @groupedSegmentBoxShadow: none; @@ -52,10 +52,10 @@ @placeholderBackground: @offWhite; @placeholderPadding: @padding; @placeholderBorderColor: @borderColor; -@placeholderBoxShadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset; +@placeholderBoxShadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset; @placeholderMinHeight: 18rem; @placeholderContentMaxWidth: 15rem; -@placeholderContentInlineButtonMargin: 0px @5px 0px 0px; +@placeholderContentInlineButtonMargin: 0 @5px 0 0; /* Piled */ @@ -100,8 +100,8 @@ @veryPaddedSegmentPadding: 3em; /* Attached */ -@attachedTopOffset: 0px; -@attachedBottomOffset: 0px; +@attachedTopOffset: 0; +@attachedBottomOffset: 0; @attachedHorizontalOffset: -@borderWidth; @attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2)); @attachedBoxShadow: none; @@ -121,7 +121,7 @@ @basicBackground: none transparent; @basicBorder: none; @basicBoxShadow: none; -@basicBorderRadius: 0px; +@basicBorderRadius: 0; /* Colors */ @coloredBorderSize: 2px; @@ -137,7 +137,7 @@ @secondaryInvertedBackground: lighten(@black, (@secondaryInvertedLightness * 100)) linear-gradient( - rgba(255, 255, 255, @secondaryInvertedLightness) 0%, + rgba(255, 255, 255, @secondaryInvertedLightness) 0, rgba(255, 255, 255, @secondaryInvertedLightness) 100% ) ; @@ -147,7 +147,7 @@ @tertiaryInvertedBackground: lighten(@black, (@tertiaryInvertedLightness * 100)) linear-gradient( - rgba(255, 255, 255, @tertiaryInvertedLightness) 0%, + rgba(255, 255, 255, @tertiaryInvertedLightness) 0, rgba(255, 255, 255, @tertiaryInvertedLightness) 100% ) ; diff --git a/src/themes/default/elements/step.variables b/src/themes/default/elements/step.variables index fc42c7b64b..ef0de7d450 100644 --- a/src/themes/default/elements/step.variables +++ b/src/themes/default/elements/step.variables @@ -6,7 +6,7 @@ Group --------------------*/ -@stepMargin: 1em 0em; +@stepMargin: 1em 0; @stepsBorderRadius: @defaultBorderRadius; @stepsBackground: ''; @stepsBoxShadow: none; @@ -16,8 +16,8 @@ Element --------------------*/ -@verticalMargin: 0em; -@horizontalMargin: 0em; +@verticalMargin: 0; +@horizontalMargin: 0; @arrowSize: @relativeLarge; @verticalPadding: @relativeLarge; @@ -34,7 +34,7 @@ @justifyContent: center; @backgroundColor: @white; @background: @backgroundColor; -@borderRadius: 0em; +@borderRadius: 0; @borderWidth: 1px; @boxShadow: none; @border: none; @@ -61,8 +61,8 @@ /* Arrow */ @arrowBackgroundColor: @backgroundColor; @arrowTopOffset: 50%; -@arrowRightOffset: 0%; -@arrowBorderWidth: 0px @borderWidth @borderWidth 0px; +@arrowRightOffset: 0; +@arrowBorderWidth: 0 @borderWidth @borderWidth 0; @arrowDisplay: block; @lastArrowDisplay: none; @@ -80,8 +80,8 @@ /* Vertical */ @verticalDivider: @divider; @verticalArrowTopOffset: 50%; -@verticalArrowRightOffset: 0%; -@verticalArrowBorderWidth: 0px @borderWidth @borderWidth 0px; +@verticalArrowRightOffset: 0; +@verticalArrowBorderWidth: 0 @borderWidth @borderWidth 0; @verticalArrowDisplay: none; @verticalLastArrowDisplay: @verticalArrowDisplay; diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables index b86e6d5489..b944eddb14 100755 --- a/src/themes/default/globals/site.variables +++ b/src/themes/default/globals/site.variables @@ -131,7 +131,7 @@ Paragraph --------------------*/ -@paragraphMargin : 0em 0em 1em; +@paragraphMargin : 0 0 1em; @paragraphLineHeight : @lineHeight; /*------------------- @@ -153,7 +153,7 @@ @customScrollbarHeight: 10px; @trackBackground: rgba(0, 0, 0, 0.1); -@trackBorderRadius: 0px; +@trackBorderRadius: 0; @thumbBorderRadius: 5px; @thumbBackground: rgba(0, 0, 0, 0.25); @@ -332,11 +332,11 @@ /* Differentiating Layers */ @subtleShadow: - 0px 1px 2px 0 @borderColor + 0 1px 2px 0 @borderColor ; @floatingShadow: - 0px 2px 4px 0px rgba(34, 36, 38, 0.12), - 0px 2px 10px 0px rgba(34, 36, 38, 0.15) + 0 2px 4px 0 rgba(34, 36, 38, 0.12), + 0 2px 10px 0 rgba(34, 36, 38, 0.15) ; /******************************* @@ -496,7 +496,7 @@ /* Loaders Position Offset */ @loaderOffset : -(@loaderSize / 2); -@loaderMargin : @loaderOffset 0em 0em @loaderOffset; +@loaderMargin : @loaderOffset 0 0 @loaderOffset; /* Rendered Scrollbar Width */ @scrollbarWidth: 17px; @@ -511,7 +511,7 @@ /* Header Spacing */ @headerTopMargin : e(%("calc(2rem - %d)", @headerLineHeightOffset)); @headerBottomMargin : 1rem; -@headerMargin : @headerTopMargin 0em @headerBottomMargin; +@headerMargin : @headerTopMargin 0 @headerBottomMargin; /* Minimum Mobile Width */ @pageMinWidth : 320px; @@ -734,8 +734,8 @@ /*--- Shadows ---*/ @floatingShadowHover: - 0px 2px 4px 0px rgba(34, 36, 38, 0.15), - 0px 2px 10px 0px rgba(34, 36, 38, 0.25) + 0 2px 4px 0 rgba(34, 36, 38, 0.15), + 0 2px 10px 0 rgba(34, 36, 38, 0.25) ; /*--- Colors ---*/ diff --git a/src/themes/default/modules/accordion.variables b/src/themes/default/modules/accordion.variables index 64cef4e04e..e4b3d08036 100644 --- a/src/themes/default/modules/accordion.variables +++ b/src/themes/default/modules/accordion.variables @@ -6,7 +6,7 @@ /* Title */ @titleFont: @headerFont; -@titlePadding: 0.5em 0em; +@titlePadding: 0.5em 0; @titleFontSize: 1em; @titleColor: @textColor; @@ -17,8 +17,8 @@ @iconWidth: 1.25em; @iconHeight: 1em; @iconDisplay: inline-block; -@iconMargin: 0em 0.25rem 0em 0rem; -@iconPadding: 0em; +@iconMargin: 0 0.25rem 0 0; +@iconPadding: 0; @iconTransition: transform @defaultDuration @defaultEasing, opacity @defaultDuration @defaultEasing @@ -27,20 +27,20 @@ @iconTransform: none; /* Child Accordion */ -@childAccordionMargin: 1em 0em 0em; -@childAccordionPadding: 0em; +@childAccordionMargin: 1em 0 0; +@childAccordionPadding: 0; /* Content */ @contentMargin: ''; -@contentPadding: 0.5em 0em 1em; +@contentPadding: 0.5em 0 1em; /*------------------- Coupling --------------------*/ -@menuTitlePadding: 0em; +@menuTitlePadding: 0; @menuIconFloat: right; -@menuIconMargin: @lineHeightOffset 0em 0em 1em; +@menuIconMargin: @lineHeightOffset 0 0 1em; @menuIconTransform: rotate(180deg); @@ -60,19 +60,19 @@ @styledBorderRadius: @defaultBorderRadius; @styledBoxShadow: @subtleShadow, - 0px 0px 0px 1px @borderColor + 0 0 0 1px @borderColor ; /* Content */ -@styledContentMargin: 0em; +@styledContentMargin: 0; @styledContentPadding: 0.5em 1em 1.5em; /* Child Content */ -@styledChildContentMargin: 0em; +@styledChildContentMargin: 0; @styledChildContentPadding: @styledContentPadding; /* Styled Title */ -@styledTitleMargin: 0em; +@styledTitleMargin: 0; @styledTitlePadding: 0.75em 1em; @styledTitleFontWeight: @bold; @styledTitleColor: @unselectedTextColor; diff --git a/src/themes/default/modules/checkbox.variables b/src/themes/default/modules/checkbox.variables index 821c734d41..5d62ee0336 100644 --- a/src/themes/default/modules/checkbox.variables +++ b/src/themes/default/modules/checkbox.variables @@ -23,8 +23,8 @@ /* Checkmark */ @checkboxCheckFontSize: 14px; -@checkboxCheckTop: 0px; -@checkboxCheckLeft: 0px; +@checkboxCheckTop: 0; +@checkboxCheckLeft: 0; @checkboxCheckSize: @checkboxSize; /* Label */ @@ -84,11 +84,11 @@ @radioSize: 15px; @radioTop: 1px; -@radioLeft: 0px; +@radioLeft: 0; @radioLabelDistance: @labelDistance; @bulletTop: 1px; -@bulletLeft: 0px; +@bulletLeft: 0; @bulletScale: (7 / 15); /* 7px as unitless value from radio size */ @bulletColor: @textColor; @bulletRadius: @circularRadius; @@ -106,7 +106,7 @@ @handleBackground: @white @subtleGradient; @handleBoxShadow: @subtleShadow, - 0px 0px 0px 1px @borderColor inset + 0 0 0 1px @borderColor inset ; /* Slider */ @@ -154,7 +154,7 @@ @toggleHeight: @toggleHandleSize; @toggleHandleRadius: @circularRadius; -@toggleHandleOffset: 0rem; +@toggleHandleOffset: 0; @toggleHandleTransition: background @sliderTransitionDuration @defaultEasing, left @sliderTransitionDuration @defaultEasing @@ -163,7 +163,7 @@ @toggleLaneBackground: @transparentBlack; @toggleLaneHeight: @toggleHandleSize; @toggleLaneBoxShadow: none; -@toggleLaneVerticalOffset: 0rem; +@toggleLaneVerticalOffset: 0; @toggleOffOffset: -0.05rem; @toggleOnOffset: (@toggleLaneWidth - @toggleHandleSize) + 0.15rem; diff --git a/src/themes/default/modules/dropdown.variables b/src/themes/default/modules/dropdown.variables index f6964ce8f8..d15cfd5d86 100755 --- a/src/themes/default/modules/dropdown.variables +++ b/src/themes/default/modules/dropdown.variables @@ -12,7 +12,7 @@ ; @borderRadius: @defaultBorderRadius; -@raisedShadow: 0px 2px 3px 0px @borderColor; +@raisedShadow: 0 2px 3px 0 @borderColor; /*------------------- Content @@ -20,15 +20,15 @@ /* Icon */ @dropdownIconSize: @relative12px; -@dropdownIconMargin: 0em 0em 0em 1em; +@dropdownIconMargin: 0 0 0 1em; /* Current Text */ @textTransition: none; /* Menu */ @menuBackground: #FFFFFF; -@menuMargin: 0em; -@menuPadding: 0em 0em; +@menuMargin: 0; +@menuPadding: 0 0; @menuTop: 100%; @menuTextAlign: left; @@ -63,11 +63,11 @@ @itemBoxShadow: none; /* Sub Menu */ -@subMenuTop: 0%; +@subMenuTop: 0; @subMenuLeft: 100%; @subMenuRight: auto; @subMenuDistanceAway: -0.5em; -@subMenuMargin: 0em 0em 0em @subMenuDistanceAway; +@subMenuMargin: 0 0 0 @subMenuDistanceAway; @subMenuBorderRadius: @borderRadius; @subMenuZIndex: 21; @@ -76,11 +76,11 @@ @menuHeaderFontSize: @relative11px; @menuHeaderFontWeight: @bold; @menuHeaderTextTransform: uppercase; -@menuHeaderMargin: 1rem 0rem 0.75rem; -@menuHeaderPadding: 0em @itemHorizontalPadding; +@menuHeaderMargin: 1rem 0 0.75rem; +@menuHeaderPadding: 0 @itemHorizontalPadding; /* Menu Divider */ -@menuDividerMargin: 0.5em 0em; +@menuDividerMargin: 0.5em 0; @menuDividerColor: @internalBorderColor; @menuDividerSize: 1px; @menuDividerBorder: @menuDividerSize solid @menuDividerColor; @@ -103,11 +103,11 @@ /* Sub-Menu Dropdown Icon */ @itemDropdownIconDistance: 1em; @itemDropdownIconFloat: right; -@itemDropdownIconMargin: @itemLineHeightOffset 0em 0em @itemDropdownIconDistance; +@itemDropdownIconMargin: @itemLineHeightOffset 0 0 @itemDropdownIconDistance; /* Description */ @itemDescriptionFloat: right; -@itemDescriptionMargin: 0em 0em 0em 1em; +@itemDescriptionMargin: 0 0 0 1em; @itemDescriptionColor: @lightTextColor; /* Message */ @@ -163,7 +163,7 @@ @selectionIconPadding: @selectionIconHitbox / @dropdownIconSize; @selectionIconTransition: opacity @defaultDuration @defaultEasing; -@selectionMenuBorderRadius: 0em 0em @borderRadius @borderRadius; +@selectionMenuBorderRadius: 0 0 @borderRadius @borderRadius; @selectionMenuBoxShadow: @raisedShadow; @selectionMenuItemBoxShadow: none; @@ -210,7 +210,7 @@ @selectionActiveHoverBoxShadow: @selectionVisibleBoxShadow; @selectionActiveHoverMenuBoxShadow: @selectionVisibleMenuBoxShadow; -@selectionVisibleConnectingBorder: 0em; +@selectionVisibleConnectingBorder: 0; @selectionVisibleIconOpacity: ''; /*-------------- @@ -232,7 +232,7 @@ @searchWidescreenMaxMenuHeight: @selectionWidescreenMaxMenuHeight; /* Inline */ -@inlineIconMargin: 0em @relative3px 0em @relative3px; +@inlineIconMargin: 0 @relative3px 0 @relative3px; @inlineTextColor: inherit; @inlineTextFontWeight: @bold; @inlineMenuDistance: @relative3px; @@ -252,7 +252,7 @@ /* Child Elements */ @multipleSelectionChildVerticalMargin: (@searchSelectionVerticalPadding * (2/3)); @multipleSelectionChildLeftMargin: (@inputHorizontalPadding - @multipleSelectionLeftPadding); -@multipleSelectionChildMargin: @multipleSelectionChildVerticalMargin 0em @multipleSelectionChildVerticalMargin @multipleSelectionChildLeftMargin; +@multipleSelectionChildMargin: @multipleSelectionChildVerticalMargin 0 @multipleSelectionChildVerticalMargin @multipleSelectionChildLeftMargin; @multipleSelectionChildLineHeight: @relative17px; @multipleSelectionSearchStartWidth: (@glyphWidth * 2); @@ -266,9 +266,9 @@ @labelSize: @relativeMedium; @labelHorizontalMargin: @4px; @labelVerticalMargin: @2px; -@labelMargin: @labelVerticalMargin @labelHorizontalMargin @labelVerticalMargin 0em; +@labelMargin: @labelVerticalMargin @labelHorizontalMargin @labelVerticalMargin 0; @labelBorderWidth: 1px; -@labelBoxShadow: 0px 0px 0px @labelBorderWidth @borderColor inset; +@labelBoxShadow: 0 0 0 @labelBorderWidth @borderColor inset; @labelVerticalPadding: @relative5px; @labelHorizontalPadding: @relativeMini; @@ -327,7 +327,7 @@ @scrollingComputerMaxItems: 8; @scrollingWidescreenMaxItems: 12; -@scrollingBorderEMWidth: 0em; /* 0px / em size */ +@scrollingBorderEMWidth: 0; /* 0 / em size */ @scrollingItemHeight: (@itemVerticalPadding * 2) + @itemLineHeight + @scrollingBorderEMWidth; @scrollingMobileMaxMenuHeight: (@scrollingItemHeight * @scrollingMobileMaxItems); @scrollingTabletMaxMenuHeight: (@scrollingItemHeight * @scrollingTabletMaxItems); @@ -336,21 +336,21 @@ /* Upward */ @upwardSelectionVisibleBorderRadius: @selectionVisibleConnectingBorder @selectionVisibleConnectingBorder @borderRadius @borderRadius; -@upwardMenuBoxShadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); -@upwardSelectionMenuBoxShadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); -@upwardMenuBorderRadius: @borderRadius @borderRadius 0em 0em; -@upwardSelectionHoverBoxShadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); -@upwardSelectionVisibleBoxShadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); -@upwardSelectionActiveHoverBoxShadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); -@upwardSelectionActiveHoverMenuBoxShadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); +@upwardMenuBoxShadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); +@upwardSelectionMenuBoxShadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); +@upwardMenuBorderRadius: @borderRadius @borderRadius 0 0; +@upwardSelectionHoverBoxShadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); +@upwardSelectionVisibleBoxShadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); +@upwardSelectionActiveHoverBoxShadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); +@upwardSelectionActiveHoverMenuBoxShadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); /* Flyout Direction */ @leftMenuDropdownIconFloat: left; -@leftMenuDropdownIconMargin: @itemLineHeightOffset 0em 0em 0em; +@leftMenuDropdownIconMargin: @itemLineHeightOffset 0 0 0; /* Left */ @leftSubMenuBorderRadius: @borderRadius; -@leftSubMenuMargin: 0em @subMenuDistanceAway 0em 0em; +@leftSubMenuMargin: 0 @subMenuDistanceAway 0 0; /* Simple */ @simpleTransitionDuration: @defaultDuration; @@ -367,16 +367,16 @@ @pointingArrowBackground: @white; @pointingArrowZIndex: 2; -@pointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0px 0px @menuBorderColor; +@pointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0 0 @menuBorderColor; @pointingArrowSize: @relative7px; @pointingMenuDistance: @mini; @pointingMenuBorderRadius: @borderRadius; -@pointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0px 0px @menuBorderColor; +@pointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0 0 @menuBorderColor; /* Pointing Upward */ @pointingUpwardMenuBorderRadius: @borderRadius; -@pointingUpwardArrowBoxShadow: @menuBorderWidth @menuBorderWidth 0px 0px @menuBorderColor; +@pointingUpwardArrowBoxShadow: @menuBorderWidth @menuBorderWidth 0 0 @menuBorderColor; /*-------------- @@ -434,7 +434,7 @@ /*@invertedLabelBackgroundColor: rgba(255, 255, 255, 0.06); @invertedLabelBackgroundImage: none; @invertedLabelColor: rgba(255, 255, 255, 0.6); -@invertedLabelBoxShadow: 0px 0px 0px @labelBorderWidth rgba(255, 255, 255, 0.16) inset; +@invertedLabelBoxShadow: 0 0 0 @labelBorderWidth rgba(255, 255, 255, 0.16) inset; @invertedLabelHoverBackgroundColor: rgba(255, 255, 255, 0.12); @invertedLabelHoverBackgroundImage: none; @@ -443,7 +443,7 @@ @invertedLabelBackgroundColor: rgba(255, 255, 255, 0.7); @invertedLabelBackgroundImage: none; @invertedLabelColor: rgba(0, 0, 0, 1); -@invertedLabelBoxShadow: 0px 0px 0px @labelBorderWidth rgba(255, 255, 255, 0) inset; +@invertedLabelBoxShadow: 0 0 0 @labelBorderWidth rgba(255, 255, 255, 0) inset; @invertedLabelHoverBackgroundColor: rgba(255, 255, 255, 0.9); @invertedLabelHoverBackgroundImage: none; diff --git a/src/themes/default/modules/embed.variables b/src/themes/default/modules/embed.variables index 355076d2b8..0d14bc6d57 100644 --- a/src/themes/default/modules/embed.variables +++ b/src/themes/default/modules/embed.variables @@ -28,7 +28,7 @@ ; @iconColor: @white; @iconShadow: - 0px 2px 10px rgba(34, 36, 38, 0.2) + 0 2px 10px rgba(34, 36, 38, 0.2) ; @iconZIndex: 10; @@ -50,4 +50,4 @@ @squareRatio: (1/1) * 100%; @widescreenRatio: (9/16) * 100%; @ultraWidescreenRatio: (9/21) * 100%; -@standardRatio: (3/4) * 100%; \ No newline at end of file +@standardRatio: (3/4) * 100%; diff --git a/src/themes/default/modules/modal.variables b/src/themes/default/modules/modal.variables index 234c2b196b..3c3584d21e 100755 --- a/src/themes/default/modules/modal.variables +++ b/src/themes/default/modules/modal.variables @@ -8,7 +8,7 @@ @borderRadius: @defaultBorderRadius; @transformOrigin: 50% 25%; @boxShadow: - 1px 3px 3px 0px rgba(0, 0, 0, 0.2), + 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2) ; @@ -20,12 +20,12 @@ @closeHitbox: 2.25rem; @closeDistance: 0.25rem; @closeHitBoxOffset: (@closeHitbox - 1rem) / 2; -@closePadding: @closeHitBoxOffset 0rem 0rem 0rem; +@closePadding: @closeHitBoxOffset 0 0 0; @closeTop: -(@closeDistance + @closeHitbox); @closeRight: -(@closeDistance + @closeHitbox); /* Header */ -@headerMargin: 0em; +@headerMargin: 0; @headerVerticalPadding: 1.25rem; @headerHorizontalPadding: 1.5rem; @headerPadding: @headerVerticalPadding @headerHorizontalPadding; @@ -69,8 +69,8 @@ /* Mobile Positions */ @mobileHeaderPadding: 0.75rem 1rem; @mobileContentPadding: 1rem; -@mobileImagePadding: 0rem 0rem 1rem; -@mobileDescriptionPadding: 1rem 0rem ; +@mobileImagePadding: 0 0 1rem; +@mobileDescriptionPadding: 1rem 0 ; @mobileButtonDistance: 1rem; @mobileActionPadding: 1rem 1rem (1rem - @mobileButtonDistance); @mobileImageIconSize: 5rem; @@ -84,11 +84,11 @@ @largeMonitorWidth: 900px; @widescreenMonitorWidth: 950px; -@mobileMargin: 0em 0em 0em 0em; -@tabletMargin: 0em 0em 0em 0em; -@computerMargin: 0em 0em 0em 0em; -@largeMonitorMargin: 0em 0em 0em 0em; -@widescreenMonitorMargin: 0em 0em 0em 0em; +@mobileMargin: 0 0 0 0; +@tabletMargin: 0 0 0 0; +@computerMargin: 0 0 0 0; +@largeMonitorMargin: 0 0 0 0; +@widescreenMonitorMargin: 0 0 0 0; @fullScreenWidth: 95%; @fullScreenOffset: (100% - @fullScreenWidth) / 2; @@ -146,11 +146,11 @@ @miniLargeMonitorWidth: (@largeMonitorWidth * @miniRatio); @miniWidescreenMonitorWidth: (@widescreenMonitorWidth * @miniRatio); -@miniMobileMargin: 0em 0em 0em 0em; -@miniTabletMargin: 0em 0em 0em 0em; -@miniComputerMargin: 0em 0em 0em 0em; -@miniLargeMonitorMargin: 0em 0em 0em 0em; -@miniWidescreenMonitorMargin: 0em 0em 0em 0em; +@miniMobileMargin: 0 0 0 0; +@miniTabletMargin: 0 0 0 0; +@miniComputerMargin: 0 0 0 0; +@miniLargeMonitorMargin: 0 0 0 0; +@miniWidescreenMonitorMargin: 0 0 0 0; @tinyHeaderSize: 1.3em; @tinyMobileWidth: @mobileWidth; @@ -159,11 +159,11 @@ @tinyLargeMonitorWidth: (@largeMonitorWidth * @tinyRatio); @tinyWidescreenMonitorWidth: (@widescreenMonitorWidth * @tinyRatio); -@tinyMobileMargin: 0em 0em 0em 0em; -@tinyTabletMargin: 0em 0em 0em 0em; -@tinyComputerMargin: 0em 0em 0em 0em; -@tinyLargeMonitorMargin: 0em 0em 0em 0em; -@tinyWidescreenMonitorMargin: 0em 0em 0em 0em; +@tinyMobileMargin: 0 0 0 0; +@tinyTabletMargin: 0 0 0 0; +@tinyComputerMargin: 0 0 0 0; +@tinyLargeMonitorMargin: 0 0 0 0; +@tinyWidescreenMonitorMargin: 0 0 0 0; @smallHeaderSize: 1.3em; @smallMobileWidth: @mobileWidth; @@ -172,11 +172,11 @@ @smallLargeMonitorWidth: (@largeMonitorWidth * @smallRatio); @smallWidescreenMonitorWidth: (@widescreenMonitorWidth * @smallRatio); -@smallMobileMargin: 0em 0em 0em 0em; -@smallTabletMargin: 0em 0em 0em 0em; -@smallComputerMargin: 0em 0em 0em 0em; -@smallLargeMonitorMargin: 0em 0em 0em 0em; -@smallWidescreenMonitorMargin: 0em 0em 0em 0em; +@smallMobileMargin: 0 0 0 0; +@smallTabletMargin: 0 0 0 0; +@smallComputerMargin: 0 0 0 0; +@smallLargeMonitorMargin: 0 0 0 0; +@smallWidescreenMonitorMargin: 0 0 0 0; @largeHeaderSize: 1.6em; @largeMobileWidth: @mobileWidth; @@ -185,11 +185,11 @@ @largeLargeMonitorWidth: (@largeMonitorWidth * @largeRatio); @largeWidescreenMonitorWidth: (@widescreenMonitorWidth * @largeRatio); -@largeMobileMargin: 0em 0em 0em 0em; -@largeTabletMargin: 0em 0em 0em 0em; -@largeComputerMargin: 0em 0em 0em 0em; -@largeLargeMonitorMargin: 0em 0em 0em 0em; -@largeWidescreenMonitorMargin: 0em 0em 0em 0em; +@largeMobileMargin: 0 0 0 0; +@largeTabletMargin: 0 0 0 0; +@largeComputerMargin: 0 0 0 0; +@largeLargeMonitorMargin: 0 0 0 0; +@largeWidescreenMonitorMargin: 0 0 0 0; /*------------------- Inverted diff --git a/src/themes/default/modules/nag.variables b/src/themes/default/modules/nag.variables index 9b4578963c..25da572273 100644 --- a/src/themes/default/modules/nag.variables +++ b/src/themes/default/modules/nag.variables @@ -9,14 +9,14 @@ @position: relative; @width: 100%; @zIndex: 999; -@margin: 0em; +@margin: 0; @background: #555555; @opacity: 0.95; -@minHeight: 0em; +@minHeight: 0; @padding: 0.75em 1em; @lineHeight: 1em; -@boxShadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); +@boxShadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); @fontSize: 1rem; @textAlign: center; @@ -31,10 +31,10 @@ /* Title */ @titleColor: @white; -@titleMargin: 0em 0.5em; +@titleMargin: 0 0.5em; @closeSize: 1em; -@closeMargin: (-@closeSize / 2) 0em 0em; +@closeMargin: (-@closeSize / 2) 0 0; @closeTop: 50%; @closeRight: 1em; @closeColor: @white; @@ -57,11 +57,11 @@ ---------------*/ /* Top / Bottom */ -@top: 0em; -@bottom: 0em; +@top: 0; +@bottom: 0; @borderRadius: @defaultBorderRadius; -@topBorderRadius: 0em 0em @borderRadius @borderRadius; -@bottomBorderRadius: @borderRadius @borderRadius 0em 0em; +@topBorderRadius: 0 0 @borderRadius @borderRadius; +@bottomBorderRadius: @borderRadius @borderRadius 0 0; /* Inverted */ @invertedBackground: @darkWhite; @@ -70,5 +70,5 @@ Plural ---------------*/ -@groupedBorderRadius: 0em; +@groupedBorderRadius: 0; diff --git a/src/themes/default/modules/popup.variables b/src/themes/default/modules/popup.variables index d5d191557a..395765ec98 100644 --- a/src/themes/default/modules/popup.variables +++ b/src/themes/default/modules/popup.variables @@ -29,7 +29,7 @@ @arrowSize: @relative10px; @arrowWidth: 1em; @arrowDistanceFromEdge: 1em; -@boxArrowOffset: 0em; +@boxArrowOffset: 0; @popupDistanceAway: @arrowSize; @@ -57,10 +57,10 @@ @arrowCenterBackground: @arrowBackground; @arrowBottomBackground: @arrowBackground; -@arrowBoxShadow: @arrowStroke @arrowStroke 0px 0px @arrowColor; -@leftArrowBoxShadow: @arrowStroke -@arrowStroke 0px 0px @arrowColor; -@rightArrowBoxShadow: -@arrowStroke @arrowStroke 0px 0px @arrowColor; -@bottomArrowBoxShadow: -@arrowStroke -@arrowStroke 0px 0px @arrowColor; +@arrowBoxShadow: @arrowStroke @arrowStroke 0 0 @arrowColor; +@leftArrowBoxShadow: @arrowStroke -@arrowStroke 0 0 @arrowColor; +@rightArrowBoxShadow: -@arrowStroke @arrowStroke 0 0 @arrowColor; +@bottomArrowBoxShadow: -@arrowStroke -@arrowStroke 0 0 @arrowColor; /*------------------- Types diff --git a/src/themes/default/modules/progress.variables b/src/themes/default/modules/progress.variables index cb71dcb286..8b4a12cbbb 100644 --- a/src/themes/default/modules/progress.variables +++ b/src/themes/default/modules/progress.variables @@ -7,14 +7,14 @@ --------------------*/ @verticalSpacing: 1em; -@margin: @verticalSpacing 0em (@labelHeight + @verticalSpacing); -@firstMargin: 0em 0em (@labelHeight + @verticalSpacing); -@lastMargin: 0em 0em (@labelHeight); +@margin: @verticalSpacing 0 (@labelHeight + @verticalSpacing); +@firstMargin: 0 0 (@labelHeight + @verticalSpacing); +@lastMargin: 0 0 (@labelHeight); @background: @strongTransparentBlack; @border: none; @boxShadow: none; -@padding: 0em; +@padding: 0; @borderRadius: @defaultBorderRadius; /* Bar */ @@ -28,7 +28,7 @@ width @barTransitionDuration @barTransitionEasing, background-color @barTransitionDuration @barTransitionEasing ; -@barInitialWidth: 0%; +@barInitialWidth: 0; @barMinWidth: 2em; /* Progress Bar Label */ @@ -51,7 +51,7 @@ @labelSize: 1em; @labelPosition: absolute; @labelTop: 100%; -@labelLeft: 0%; +@labelLeft: 0; @labelRight: auto; @labelBottom: auto; @labelOffset: (@labelHeight - 1.3em); diff --git a/src/themes/default/modules/rating.variables b/src/themes/default/modules/rating.variables index 61c00c32dd..f7ae98e51e 100644 --- a/src/themes/default/modules/rating.variables +++ b/src/themes/default/modules/rating.variables @@ -2,7 +2,7 @@ Rating *******************************/ -@margin: 0em @relativeMini; +@margin: 0 @relativeMini; @whiteSpace: nowrap; @verticalAlign: baseline; @@ -33,7 +33,6 @@ @shadowWidth: 1px; - /*------------------- States --------------------*/ diff --git a/src/themes/default/modules/search.variables b/src/themes/default/modules/search.variables index 572aff6260..d1cfe5cd8d 100644 --- a/src/themes/default/modules/search.variables +++ b/src/themes/default/modules/search.variables @@ -18,7 +18,7 @@ box-shadow @defaultDuration @defaultEasing, border-color @defaultDuration @defaultEasing ; -@promptBoxShadow: 0em 0em 0em 0em transparent inset; +@promptBoxShadow: 0 0 0 0 transparent inset; /* Mobile */ @mobileMaxWidth: e("calc(100vw - 2rem)"); @@ -47,11 +47,11 @@ @resultImageWidth: 5em; @resultImageHeight: 3em; @resultImageBorderRadius: 0.25em; -@resultImageMargin: 0em 6em 0em 0em; +@resultImageMargin: 0 6em 0 0; /* Result Content */ @resultTitleFont: @headerFont; -@resultTitleMargin: -@headerLineHeightOffset 0em 0em; +@resultTitleMargin: -@headerLineHeightOffset 0 0; @resultTitleFontWeight: @bold; @resultTitleFontSize: @relativeMedium; @resultTitleColor: @darkTextColor; @@ -120,12 +120,12 @@ /* Selection */ @selectionPromptBorderRadius: @defaultBorderRadius; -@selectionCloseTop: 0em; +@selectionCloseTop: 0; @selectionCloseTransition: color @defaultDuration @defaultEasing, opacity @defaultDuration @defaultEasing ; -@selectionCloseRight: 0em; +@selectionCloseRight: 0; @selectionCloseIconOpacity: 0.8; @selectionCloseIconColor: ''; @selectionCloseIconHoverOpacity: 1; diff --git a/src/themes/default/modules/shape.variables b/src/themes/default/modules/shape.variables index 332c685ec6..31f516f6c7 100644 --- a/src/themes/default/modules/shape.variables +++ b/src/themes/default/modules/shape.variables @@ -23,7 +23,7 @@ @backfaceVisibility: hidden; /* Side */ -@sideMargin: 0em; +@sideMargin: 0; /*-------------- Types @@ -34,7 +34,7 @@ @cubeBackground: #E6E6E6; @cubePadding: 2em; @cubeTextColor: @textColor; -@cubeBoxShadow: 0px 0px 2px rgba(0, 0, 0, 0.3); +@cubeBoxShadow: 0 0 2px rgba(0, 0, 0, 0.3); @cubeTextAlign: center; @cubeFontSize: 2em; diff --git a/src/themes/default/modules/sidebar.variables b/src/themes/default/modules/sidebar.variables index e38f70e8a9..2502c6a25d 100644 --- a/src/themes/default/modules/sidebar.variables +++ b/src/themes/default/modules/sidebar.variables @@ -19,7 +19,7 @@ @canvasBackground: @lightBlack; /* Shadow */ -@boxShadow: 0px 0px 20px @borderColor; +@boxShadow: 0 0 20px @borderColor; @horizontalBoxShadow: @boxShadow; @verticalBoxShadow: @boxShadow; diff --git a/src/themes/default/views/ad.variables b/src/themes/default/views/ad.variables index 85c66913b6..673da41841 100644 --- a/src/themes/default/views/ad.variables +++ b/src/themes/default/views/ad.variables @@ -2,7 +2,7 @@ Advertisement *******************************/ -@margin: 1em 0em; +@margin: 1em 0; @overflow: hidden; @testBackground: @lightBlack; diff --git a/src/themes/default/views/card.variables b/src/themes/default/views/card.variables index 3aeba864bb..57bae6cd0e 100644 --- a/src/themes/default/views/card.variables +++ b/src/themes/default/views/card.variables @@ -8,19 +8,19 @@ /* Shadow */ @shadowDistance: 1px; -@shadowBoxShadow: 0px @shadowDistance 3px 0px @solidBorderColor; +@shadowBoxShadow: 0 @shadowDistance 3px 0 @solidBorderColor; /* Card */ @fontFamily: @pageFont; @display: flex; @background: @white; @borderRadius: @defaultBorderRadius; -@margin: 1em 0em; -@minHeight: 0px; -@padding: 0em; +@margin: 1em 0; +@minHeight: 0; +@padding: 0; @width: 290px; @borderWidth: 1px; -@borderShadow: 0px 0px 0px @borderWidth @solidBorderColor; +@borderShadow: 0 0 0 @borderWidth @solidBorderColor; @boxShadow: @shadowBoxShadow, @borderShadow @@ -53,18 +53,18 @@ /* Image */ @imageBackground: @transparentBlack; -@imagePadding: 0em; +@imagePadding: 0; @imageBorder: none; @imageBoxShadow: none; @imageBorder: none; /* Content */ @contentDivider: @borderWidth solid @internalBorderColor; -@contentMargin: 0em; +@contentMargin: 0; @contentBackground: none; @contentPadding: 1em 1em; @contentFontSize: 1em; -@contentBorderRadius: 0em; +@contentBorderRadius: 0; @contentBoxShadow: none; @contentBorder: none; @@ -127,9 +127,9 @@ @extraBackground: none; @extraPosition: static; @extraWidth: auto; -@extraTop: 0em; -@extraLeft: 0em; -@extraMargin: 0em 0em; +@extraTop: 0; +@extraLeft: 0; +@extraMargin: 0 0; @extraPadding: 0.75em 1em; @extraBoxShadow: none; @extraColor: @lightTextColor; @@ -140,7 +140,7 @@ @extraLinkHoverColor: @linkHoverColor; /* Buttons */ -@buttonMargin: 0px -@borderWidth; +@buttonMargin: 0 -@borderWidth; @buttonWidth: e(%("calc(100%% + %d)", @borderWidth * 2)); /*------------------- @@ -154,7 +154,7 @@ @linkHoverRaiseDistance: 3px; @linkHoverTransform: translateY(-@linkHoverRaiseDistance); -@shadowHoverBoxShadow: 0px @shadowDistance @linkHoverRaiseDistance 0px @solidSelectedBorderColor; +@shadowHoverBoxShadow: 0 @shadowDistance @linkHoverRaiseDistance 0 @solidSelectedBorderColor; @linkHoverBoxShadow: @shadowHoverBoxShadow, @borderShadow @@ -180,7 +180,7 @@ @cardSpacing: 0.75em; @smallCardSpacing: 0.5em; -@oneCardSpacing: 0em; +@oneCardSpacing: 0; @twoCardSpacing: @wideCardSpacing; @threeCardSpacing: @wideCardSpacing; @fourCardSpacing: @cardSpacing; @@ -192,7 +192,7 @@ @tenCardSpacing: @smallCardSpacing; @oneCard: @oneColumn; -@oneCardOffset: 0em; +@oneCardOffset: 0; @twoCard: e(%("calc(%d - %d)", @twoColumn, @twoCardSpacing * 2)); @twoCardOffset: -@twoCardSpacing; @threeCard: e(%("calc(%d - %d)", @threeColumn, @threeCardSpacing * 2)); @@ -236,6 +236,6 @@ @invertedExtraDivider: 1px solid rgba(255, 255, 255, 0.15); @invertedLinkHoverBackground: @black; @invertedBoxShadow: - 0px @shadowDistance 3px 0px @solidWhiteBorderColor, - 0px 0px 0px @borderWidth @solidWhiteBorderColor + 0 @shadowDistance 3px 0 @solidWhiteBorderColor, + 0 0 0 @borderWidth @solidWhiteBorderColor ; diff --git a/src/themes/default/views/comment.variables b/src/themes/default/views/comment.variables index 3c3aad0ea6..1b05564a62 100644 --- a/src/themes/default/views/comment.variables +++ b/src/themes/default/views/comment.variables @@ -8,7 +8,7 @@ --------------------*/ @maxWidth: 650px; -@margin: 1.5em 0em; +@margin: 1.5em 0; /*------------------- Elements @@ -16,17 +16,17 @@ /* Comment */ @commentBackground: none; -@commentMargin: 0.5em 0em 0em; -@commentPadding: 0.5em 0em 0em; +@commentMargin: 0.5em 0 0; +@commentPadding: 0.5em 0 0; @commentDivider: none; @commentBorder: none; @commentLineHeight: 1.2; -@firstCommentMargin: 0em; -@firstCommentPadding: 0em; +@firstCommentMargin: 0; +@firstCommentPadding: 0; /* Nested Comment */ -@nestedCommentsMargin: 0em 0em 0.5em 0.5em; -@nestedCommentsPadding: 1em 0em 1em 1em; +@nestedCommentsMargin: 0 0 0.5em 0.5em; +@nestedCommentsPadding: 1em 0 1em 1em; @nestedCommentDivider: none; @nestedCommentBorder: none; @@ -38,7 +38,7 @@ @avatarWidth: 2.5em; @avatarHeight: auto; @avatarSpacing: 1em; -@avatarMargin: (@commentLineHeight - 1em) 0em 0em; +@avatarMargin: (@commentLineHeight - 1em) 0 0; @avatarBorderRadius: 0.25rem; /* Content */ @@ -59,7 +59,7 @@ /* Text */ @textFontSize: 1em; -@textMargin: 0.25em 0em 0.5em; +@textMargin: 0.25em 0 0.5em; @textWordWrap: break-word; @textLineHeight: 1.3; @@ -82,14 +82,14 @@ /* Threaded */ @threadedCommentMargin: -1.5em 0 -1em (@avatarWidth / 2); -@threadedCommentPadding: 3em 0em 2em 2.25em; -@threadedCommentBoxShadow: -1px 0px 0px @borderColor; +@threadedCommentPadding: 3em 0 2em 2.25em; +@threadedCommentBoxShadow: -1px 0 0 @borderColor; /* Minimal */ @minimalActionPosition: absolute; -@minimalActionTop: 0px; -@minimalActionRight: 0px; +@minimalActionTop: 0; +@minimalActionRight: 0; @minimalActionLeft: auto; @minimalTransitionDelay: 0.1s; diff --git a/src/themes/default/views/feed.variables b/src/themes/default/views/feed.variables index 3c8d07237c..925bc81f8e 100644 --- a/src/themes/default/views/feed.variables +++ b/src/themes/default/views/feed.variables @@ -6,7 +6,7 @@ Feed --------------------*/ -@margin: 1em 0em; +@margin: 1em 0; /*------------------- Elements @@ -14,8 +14,8 @@ /* Event */ @eventWidth: 100%; -@eventPadding: @3px 0em; -@eventMargin: 0em; +@eventPadding: @3px 0; +@eventMargin: 0; @eventBackground: none; @eventDivider: none; @@ -41,8 +41,8 @@ @imageLabelBorderRadius: @circularRadius; /* Content w/ Label */ -@labeledContentMargin: 0.5em 0em @relative5px @relativeLarge; -@lastLabeledContentPadding: 0em; +@labeledContentMargin: 0.5em 0 @relative5px @relativeLarge; +@lastLabeledContentPadding: 0; /* Content */ @contentAlignSelf: stretch; @@ -50,15 +50,15 @@ @contentWordWrap: break-word; /* Date */ -@dateMargin: -0.5rem 0em 0em; -@datePadding: 0em; +@dateMargin: -0.5rem 0 0; +@datePadding: 0; @dateColor: @lightTextColor; @dateFontSize: @relativeMedium; @dateFontWeight: @normal; @dateFontStyle: @normal; /* Summary */ -@summaryMargin: 0em; +@summaryMargin: 0; @summaryFontSize: @relativeMedium; @summaryFontWeight: @bold; @summaryColor: @textColor; @@ -66,15 +66,15 @@ /* Summary Image */ @summaryImageWidth: auto; @summaryImageHeight: 10em; -@summaryImageMargin: -0.25em 0.25em 0em 0em; +@summaryImageMargin: -0.25em 0.25em 0 0; @summaryImageVerticalAlign: middle; @summaryImageBorderRadius: 0.25em; /* Summary Date */ @summaryDateDisplay: inline-block; @summaryDateFloat: none; -@summaryDateMargin: 0em 0em 0em 0.5em; -@summaryDatePadding: 0em; +@summaryDateMargin: 0 0 0 0.5em; +@summaryDatePadding: 0; @summaryDateFontSize: @relativeTiny; @summaryDateFontWeight: @dateFontWeight; @summaryDateFontStyle: @dateFontStyle; @@ -82,24 +82,24 @@ /* User */ @userFontWeight: @bold; -@userDistance: 0em; +@userDistance: 0; @userImageWidth: @summaryImageWidth; @userImageHeight: @summaryImageHeight; @userImageMargin: @summaryImageMargin; @userImageVerticalAlign: @summaryImageVerticalAlign; /* Extra Summary Data */ -@extraMargin: 0.5em 0em 0em; +@extraMargin: 0.5em 0 0; @extraBackground: none; -@extraPadding: 0em; +@extraPadding: 0; @extraColor: @textColor; /* Extra Images */ -@extraImageMargin: 0em 0.25em 0em 0em; +@extraImageMargin: 0 0.25em 0 0; @extraImageWidth: 6em; /* Extra Text */ -@extraTextPadding: 0em; +@extraTextPadding: 0; @extraTextPointer: none; @extraTextFontSize: @relativeMedium; @extraTextLineHeight: @lineHeight; @@ -108,12 +108,12 @@ /* Metadata Group */ @metadataDisplay: inline-block; @metadataFontSize: @relativeTiny; -@metadataMargin: 0.5em 0em 0em; +@metadataMargin: 0.5em 0 0; @metadataBackground: none; @metadataBorder: none; @metadataBorderRadius: 0; @metadataBoxShadow: none; -@metadataPadding: 0em; +@metadataPadding: 0; @metadataColor: rgba(0, 0, 0, 0.6); @metadataElementSpacing: 0.75em; diff --git a/src/themes/default/views/item.variables b/src/themes/default/views/item.variables index 2b03e7ee7a..08c2c3e921 100644 --- a/src/themes/default/views/item.variables +++ b/src/themes/default/views/item.variables @@ -7,14 +7,14 @@ --------------------*/ /* Group */ -@groupMargin: 1.5em 0em; +@groupMargin: 1.5em 0; /* Item */ @display: flex; @background: transparent; -@borderRadius: 0rem; -@minHeight: 0px; -@padding: 0em; +@borderRadius: 0; +@minHeight: 0; +@padding: 0; @width: 100%; @boxShadow: none; @border: none; @@ -45,8 +45,8 @@ @imageFloat: none; @imageMaxHeight: ''; @imageVerticalAlign: start; -@imageMargin: 0em; -@imagePadding: 0em; +@imageMargin: 0; +@imagePadding: 0; @imageBorder: none; @imageBorderRadius: 0.125rem; @imageBoxShadow: none; @@ -57,24 +57,24 @@ @contentVerticalAlign: start; @contentWidth: auto; -@contentOffset: 0em; +@contentOffset: 0; @contentBackground: none; -@contentMargin: 0em; -@contentPadding: 0em; +@contentMargin: 0; +@contentPadding: 0; @contentFontSize: 1em; @contentBorder: none; -@contentBorderRadius: 0em; +@contentBorderRadius: 0; @contentBoxShadow: none; @contentColor: @textColor; /* Header */ -@headerMargin: -@lineHeightOffset 0em 0em; +@headerMargin: -@lineHeightOffset 0 0; @headerFontWeight: @bold; @headerFontSize: @relativeBig; @headerColor: @darkTextColor; /* Metadata */ -@metaMargin: 0.5em 0em 0.5em; +@metaMargin: 0.5em 0 0.5em; @metaFontSize: 1em; @metaLineHeight: 1em; @metaSpacing: 0.3em; @@ -127,11 +127,11 @@ @extraBackground: none; @extraDisplay: block; @extraPosition: relative; -@extraMargin: (1rem - @extraRowSpacing) 0em 0em; -@extraTop: 0em; -@extraLeft: 0em; +@extraMargin: (1rem - @extraRowSpacing) 0 0; +@extraTop: 0; +@extraLeft: 0; @extraWidth: 100%; -@extraPadding: 0em 0em 0em; +@extraPadding: 0 0 0; @extraBoxShadow: none; @extraColor: @lightTextColor; @extraTransition: color @defaultDuration @defaultEasing; @@ -146,11 +146,11 @@ /* Divided */ @dividedBorder: 1px solid @borderColor; -@dividedMargin: 0em; -@dividedPadding: 1em 0em; +@dividedMargin: 0; +@dividedPadding: 1em 0; -@dividedFirstLastMargin: 0em; -@dividedFirstLastPadding: 0em; +@dividedFirstLastMargin: 0; +@dividedFirstLastPadding: 0; /* Unstackable */ diff --git a/src/themes/default/views/statistic.variables b/src/themes/default/views/statistic.variables index 8b03149c83..df5cb8dba9 100644 --- a/src/themes/default/views/statistic.variables +++ b/src/themes/default/views/statistic.variables @@ -7,7 +7,7 @@ --------------------*/ @verticalMargin: 1em; -@margin: @verticalMargin 0em; +@margin: @verticalMargin 0; @textAlign: center; @maxWidth: none; @@ -17,7 +17,7 @@ @groupMargin: @verticalMargin -@horizontalSpacing -@rowSpacing; /* Group Element */ -@elementMargin: 0em @horizontalSpacing @rowSpacing; +@elementMargin: 0 @horizontalSpacing @rowSpacing; @elementMaxWidth: @maxWidth; /*------------------- @@ -33,8 +33,8 @@ /* Label */ @labelSize: @relativeMedium; -@topLabelDistance: 0rem; -@bottomLabelDistance: 0rem; +@topLabelDistance: 0; +@bottomLabelDistance: 0; @labelFont: @headerFont; @labelFontWeight: @bold; @labelColor: @textColor; @@ -54,7 +54,7 @@ Types --------------------*/ -@horizontalGroupElementMargin: 1em 0em; +@horizontalGroupElementMargin: 1em 0; @horizontalLabelDistance: 0.75em; /*------------------- @@ -62,16 +62,16 @@ --------------------*/ /* Floated */ -@leftFloatedMargin: 0em 2em 1em 0em; -@rightFloatedMargin: 0em 0em 1em 2em; +@leftFloatedMargin: 0 2em 1em 0; +@rightFloatedMargin: 0 0 1em 2em; /* Inverted */ @invertedValueColor: @white; @invertedLabelColor: @invertedTextColor; /* Item Width */ -@itemGroupMargin: 0em 0em -@rowSpacing; -@itemMargin: 0em 0em @rowSpacing; +@itemGroupMargin: 0 0 -@rowSpacing; +@itemMargin: 0 0 @rowSpacing; /* Stackable */ @stackableRowSpacing: 2rem; From 2438edb51b16c3d2a8c118fe8975049f9159bcd5 Mon Sep 17 00:00:00 2001 From: Colin Frick Date: Tue, 18 Dec 2018 14:38:43 +0100 Subject: [PATCH 38/49] build(gulp): hangs on 'create install files' After using a prompt, the next gulp task hangs. Because we don't really need the prompt to be executed in a gulp pipe, we can just use Inquirer.js directly. Closes #307 --- package-lock.json | 214 ++++++++++++++++++---------------------------- package.json | 2 +- tasks/install.js | 19 ++-- 3 files changed, 92 insertions(+), 143 deletions(-) diff --git a/package-lock.json b/package-lock.json index 04a358538d..27cee37ebe 100644 --- a/package-lock.json +++ b/package-lock.json @@ -123,7 +123,7 @@ }, "ansi-colors": { "version": "1.1.0", - "resolved": "http://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", + "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz", "integrity": "sha512-SFKX67auSNoVR38N3L+nvsPjOE0bybKTYbkf5tRvushrAPQ9V75huw0ZxBkKVeRU9kqH3d6HA4xTckbwZ4ixmA==", "requires": { "ansi-wrap": "^0.1.0" @@ -138,9 +138,9 @@ } }, "ansi-escapes": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-2.0.0.tgz", - "integrity": "sha1-W65SvkJIeN2Xg+iRDj/Cki6DyBs=" + "version": "3.1.0", + "resolved": "http://registry.npmjs.org/ansi-escapes/-/ansi-escapes-3.1.0.tgz", + "integrity": "sha512-UgAb8H9D41AQnu/PbWlCofQVcnV4Gs2bBJi9eZPxfU/hgglFh3SMDMENRIqdr7H6XFnXdoknctFByVsCOotTVw==" }, "ansi-gray": { "version": "0.1.1", @@ -358,7 +358,7 @@ }, "async": { "version": "1.5.2", - "resolved": "http://registry.npmjs.org/async/-/async-1.5.2.tgz", + "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz", "integrity": "sha1-7GphrlZIDAw8skHJVhjiCJL5Zyo=" }, "async-done": { @@ -641,7 +641,7 @@ }, "chalk": { "version": "1.1.3", - "resolved": "http://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "requires": { "ansi-styles": "^2.2.1", @@ -652,9 +652,9 @@ } }, "chardet": { - "version": "0.4.2", - "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.4.2.tgz", - "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=" + "version": "0.7.0", + "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz", + "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==" }, "chokidar": { "version": "2.0.4", @@ -829,7 +829,7 @@ }, "colors": { "version": "1.0.3", - "resolved": "http://registry.npmjs.org/colors/-/colors-1.0.3.tgz", + "resolved": "https://registry.npmjs.org/colors/-/colors-1.0.3.tgz", "integrity": "sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs=" }, "combined-stream": { @@ -950,7 +950,7 @@ }, "d": { "version": "1.0.0", - "resolved": "http://registry.npmjs.org/d/-/d-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/d/-/d-1.0.0.tgz", "integrity": "sha1-dUu1v+VUUdpppYuU1F9MWwRi1Y8=", "requires": { "es5-ext": "^0.10.9" @@ -990,7 +990,7 @@ }, "deep-assign": { "version": "1.0.0", - "resolved": "http://registry.npmjs.org/deep-assign/-/deep-assign-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/deep-assign/-/deep-assign-1.0.0.tgz", "integrity": "sha1-sJJ0O+hCfcYh6gBnzex+cN0Z83s=", "requires": { "is-obj": "^1.0.0" @@ -1099,11 +1099,6 @@ "resolved": "https://registry.npmjs.org/diff/-/diff-1.0.8.tgz", "integrity": "sha1-NDJ2MI7Jkbe8giZ+1VvBQR+XFmY=" }, - "duplexer": { - "version": "0.1.1", - "resolved": "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz", - "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=" - }, "duplexer2": { "version": "0.0.2", "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.0.2.tgz", @@ -1258,27 +1253,6 @@ "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=" }, - "event-stream": { - "version": "3.3.4", - "resolved": "http://registry.npmjs.org/event-stream/-/event-stream-3.3.4.tgz", - "integrity": "sha1-A4u7LqnqkDhbJvvBhU0LU58qvqM=", - "requires": { - "duplexer": "~0.1.1", - "from": "~0", - "map-stream": "~0.0.3", - "pause-stream": "0.0.11", - "split": "0.2", - "stream-combiner": "~0.0.3", - "through": "~2.3.1" - }, - "dependencies": { - "map-stream": { - "version": "0.0.7", - "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz", - "integrity": "sha1-ih8HiW2CsQkmvTdEokIACfiJdKg=" - } - } - }, "execa": { "version": "0.10.0", "resolved": "https://registry.npmjs.org/execa/-/execa-0.10.0.tgz", @@ -1359,12 +1333,12 @@ } }, "external-editor": { - "version": "2.2.0", - "resolved": "http://registry.npmjs.org/external-editor/-/external-editor-2.2.0.tgz", - "integrity": "sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.0.3.tgz", + "integrity": "sha512-bn71H9+qWoOQKyZDo25mOMVpSmXROAsTJVVVYzrrtol3d4y+AsKjf4Iwl2Q+IuT0kFSQ1qo166UuIwqYq7mGnA==", "requires": { - "chardet": "^0.4.0", - "iconv-lite": "^0.4.17", + "chardet": "^0.7.0", + "iconv-lite": "^0.4.24", "tmp": "^0.0.33" } }, @@ -1504,12 +1478,12 @@ "dependencies": { "colors": { "version": "0.6.2", - "resolved": "http://registry.npmjs.org/colors/-/colors-0.6.2.tgz", + "resolved": "https://registry.npmjs.org/colors/-/colors-0.6.2.tgz", "integrity": "sha1-JCP+ZnisDF2uiFLl0OW+CMmXq8w=" }, "commander": { "version": "2.1.0", - "resolved": "http://registry.npmjs.org/commander/-/commander-2.1.0.tgz", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.1.0.tgz", "integrity": "sha1-0SG7roYNmZKj1Re6lvVliOR8Z4E=" } } @@ -1613,11 +1587,6 @@ "map-cache": "^0.2.2" } }, - "from": { - "version": "0.1.7", - "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz", - "integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4=" - }, "fs-mkdirp-stream": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-1.0.0.tgz", @@ -2225,7 +2194,7 @@ }, "globby": { "version": "6.1.0", - "resolved": "http://registry.npmjs.org/globby/-/globby-6.1.0.tgz", + "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz", "integrity": "sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=", "requires": { "array-union": "^1.0.1", @@ -2237,7 +2206,7 @@ "dependencies": { "pify": { "version": "2.3.0", - "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" } } @@ -2490,7 +2459,7 @@ }, "through2": { "version": "1.1.1", - "resolved": "http://registry.npmjs.org/through2/-/through2-1.1.1.tgz", + "resolved": "https://registry.npmjs.org/through2/-/through2-1.1.1.tgz", "integrity": "sha1-CEfLxESfNAVXTb3M2buEG4OsNUU=", "requires": { "readable-stream": ">=1.1.13-1 <1.2.0-0", @@ -3364,23 +3333,22 @@ "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==" }, "inquirer": { - "version": "3.2.3", - "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-3.2.3.tgz", - "integrity": "sha512-Bc3KbimpDTOeQdDj18Ir/rlsGuhBSSNqdOnxaAuKhpkdnMMuKsEGbZD2v5KFF9oso2OU+BPh7+/u5obmFDRmWw==", + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-6.2.1.tgz", + "integrity": "sha512-088kl3DRT2dLU5riVMKKr1DlImd6X7smDhpXUCkJDCKvTEJeRiXh0G132HG9u5a+6Ylw9plFRY7RuTnwohYSpg==", "requires": { - "ansi-escapes": "^2.0.0", + "ansi-escapes": "^3.0.0", "chalk": "^2.0.0", "cli-cursor": "^2.1.0", "cli-width": "^2.0.0", - "external-editor": "^2.0.4", + "external-editor": "^3.0.0", "figures": "^2.0.0", - "lodash": "^4.3.0", + "lodash": "^4.17.10", "mute-stream": "0.0.7", "run-async": "^2.2.0", - "rx-lite": "^4.0.8", - "rx-lite-aggregates": "^4.0.8", + "rxjs": "^6.1.0", "string-width": "^2.1.0", - "strip-ansi": "^4.0.0", + "strip-ansi": "^5.0.0", "through": "^2.3.6" }, "dependencies": { @@ -3419,14 +3387,31 @@ "requires": { "is-fullwidth-code-point": "^2.0.0", "strip-ansi": "^4.0.0" + }, + "dependencies": { + "strip-ansi": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", + "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "requires": { + "ansi-regex": "^3.0.0" + } + } } }, "strip-ansi": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz", - "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.0.0.tgz", + "integrity": "sha512-Uu7gQyZI7J7gn5qLn1Np3G9vcYGTVqB+lFTytnDJv83dd8T22aGH451P3jueT2/QemInJDfxHB5Tde5OzgG1Ow==", "requires": { - "ansi-regex": "^3.0.0" + "ansi-regex": "^4.0.0" + }, + "dependencies": { + "ansi-regex": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.0.0.tgz", + "integrity": "sha512-iB5Dda8t/UqpPI/IjsejXu5jOGDrzn41wJyljwPH65VCIbk6+1BzFIMJGFwTNrYXT1CrD+B4l19U7awiQ8rk7w==" + } } }, "supports-color": { @@ -3476,7 +3461,7 @@ }, "is-accessor-descriptor": { "version": "0.1.6", - "resolved": "http://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", + "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", "requires": { "kind-of": "^3.0.2" @@ -3512,7 +3497,7 @@ }, "is-builtin-module": { "version": "1.0.0", - "resolved": "http://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-1.0.0.tgz", "integrity": "sha1-VAVy0096wxGfj3bDDLwbHgN6/74=", "requires": { "builtin-modules": "^1.0.0" @@ -3520,7 +3505,7 @@ }, "is-data-descriptor": { "version": "0.1.4", - "resolved": "http://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", + "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", "requires": { "kind-of": "^3.0.2" @@ -3604,7 +3589,7 @@ }, "is-obj": { "version": "1.0.1", - "resolved": "http://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", + "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz", "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=" }, "is-path-cwd": { @@ -3875,7 +3860,7 @@ }, "load-json-file": { "version": "1.1.0", - "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", + "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", "requires": { "graceful-fs": "^4.1.2", @@ -3887,7 +3872,7 @@ "dependencies": { "pify": { "version": "2.3.0", - "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" } } @@ -4164,7 +4149,7 @@ }, "map-stream": { "version": "0.1.0", - "resolved": "http://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz", + "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.1.0.tgz", "integrity": "sha1-5WqpTEyAVaFkBKBnS3jyFffI4ZQ=" }, "map-visit": { @@ -4248,7 +4233,7 @@ }, "minimist": { "version": "1.2.0", - "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=" }, "mixin-deep": { @@ -4272,7 +4257,7 @@ }, "mkdirp": { "version": "0.5.1", - "resolved": "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz", "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=", "requires": { "minimist": "0.0.8" @@ -4280,7 +4265,7 @@ "dependencies": { "minimist": { "version": "0.0.8", - "resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz", "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=" } } @@ -4292,7 +4277,7 @@ }, "multipipe": { "version": "0.1.2", - "resolved": "http://registry.npmjs.org/multipipe/-/multipipe-0.1.2.tgz", + "resolved": "https://registry.npmjs.org/multipipe/-/multipipe-0.1.2.tgz", "integrity": "sha1-Ko8t33Du1WTf8tV/HhoTfZ8FB4s=", "requires": { "duplexer2": "0.0.2" @@ -4334,7 +4319,7 @@ }, "next-tick": { "version": "1.0.0", - "resolved": "http://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz", + "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz", "integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw=" }, "nice-try": { @@ -4566,7 +4551,7 @@ }, "os-homedir": { "version": "1.0.2", - "resolved": "http://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", + "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz", "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=" }, "os-locale": { @@ -4589,7 +4574,7 @@ }, "os-tmpdir": { "version": "1.0.2", - "resolved": "http://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", + "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz", "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=" }, "osenv": { @@ -4668,7 +4653,7 @@ }, "path-is-absolute": { "version": "1.0.1", - "resolved": "http://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" }, "path-is-inside": { @@ -4712,19 +4697,11 @@ "dependencies": { "pify": { "version": "2.3.0", - "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz", + "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz", "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=" } } }, - "pause-stream": { - "version": "0.0.11", - "resolved": "http://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz", - "integrity": "sha1-/lo0sMvOErWqaitAPuLnO2AvFEU=", - "requires": { - "through": "~2.3" - } - }, "performance-now": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz", @@ -4824,7 +4801,7 @@ }, "pretty-hrtime": { "version": "1.0.3", - "resolved": "http://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", + "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz", "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=" }, "process-nextick-args": { @@ -4841,15 +4818,6 @@ "asap": "~2.0.3" } }, - "prompt-sui": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/prompt-sui/-/prompt-sui-3.2.1.tgz", - "integrity": "sha512-dldrpeYMq4c8oGpHoZIzJnCya96eBECHl167PqpPsrnjdo9795gV/hxvJo0RuiKj28cMlhlqZgOYhXHfXtofHQ==", - "requires": { - "event-stream": "3.3.4", - "inquirer": "3.2.x" - } - }, "proto-list": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz", @@ -5163,7 +5131,7 @@ }, "globby": { "version": "2.1.0", - "resolved": "http://registry.npmjs.org/globby/-/globby-2.1.0.tgz", + "resolved": "https://registry.npmjs.org/globby/-/globby-2.1.0.tgz", "integrity": "sha1-npGSvNM/Srak+JTl5+qLcTITxII=", "requires": { "array-union": "^1.0.1", @@ -5279,17 +5247,12 @@ "is-promise": "^2.1.0" } }, - "rx-lite": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz", - "integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=" - }, - "rx-lite-aggregates": { - "version": "4.0.8", - "resolved": "https://registry.npmjs.org/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz", - "integrity": "sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=", + "rxjs": { + "version": "6.3.3", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.3.3.tgz", + "integrity": "sha512-JTWmoY9tWCs7zvIk/CvRjhjGaOd+OVBM987mxFo+OW66cGpdKjZcpmc74ES1sB//7Kl/PAe8+wEakuhG4pcgOw==", "requires": { - "rx-lite": "*" + "tslib": "^1.9.0" } }, "safe-buffer": { @@ -5299,7 +5262,7 @@ }, "safe-regex": { "version": "1.1.0", - "resolved": "http://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", + "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", "requires": { "ret": "~0.1.10" @@ -5531,14 +5494,6 @@ "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.2.tgz", "integrity": "sha512-qky9CVt0lVIECkEsYbNILVnPvycuEBkXoMFLRWsREkomQLevYhtRKC+R91a5TOAQ3bCMjikRwhyaRqj1VYatYg==" }, - "split": { - "version": "0.2.10", - "resolved": "http://registry.npmjs.org/split/-/split-0.2.10.tgz", - "integrity": "sha1-Zwl8YB1pfOE2j0GPBs0gHPBSGlc=", - "requires": { - "through": "2" - } - }, "split-string": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", @@ -5549,7 +5504,7 @@ }, "sprintf-js": { "version": "1.0.3", - "resolved": "http://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", + "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz", "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=" }, "sshpk": { @@ -5598,14 +5553,6 @@ } } }, - "stream-combiner": { - "version": "0.0.4", - "resolved": "http://registry.npmjs.org/stream-combiner/-/stream-combiner-0.0.4.tgz", - "integrity": "sha1-TV5DPBhSYd3mI8o/RMWGvPXErRQ=", - "requires": { - "duplexer": "~0.1.1" - } - }, "stream-exhaust": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz", @@ -5647,7 +5594,7 @@ }, "strip-ansi": { "version": "3.0.1", - "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "requires": { "ansi-regex": "^2.0.0" @@ -5723,7 +5670,7 @@ }, "through": { "version": "2.3.8", - "resolved": "http://registry.npmjs.org/through/-/through-2.3.8.tgz", + "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=" }, "through2": { @@ -5839,6 +5786,11 @@ } } }, + "tslib": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.3.tgz", + "integrity": "sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ==" + }, "tunnel-agent": { "version": "0.6.0", "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", diff --git a/package.json b/package.json index c3d7c3144d..e42892f4df 100644 --- a/package.json +++ b/package.json @@ -73,12 +73,12 @@ "gulp-replace": "^1.0.0", "gulp-rtlcss": "^1.3.0", "gulp-uglify": "^3.0.1", + "inquirer": "^6.2.1", "jquery": "^3.2.1", "map-stream": "^0.1.0", "merge-stream": "^1.0.0", "mkdirp": "^0.5.1", "normalize-path": "^3.0.0", - "prompt-sui": "^3.2.1", "replace-ext": "^1.0.0", "require-dot-file": "^0.4.0", "wrench-sui": "^0.0.3", diff --git a/tasks/install.js b/tasks/install.js index c4c0b3ff87..a094e237d9 100644 --- a/tasks/install.js +++ b/tasks/install.js @@ -29,7 +29,7 @@ var del = require('del'), jsonEditor = require('gulp-json-editor'), plumber = require('gulp-plumber'), - prompt = require('prompt-sui'), + inquirer = require('inquirer'), rename = require('gulp-rename'), replace = require('gulp-replace'), requireDotFile = require('require-dot-file'), @@ -200,13 +200,11 @@ module.exports = function (callback) { }; callback(); } else { - return gulp - .src('gulpfile.js') - .pipe(prompt.prompt(questions.setup, function (setupAnswers) { + return inquirer.prompt(questions.setup) + .then((setupAnswers) => { // hoist answers = setupAnswers; - })) - ; + }); } }); @@ -421,9 +419,9 @@ module.exports = function (callback) { if (install.shouldAutoInstall()) { gulp.series('build')(callback); } else { - gulp - .src('gulpfile.js') - .pipe(prompt.prompt(questions.cleanup, function (answers) { + // We don't return the inquirer promise on purpose because we handle the callback ourselves + inquirer.prompt(questions.cleanup) + .then((answers) => { if (answers.cleanup === 'yes') { del(install.setupFiles); } @@ -432,8 +430,7 @@ module.exports = function (callback) { } else { callback(); } - })) - ; + }); } } }); From fd909d079b867a19fe9e13f790bde4f935885c94 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Tue, 18 Dec 2018 16:07:12 +0100 Subject: [PATCH 39/49] docs(readme): add package quality badge & change jsDelivr to rounded style --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 0e8b327cb8..20e1a300b8 100644 --- a/README.md +++ b/README.md @@ -6,9 +6,9 @@ A community fork of the popular Semantic-UI framework [![Discord Server](https://img.shields.io/discord/453127116427493376.svg?label=Discord)](https://discord.gg/YChxjJ3) [![npm downloads](https://img.shields.io/npm/dw/fomantic-ui.svg?label=npm%20downloads)](https://www.npmjs.com/package/fomantic-ui) [![npm version](https://img.shields.io/npm/v/fomantic-ui.svg)](https://www.npmjs.com/package/fomantic-ui) -[![last commit](https://img.shields.io/github/last-commit/hammy2899/fomantic-ui.svg)](https://github.com/fomantic/Fomantic-UI/commits/master) -[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/fomantic-ui/badge)](https://www.jsdelivr.com/package/npm/fomantic-ui) - +[![last commit](https://img.shields.io/github/last-commit/fomantic/fomantic-ui.svg)](https://github.com/fomantic/Fomantic-UI/commits/master) +[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/fomantic-ui/badge?style=rounded)](https://www.jsdelivr.com/package/npm/fomantic-ui) +[![Package Quality](https://npm.packagequality.com/shield/fomantic-ui.svg)](https://packagequality.com/#?package=fomantic-ui) --- *NOTE:* Fomantic was created to continue active development of Semantic-UI and has the intent to be merged back into the master repository once active development can restart. For more info please read the following issues https://github.com/Semantic-Org/Semantic-UI/issues/6109 https://github.com/Semantic-Org/Semantic-UI/issues/6413 From d4662624a507343f841b741fa8406cacef2d6c91 Mon Sep 17 00:00:00 2001 From: prudho Date: Thu, 20 Dec 2018 13:01:59 +0100 Subject: [PATCH 40/49] refactor(slider): turn range into slider and add new features Closes #117 #149 #150 --- src/definitions/globals/site.js | 2 +- src/definitions/modules/range.js | 278 ---- src/definitions/modules/range.less | 207 --- src/definitions/modules/slider.js | 1216 +++++++++++++++++ src/definitions/modules/slider.less | 455 ++++++ src/semantic.less | 2 +- src/theme.config.example | 2 +- src/themes/default/modules/range.variables | 30 - .../{range.overrides => slider.overrides} | 2 +- src/themes/default/modules/slider.variables | 80 ++ tasks/config/admin/release.js | 2 +- tasks/config/defaults.js | 2 +- tasks/config/project/install.js | 2 +- 13 files changed, 1758 insertions(+), 522 deletions(-) delete mode 100644 src/definitions/modules/range.js delete mode 100644 src/definitions/modules/range.less create mode 100644 src/definitions/modules/slider.js create mode 100644 src/definitions/modules/slider.less delete mode 100644 src/themes/default/modules/range.variables rename src/themes/default/modules/{range.overrides => slider.overrides} (72%) create mode 100644 src/themes/default/modules/slider.variables diff --git a/src/definitions/globals/site.js b/src/definitions/globals/site.js index 11f76bbbfc..dfe072e0b4 100644 --- a/src/definitions/globals/site.js +++ b/src/definitions/globals/site.js @@ -452,7 +452,7 @@ $.site.settings = { 'modal', 'nag', 'popup', - 'range', + 'slider', 'rating', 'shape', 'sidebar', diff --git a/src/definitions/modules/range.js b/src/definitions/modules/range.js deleted file mode 100644 index df9eabba99..0000000000 --- a/src/definitions/modules/range.js +++ /dev/null @@ -1,278 +0,0 @@ -/*! - * # Semantic UI - Range - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - -;(function ( $, window, document, undefined ) { - - "use strict"; - - $.fn.range = function(parameters) { - - var - $allModules = $(this), - - offset = 10, - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1) - ; - - $allModules - .each(function() { - - var - settings = ( $.isPlainObject(parameters) ) - ? $.extend(true, {}, $.fn.range.settings, parameters) - : $.extend({}, $.fn.range.settings), - - namespace = settings.namespace, - min = settings.min, - max = settings.max, - step = settings.step, - start = settings.start, - input = settings.input, - - eventNamespace = '.' + namespace, - moduleNamespace = 'module-' + namespace, - - $module = $(this), - - element = this, - instance = $module.data(moduleNamespace), - - inner, - thumb, - trackLeft, - precision, - - module - ; - - module = { - - initialize: function() { - module.instantiate(); - module.sanitize(); - }, - - instantiate: function() { - instance = module; - $module - .data(moduleNamespace, module) - ; - $(element).html("
"); - inner = $(element).children('.inner')[0]; - thumb = $(element).find('.thumb')[0]; - trackLeft = $(element).find('.track-fill')[0]; - // find precision of step, used in calculating the value - module.determinePrecision(); - // set start location - module.setValuePosition(settings.start); - // event listeners - $(element).find('.track, .thumb, .inner').on('mousedown', function(event) { - event.stopImmediatePropagation(); - event.preventDefault(); - $(this).closest(".range").trigger('mousedown', event); - }); - $(element).find('.track, .thumb, .inner').on('touchstart', function(event) { - event.stopImmediatePropagation(); - event.preventDefault(); - $(this).closest(".range").trigger('touchstart', event); - }); - $(element).on('mousedown', function(event, originalEvent) { - module.rangeMousedown(event, false, originalEvent); - }); - $(element).on('touchstart', function(event, originalEvent) { - module.rangeMousedown(event, true, originalEvent); - }); - module.addVisibilityListener(element); - }, - - sanitize: function() { - if (typeof settings.min != 'number') { - settings.min = parseInt(settings.min) || 0; - } - if (typeof settings.max != 'number') { - settings.max = parseInt(settings.max) || false; - } - if (typeof settings.start != 'number') { - settings.start = parseInt(settings.start) || 0; - } - }, - - determinePrecision: function() { - var split = String(settings.step).split('.'); - var decimalPlaces; - if(split.length == 2) { - decimalPlaces = split[1].length; - } else { - decimalPlaces = 0; - } - precision = Math.pow(10, decimalPlaces); - }, - - determineValue: function(startPos, endPos, currentPos) { - var ratio = (currentPos - startPos) / (endPos - startPos); - var range = settings.max - settings.min; - var difference = Math.round(ratio * range / step) * step; - // Use precision to avoid ugly Javascript floating point rounding issues - // (like 35 * .01 = 0.35000000000000003) - difference = Math.round(difference * precision) / precision; - return difference + settings.min; - }, - - determinePosition: function(value) { - var ratio = (value - settings.min) / (settings.max - settings.min); - return Math.round(ratio * $(inner).width()) + $(trackLeft).position().left - offset; - }, - - setValue: function(newValue, triggeredByUser) { - if(typeof triggeredByUser === 'undefined') { - triggeredByUser = true; - } - if(settings.input) { - $(settings.input).val(newValue); - } - if(settings.onChange) { - settings.onChange(newValue, {triggeredByUser: triggeredByUser}); - } - }, - - setPosition: function(value) { - $(thumb).css({left: String(value) + 'px'}); - $(trackLeft).css({width: String(value + offset) + 'px'}); - }, - - rangeMousedown: function(mdEvent, isTouch, originalEvent) { - if( !$(element).hasClass('disabled') ) { - mdEvent.preventDefault(); - var left = $(inner).offset().left; - var right = left + $(inner).width(); - var pageX; - if(isTouch) { - pageX = originalEvent.originalEvent.touches[0].pageX; - } else { - pageX = (typeof mdEvent.pageX != 'undefined') ? mdEvent.pageX : originalEvent.pageX; - } - var value = module.determineValue(left, right, pageX); - if(pageX >= left && pageX <= right) { - module.setPosition(pageX - left - offset); - module.setValue(value); - } - var rangeMousemove = function(mmEvent) { - mmEvent.preventDefault(); - if(isTouch) { - pageX = mmEvent.originalEvent.touches[0].pageX; - } else { - pageX = mmEvent.pageX; - } - value = module.determineValue(left, right, pageX); - if(pageX >= left && pageX <= right) { - if(value >= settings.min && value <= settings.max) { - module.setPosition(pageX - left - offset); - module.setValue(value); - } - } - } - var rangeMouseup = function(muEvent) { - if(isTouch) { - $(document).off('touchmove', rangeMousemove); - $(document).off('touchend', rangeMouseup); - } else { - $(document).off('mousemove', rangeMousemove); - $(document).off('mouseup', rangeMouseup); - } - } - if(isTouch) { - $(document).on('touchmove', rangeMousemove); - $(document).on('touchend', rangeMouseup); - } - else { - $(document).on('mousemove', rangeMousemove); - $(document).on('mouseup', rangeMouseup); - } - } - }, - - setValuePosition: function(val, triggeredByUser) { - if(typeof triggeredByUser === 'undefined') { - triggeredByUser = true; - } - var position = module.determinePosition(val); - module.setPosition(position); - module.setValue(val, triggeredByUser); - }, - - invoke: function(query) { - switch(query) { - case 'set value': - if(queryArguments.length > 0) { - instance.setValuePosition(queryArguments[0], false); - } - break; - } - }, - - addVisibilityListener: function(elem) { - - // Add a mutation observer (https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver) - // to detect when root invisible element is behing shown in order to initialize the thumb correctly - // when position and offets are available (https://stackoverflow.com/a/5974377) - - var observer = new MutationObserver(function(mutationList) { - if ($(elem).is(':visible')) { - observer.disconnect(); // Avoid infinite recursion because « module.setValuePosition » will trigger this observer - module.setValuePosition(settings.start); - } - }); - - var closestHiddenParent = $(elem).parentsUntil(':visible'); - - if (closestHiddenParent.length != 0) { - observer.observe(closestHiddenParent[closestHiddenParent.length - 1], {attributes: true}); - } - }, - - }; - - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - module.invoke(query); - } - else { - module.initialize(); - } - - }) - ; - - return this; - - }; - - $.fn.range.settings = { - - name : 'Range', - namespace : 'range', - - min : 0, - max : false, - step : 1, - start : 0, - input : false, - - onChange : function(value){}, - - }; - - -})( jQuery, window, document ); diff --git a/src/definitions/modules/range.less b/src/definitions/modules/range.less deleted file mode 100644 index c7380f6b28..0000000000 --- a/src/definitions/modules/range.less +++ /dev/null @@ -1,207 +0,0 @@ -/*! - * # Semantic UI - Range - * http://github.com/semantic-org/semantic-ui/ - * - * - * Released under the MIT license - * http://opensource.org/licenses/MIT - * - */ - - -/******************************* - Theme -*******************************/ - -@type : 'module'; -@element : 'range'; - -@import (multiple) '../../theme.config'; - -/******************************* - Range -*******************************/ - -.ui.range { - height: @barHeight; - width: @barWidth; -} - -.ui.range .inner { - margin: @innerMargin; - height: @barHeight; - position: relative; -} - -.ui.range .inner:hover { - cursor: @hoverCursor; -} - -.ui.range .inner .track { - position: absolute; - height: @trackHeight; - width: @trackWidth; - border-radius: @trackBorderRadius; - top: 9px; - left: 0; - background-color: @trackColor; -} - -.ui.range .inner .track-fill { - position: absolute; - height: @trackHeight; - width: 0; - border-radius: @trackBorderRadius; - top: 9px; - left: 0; - background-color: @trackFillColor; -} - -.ui.range .inner .thumb { - position: absolute; - top: 0; - left: 0; - height: @thumbHeight; - width: @thumbWidth; - background: @thumbBackground; - border-radius: @thumbBorderRadius; - box-shadow: @thumbBoxShadow; -} - - -/*-------------- - Inverted ----------------*/ - -.ui.inverted.range .inner .track { - background-color: @invertedTrackColor; -} - -.ui.inverted.range .inner .track-fill { - background-color: @invertedTrackFillColor; -} - - -/*-------------- - Colors ----------------*/ - -/* Red */ -.ui.red.range .inner .track-fill { - background-color: @red; -} -.ui.red.inverted.range .inner .track-fill { - background-color: @lightRed; -} - -/* Orange */ -.ui.orange.range .inner .track-fill { - background-color: @orange; -} -.ui.orange.inverted.range .inner .track-fill { - background-color: @lightOrange; -} - -/* Yellow */ -.ui.yellow.range .inner .track-fill { - background-color: @yellow; -} -.ui.yellow.inverted.range .inner .track-fill { - background-color: @lightYellow; -} - -/* Olive */ -.ui.olive.range .inner .track-fill { - background-color: @olive; -} -.ui.olive.inverted.range .inner .track-fill { - background-color: @lightOlive; -} - -/* Green */ -.ui.green.range .inner .track-fill { - background-color: @green; -} -.ui.green.inverted.range .inner .track-fill { - background-color: @lightGreen; -} - -/* Teal */ -.ui.teal.range .inner .track-fill { - background-color: @teal; -} -.ui.teal.inverted.range .inner .track-fill { - background-color: @lightTeal; -} - -/* Blue */ -.ui.blue.range .inner .track-fill { - background-color: @blue; -} -.ui.blue.inverted.range .inner .track-fill { - background-color: @lightBlue; -} - -/* Violet */ -.ui.violet.range .inner .track-fill { - background-color: @violet; -} -.ui.violet.inverted.range .inner .track-fill { - background-color: @lightViolet; -} - -/* Purple */ -.ui.purple.range .inner .track-fill { - background-color: @purple; -} -.ui.purple.inverted.range .inner .track-fill { - background-color: @lightPurple; -} - -/* Pink */ -.ui.pink.range .inner .track-fill { - background-color: @pink; -} -.ui.pink.inverted.range .inner .track-fill { - background-color: @lightPink; -} - -/* Brown */ -.ui.brown.range .inner .track-fill { - background-color: @brown; -} -.ui.brown.inverted.range .inner .track-fill { - background-color: @lightBrown; -} - -/* Grey */ -.ui.grey.range .inner .track-fill { - background-color: @grey; -} -.ui.grey.inverted.range .inner .track-fill { - background-color: @lightGrey; -} - -/* Black */ -.ui.black.range .inner .track-fill { - background-color: @black; -} -.ui.black.inverted.range .inner .track-fill { - background-color: @lightBlack; -} - - -/*-------------- - Disabled ----------------*/ -.ui.range.disabled { - opacity: @disabledOpacity; -} - -.ui.range.disabled .inner:hover { - cursor: auto; -} - -.ui.range.disabled .inner .track-fill { - background: @disabledTrackFillColor; -} diff --git a/src/definitions/modules/slider.js b/src/definitions/modules/slider.js new file mode 100644 index 0000000000..381a7147a3 --- /dev/null +++ b/src/definitions/modules/slider.js @@ -0,0 +1,1216 @@ +/*! + * # Semantic UI - Slider + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +;(function ( $, window, document, undefined ) { + +"use strict"; + +window = (typeof window != 'undefined' && window.Math == Math) + ? window + : (typeof self != 'undefined' && self.Math == Math) + ? self + : Function('return this')() +; + +$.fn.slider = function(parameters) { + + var + $allModules = $(this), + + moduleSelector = $allModules.selector || '', + + time = new Date().getTime(), + performance = [], + + query = arguments[0], + methodInvoked = (typeof query == 'string'), + queryArguments = [].slice.call(arguments, 1), + + alphabet = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'], + + SINGLE_STEP = 1, + BIG_STEP = 2, + NO_STEP = 0, + SINGLE_BACKSTEP = -1, + BIG_BACKSTEP = -2, + + // Used to manage document bound events. + // Use this so that we can distinguish between which document events are bound to which range. + currentRange = 0, + + returnedValue + ; + + $allModules + .each(function() { + + var + settings = ( $.isPlainObject(parameters) ) + ? $.extend(true, {}, $.fn.slider.settings, parameters) + : $.extend({}, $.fn.slider.settings), + + className = settings.className, + metadata = settings.metadata, + namespace = settings.namespace, + error = settings.error, + keys = settings.keys, + interpretLabel = settings.interpretLabel, + + isHover = false, + eventNamespace = '.' + namespace, + moduleNamespace = 'module-' + namespace, + + $module = $(this), + $currThumb, + $thumb, + $secondThumb, + $track, + $trackFill, + $labels, + + element = this, + instance = $module.data(moduleNamespace), + + documentEventID, + + value, + position, + secondPos, + offset, + precision, + isTouch, + + module + ; + + module = { + + initialize: function() { + module.debug('Initializing slider', settings); + + currentRange += 1; + documentEventID = currentRange; + + isTouch = module.setup.testOutTouch(); + module.setup.layout(); + module.setup.labels(); + + if(!module.is.disabled()) { + module.bind.events(); + } + + module.read.metadata(); + module.read.settings(); + + module.instantiate(); + }, + + instantiate: function() { + module.verbose('Storing instance of slider', module); + instance = module; + $module + .data(moduleNamespace, module) + ; + }, + + destroy: function() { + module.verbose('Destroying previous slider for', $module); + clearInterval(instance.interval); + module.unbind.events(); + module.unbind.slidingEvents(); + $module.removeData(moduleNamespace); + instance = undefined; + }, + + setup: { + layout: function() { + if( $module.attr('tabindex') === undefined) { + $module.attr('tabindex', 0); + } + if($module.find('.inner').length == 0) { + $module.append("
" + + "
" + + "
" + + "
" + + "
"); + } + precision = module.get.precision(); + $thumb = $module.find('.thumb:not(.second)'); + $currThumb = $thumb; + if(module.is.range()) { + if($module.find('.thumb.second').length == 0) { + $module.find('.inner').append("
"); + } + $secondThumb = $module.find('.thumb.second'); + } + $track = $module.find('.track'); + $trackFill = $module.find('.track-fill'); + offset = $thumb.width() / 2; + }, + labels: function() { + if(module.is.labeled()) { + $labels = $module.find('.labels:not(.auto)'); + if($labels.length != 0) { + module.setup.customLabel(); + } else { + module.setup.autoLabel(); + } + + if (settings.showLabelTicks) { + $module.addClass(className.ticked) + } + } + }, + testOutTouch: function() { + try { + document.createEvent('TouchEvent'); + return true; + } catch (e) { + return false; + } + }, + customLabel: function() { + var + $children = $labels.find('.label'), + numChildren = $children.length, + min = module.get.min(), + max = module.get.max(), + ratio + ; + $children.each(function(index) { + var + $child = $(this), + attrValue = $child.attr('data-value') + ; + if(attrValue) { + attrValue = attrValue > max ? max : attrValue < min ? min : attrValue; + ratio = (attrValue - min) / (max - min); + } else { + ratio = (index + 1) / (numChildren + 1); + } + module.update.labelPosition(ratio, $(this)); + }); + }, + autoLabel: function() { + if(module.get.step() != 0) { + $labels = $module.find('.labels'); + if($labels.length != 0) { + $labels.empty(); + } + else { + $labels = $module.append('
    ').find('.labels'); + } + for(var i = 0, len = module.get.numLabels(); i <= len; i++) { + var + labelText = module.get.label(i), + $label = (labelText !== "") ? $('
  • ' + labelText + '
    • ') : null, + ratio = i / len + ; + if($label) { + module.update.labelPosition(ratio, $label); + $labels.append($label); + } + } + } + } + }, + + bind: { + events: function() { + module.bind.globalKeyboardEvents(); + module.bind.keyboardEvents(); + module.bind.mouseEvents(); + if(module.is.touch()) { + module.bind.touchEvents(); + } + }, + keyboardEvents: function() { + module.verbose('Binding keyboard events'); + $module.on('keydown' + eventNamespace, module.event.keydown); + }, + globalKeyboardEvents: function() { + $(document).on('keydown' + eventNamespace + documentEventID, module.event.activateFocus); + }, + mouseEvents: function() { + module.verbose('Binding mouse events'); + $module.find('.track, .thumb, .inner').on('mousedown' + eventNamespace, function(event) { + event.stopImmediatePropagation(); + event.preventDefault(); + module.event.down(event); + }); + $module.on('mousedown' + eventNamespace, module.event.down); + $module.on('mouseenter' + eventNamespace, function(event) { + isHover = true; + }); + $module.on('mouseleave' + eventNamespace, function(event) { + isHover = false; + }); + }, + touchEvents: function() { + module.verbose('Binding touch events'); + $module.find('.track, .thumb, .inner').on('touchstart' + eventNamespace, function(event) { + event.stopImmediatePropagation(); + event.preventDefault(); + module.event.down(event); + }); + $module.on('touchstart' + eventNamespace, module.event.down); + }, + slidingEvents: function() { + // these don't need the identifier because we only ever want one of them to be registered with document + module.verbose('Binding page wide events while handle is being draged'); + if(module.is.touch()) { + $(document).on('touchmove' + eventNamespace, module.event.move); + $(document).on('touchend' + eventNamespace, module.event.up); + } + else { + $(document).on('mousemove' + eventNamespace, module.event.move); + $(document).on('mouseup' + eventNamespace, module.event.up); + } + } + }, + + unbind: { + events: function() { + $module.find('.track, .thumb, .inner').off('mousedown' + eventNamespace); + $module.find('.track, .thumb, .inner').off('touchstart' + eventNamespace); + $module.off('mousedown' + eventNamespace); + $module.off('mouseenter' + eventNamespace); + $module.off('mouseleave' + eventNamespace); + $module.off('touchstart' + eventNamespace); + $module.off('keydown' + eventNamespace); + $module.off('focusout' + eventNamespace); + $(document).off('keydown' + eventNamespace + documentEventID, module.event.activateFocus); + }, + slidingEvents: function() { + if(module.is.touch()) { + $(document).off('touchmove' + eventNamespace); + $(document).off('touchend' + eventNamespace); + } else { + $(document).off('mousemove' + eventNamespace); + $(document).off('mouseup' + eventNamespace); + } + }, + }, + + event: { + down: function(event, originalEvent) { + event.preventDefault(); + if(module.is.range()) { + var + eventPos = module.determine.eventPos(event, originalEvent), + newPos = module.determine.pos(eventPos) + ; + $currThumb = module.determine.closestThumb(newPos); + } + if(!module.is.disabled()) { + module.bind.slidingEvents(); + } + }, + move: function(event, originalEvent) { + event.preventDefault(); + var value = module.determine.valueFromEvent(event, originalEvent); + if(module.get.step() == 0 || module.is.smooth()) { + var + thumbVal = module.thumbVal, + secondThumbVal = module.secondThumbVal, + thumbSmoothVal = module.determine.smoothValueFromEvent(event, originalEvent) + ; + if(!$currThumb.hasClass('second')) { + thumbVal = value; + } else { + secondThumbVal = value; + } + value = Math.abs(thumbVal - (secondThumbVal || 0)); + module.update.position(thumbSmoothVal); + settings.onMove.call(element, value, thumbVal, secondThumbVal); + } else { + module.update.value(value, function(value, thumbVal, secondThumbVal) { + settings.onMove.call(element, value, thumbVal, secondThumbVal); + }); + } + }, + up: function(event, originalEvent) { + event.preventDefault(); + var value = module.determine.valueFromEvent(event, originalEvent); + module.set.value(value); + module.unbind.slidingEvents(); + }, + keydown: function(event, first) { + if(module.is.focused()) { + $(document).trigger(event); + } + if(first || module.is.focused()) { + var step = module.determine.keyMovement(event); + if(step != NO_STEP) { + event.preventDefault(); + switch(step) { + case SINGLE_STEP: + module.takeStep(); + break; + case BIG_STEP: + module.takeStep(module.get.multiplier()); + break; + case SINGLE_BACKSTEP: + module.backStep(); + break; + case BIG_BACKSTEP: + module.backStep(module.get.multiplier()); + break; + } + } + } + }, + activateFocus: function(event) { + if(!module.is.focused() && module.is.hover() && module.determine.keyMovement(event) != NO_STEP) { + event.preventDefault(); + module.event.keydown(event, true); + $module.focus(); + } + }, + }, + + resync: function() { + module.verbose('Resyncing thumb position based on value'); + if(module.is.range()) { + module.update.position(module.secondThumbVal, $secondThumb); + } + module.update.position(module.thumbVal, $thumb); + module.setup.labels(); + }, + takeStep: function(multiplier) { + var + multiplier = multiplier != undefined ? multiplier : 1, + step = module.get.step(), + currValue = module.get.currentThumbValue() + ; + module.verbose('Taking a step'); + if(step > 0) { + module.set.value(currValue + step * multiplier); + } else if (step == 0){ + var + precision = module.get.precision(), + newValue = currValue + (multiplier/precision) + ; + module.set.value(Math.round(newValue * precision) / precision); + } + }, + + backStep: function(multiplier) { + var + multiplier = multiplier != undefined ? multiplier : 1, + step = module.get.step(), + currValue = module.get.currentThumbValue() + ; + module.verbose('Going back a step'); + if(step > 0) { + module.set.value(currValue - step * multiplier); + } else if (step == 0) { + var + precision = module.get.precision(), + newValue = currValue - (multiplier/precision) + ; + module.set.value(Math.round(newValue * precision) / precision); + } + }, + + is: { + range: function() { + return $module.hasClass(settings.className.range); + }, + hover: function() { + return isHover; + }, + focused: function() { + return $module.is(':focus'); + }, + disabled: function() { + return $module.hasClass(settings.className.disabled); + }, + labeled: function() { + return $module.hasClass(settings.className.labeled); + }, + reversed: function() { + return $module.hasClass(settings.className.reversed); + }, + vertical: function() { + return $module.hasClass(settings.className.vertical); + }, + smooth: function() { + return settings.smooth || $module.hasClass(settings.className.smooth); + }, + touch: function() { + return isTouch; + } + }, + + get: { + trackOffset: function() { + if (module.is.vertical()) { + return $track.offset().top; + } else { + return $track.offset().left; + } + }, + trackLength: function() { + if (module.is.vertical()) { + return $track.height(); + } else { + return $track.width(); + } + }, + trackLeft: function() { + if (module.is.vertical()) { + return $track.position().top; + } else { + return $track.position().left; + } + }, + trackStartPos: function() { + return module.is.reversed() ? module.get.trackLeft() + module.get.trackLength() : module.get.trackLeft(); + }, + trackEndPos: function() { + return module.is.reversed() ? module.get.trackLeft() : module.get.trackLeft() + module.get.trackLength(); + }, + trackStartMargin: function () { + var margin; + if (module.is.vertical()) { + margin = module.is.reversed() ? $module.css('padding-bottom') : $module.css('padding-top'); + } else { + margin = module.is.reversed() ? $module.css('padding-right') : $module.css('padding-left'); + } + return margin || '0px'; + }, + trackEndMargin: function () { + var margin; + if (module.is.vertical()) { + margin = module.is.reversed() ? $module.css('padding-top') : $module.css('padding-bottom'); + } else { + margin = module.is.reversed() ? $module.css('padding-left') : $module.css('padding-right'); + } + return margin || '0px'; + }, + precision: function() { + var + decimalPlaces, + step = module.get.step() + ; + if(step != 0) { + var split = String(step).split('.'); + if(split.length == 2) { + decimalPlaces = split[1].length; + } else { + decimalPlaces = 0; + } + } else { + decimalPlaces = settings.decimalPlaces; + } + var precision = Math.pow(10, decimalPlaces); + module.debug('Precision determined', precision); + return precision; + }, + min: function() { + return settings.min; + }, + max: function() { + return settings.max; + }, + step: function() { + return settings.step; + }, + numLabels: function() { + var value = Math.round((module.get.max() - module.get.min()) / module.get.step()); + module.debug('Determined that their should be ' + value + ' labels'); + return value; + }, + labelType: function() { + return settings.labelType; + }, + label: function(value) { + if(interpretLabel) { + return interpretLabel(value); + } + + switch (settings.labelType) { + case settings.labelTypes.number: + return (value * module.get.step()) + module.get.min(); + case settings.labelTypes.letter: + return alphabet[(value) % 26]; + default: + return value; + } + }, + value: function() { + return value; + }, + currentThumbValue: function() { + return $currThumb.hasClass('second') ? module.secondThumbVal : module.thumbVal; + }, + thumbValue: function(which) { + switch(which) { + case 'second': + if(module.is.range()) { + return module.secondThumbVal; + } + else { + module.error(error.notrange); + break; + } + case 'first': + default: + return module.thumbVal; + } + }, + multiplier: function() { + return settings.pageMultiplier; + }, + thumbPosition: function(which) { + switch(which) { + case 'second': + if(module.is.range()) { + return secondPos; + } + else { + module.error(error.notrange); + break; + } + case 'first': + default: + return position; + } + } + }, + + determine: { + pos: function(pagePos) { + return module.is.reversed() + ? + module.get.trackStartPos() - pagePos + module.get.trackOffset() + : + pagePos - module.get.trackOffset() - module.get.trackStartPos() + ; + }, + closestThumb: function(eventPos) { + var + thumbPos = parseFloat(module.determine.thumbPos($thumb)), + thumbDelta = Math.abs(eventPos - thumbPos), + secondThumbPos = parseFloat(module.determine.thumbPos($secondThumb)), + secondThumbDelta = Math.abs(eventPos - secondThumbPos) + ; + return thumbDelta <= secondThumbDelta ? $thumb : $secondThumb; + }, + closestThumbPos: function(eventPos) { + var + thumbPos = parseFloat(module.determine.thumbPos($thumb)), + thumbDelta = Math.abs(eventPos - thumbPos), + secondThumbPos = parseFloat(module.determine.thumbPos($secondThumb)), + secondThumbDelta = Math.abs(eventPos - secondThumbPos) + ; + return thumbDelta <= secondThumbDelta ? thumbPos : secondThumbPos; + }, + thumbPos: function($element) { + var pos = + module.is.vertical() + ? + module.is.reversed() ? $element.css('bottom') : $element.css('top') + : + module.is.reversed() ? $element.css('right') : $element.css('left') + ; + return pos; + }, + positionFromValue: function(value) { + var + min = module.get.min(), + max = module.get.max(), + value = value > max ? max : value < min ? min : value, + trackLength = module.get.trackLength(), + ratio = (value - min) / (max - min), + position = Math.round(ratio * trackLength) + ; + module.verbose('Determined position: ' + position + ' from value: ' + value); + return position; + }, + positionFromRatio: function(ratio) { + var + trackLength = module.get.trackLength(), + step = module.get.step(), + position = Math.round(ratio * trackLength), + adjustedPos = (step == 0) ? position : Math.round(position / step) * step + ; + return adjustedPos; + }, + valueFromEvent: function(event, originalEvent) { + var + eventPos = module.determine.eventPos(event, originalEvent), + newPos = module.determine.pos(eventPos), + value + ; + if(eventPos < module.get.trackOffset()) { + value = module.is.reversed() ? module.get.max() : module.get.min(); + } else if(eventPos > module.get.trackOffset() + module.get.trackLength()) { + value = module.is.reversed() ? module.get.min() : module.get.max(); + } else { + value = module.determine.value(newPos); + } + return value; + }, + smoothValueFromEvent: function(event, originalEvent) { + var + min = module.get.min(), + max = module.get.max(), + trackLength = module.get.trackLength(), + eventPos = module.determine.eventPos(event, originalEvent), + newPos = eventPos - module.get.trackOffset(), + ratio, + value + ; + newPos = newPos < 0 ? 0 : newPos > trackLength ? trackLength : newPos; + ratio = newPos / trackLength; + if (module.is.reversed()) { + ratio = 1 - ratio; + } + value = ratio * (max - min) + min; + return value; + }, + eventPos: function(event, originalEvent) { + if(module.is.touch()) { + var + touchY = event.changedTouches[0].pageY || event.touches[0].pageY, + touchX = event.changedTouches[0].pageX || event.touches[0].pageX + ; + return module.is.vertical() ? touchY : touchX; + } + var + clickY = event.pageY || originalEvent.pageY, + clickX = event.pageX || originalEvent.pageX + ; + return module.is.vertical() ? clickY : clickX; + }, + value: function(position) { + var + startPos = module.is.reversed() ? module.get.trackEndPos() : module.get.trackStartPos(), + endPos = module.is.reversed() ? module.get.trackStartPos() : module.get.trackEndPos(), + ratio = (position - startPos) / (endPos - startPos), + range = module.get.max() - module.get.min(), + step = module.get.step(), + value = (ratio * range), + difference = (step == 0) ? value : Math.round(value / step) * step + ; + module.verbose('Determined value based upon position: ' + position + ' as: ' + value); + if(value != difference) { + module.verbose('Rounding value to closest step: ' + difference); + } + // Use precision to avoid ugly Javascript floating point rounding issues + // (like 35 * .01 = 0.35000000000000003) + difference = Math.round(difference * precision) / precision; + module.verbose('Cutting off additional decimal places'); + return difference + module.get.min(); + }, + keyMovement: function(event) { + var + key = event.which, + downArrow = + module.is.vertical() + ? + module.is.reversed() ? keys.downArrow : keys.upArrow + : + keys.downArrow + , + upArrow = + module.is.vertical() + ? + module.is.reversed() ? keys.upArrow : keys.downArrow + : + keys.upArrow + , + leftArrow = + !module.is.vertical() + ? + module.is.reversed() ? keys.rightArrow : keys.leftArrow + : + keys.leftArrow + , + rightArrow = + !module.is.vertical() + ? + module.is.reversed() ? keys.leftArrow : keys.rightArrow + : + keys.rightArrow + ; + if(key == downArrow || key == leftArrow) { + return SINGLE_BACKSTEP; + } else if(key == upArrow || key == rightArrow) { + return SINGLE_STEP; + } else if (key == keys.pageDown) { + return BIG_BACKSTEP; + } else if (key == keys.pageUp) { + return BIG_STEP; + } else { + return NO_STEP; + } + } + }, + + handleNewValuePosition: function(val) { + var + min = module.get.min(), + max = module.get.max(), + newPos + ; + if (val <= min) { + val = min; + } else if (val >= max) { + val = max; + } + newPos = module.determine.positionFromValue(val); + return newPos; + }, + + set: { + value: function(newValue) { + module.update.value(newValue, function(value, thumbVal, secondThumbVal) { + settings.onChange.call(element, value, thumbVal, secondThumbVal); + settings.onMove.call(element, value, thumbVal, secondThumbVal); + }); + }, + rangeValue: function(first, second) { + if(module.is.range()) { + var + min = module.get.min(), + max = module.get.max() + ; + if (first <= min) { + first = min; + } else if(first >= max){ + first = max; + } + if (second <= min) { + second = min; + } else if(second >= max){ + second = max; + } + module.thumbVal = first; + module.secondThumbVal = second; + value = Math.abs(module.thumbVal - module.secondThumbVal); + module.update.position(module.thumbVal, $thumb); + module.update.position(module.secondThumbVal, $secondThumb); + settings.onChange.call(element, value, module.thumbVal, module.secondThumbVal); + settings.onMove.call(element, value, module.thumbVal, module.secondThumbVal); + } else { + module.error(error.notrange); + } + }, + position: function(position, which) { + var thumbVal = module.determine.value(position); + switch (which) { + case 'second': + module.secondThumbVal = thumbVal; + module.update.position(thumbVal, $secondThumb); + break; + default: + module.thumbVal = thumbVal; + module.update.position(thumbVal, $thumb); + } + value = Math.abs(module.thumbVal - (module.secondThumbVal || 0)); + module.set.value(value); + } + }, + + update: { + value: function(newValue, callback) { + var + min = module.get.min(), + max = module.get.max() + ; + if (newValue <= min) { + newValue = min; + } else if(newValue >= max){ + newValue = max; + } + if(!module.is.range()) { + value = newValue; + module.thumbVal = value; + } else { + if(!$currThumb.hasClass('second')) { + module.thumbVal = newValue; + } else { + module.secondThumbVal = newValue; + } + value = Math.abs(module.thumbVal - module.secondThumbVal); + } + module.update.position(newValue); + module.debug('Setting slider value to ' + value); + if(typeof callback === 'function') { + callback(value, module.thumbVal, module.secondThumbVal); + } + }, + position: function(newValue, $element) { + var + newPos = module.handleNewValuePosition(newValue), + $targetThumb = $element != undefined ? $element : $currThumb, + thumbVal = module.thumbVal || module.get.min(), + secondThumbVal = module.secondThumbVal || module.get.min() + ; + if(module.is.range()) { + if(!$targetThumb.hasClass('second')) { + position = newPos; + thumbVal = newValue; + } else { + secondPos = newPos; + secondThumbVal = newValue; + } + } else { + position = newPos; + thumbVal = newValue; + } + var + trackPosValue, + thumbPosValue, + min = module.get.min(), + max = module.get.max(), + thumbPosPercent = 100 * (newValue - min) / (max - min), + trackStartPosPercent = 100 * (Math.min(thumbVal, secondThumbVal) - min) / (max - min), + trackEndPosPercent = 100 * (1 - (Math.max(thumbVal, secondThumbVal) - min) / (max - min)) + ; + if (module.is.vertical()) { + if (module.is.reversed()) { + thumbPosValue = {bottom: 'calc(' + thumbPosPercent + '% - ' + offset + 'px)', top: 'auto'}; + trackPosValue = {bottom: trackStartPosPercent + '%', top: trackEndPosPercent + '%'}; + } + else { + thumbPosValue = {top: 'calc(' + thumbPosPercent + '% - ' + offset + 'px)', bottom: 'auto'}; + trackPosValue = {top: trackStartPosPercent + '%', bottom: trackEndPosPercent + '%'}; + } + } else { + if (module.is.reversed()) { + thumbPosValue = {right: 'calc(' + thumbPosPercent + '% - ' + offset + 'px)', left: 'auto'}; + trackPosValue = {right: trackStartPosPercent + '%', left: trackEndPosPercent + '%'}; + } + else { + thumbPosValue = {left: 'calc(' + thumbPosPercent + '% - ' + offset + 'px)', right: 'auto'}; + trackPosValue = {left: trackStartPosPercent + '%', right: trackEndPosPercent + '%'}; + } + } + $targetThumb.css(thumbPosValue); + $trackFill.css(trackPosValue); + module.debug('Setting slider position to ' + newPos); + }, + labelPosition: function (ratio, $label) { + var + startMargin = module.get.trackStartMargin(), + endMargin = module.get.trackEndMargin(), + posDir = + module.is.vertical() + ? + module.is.reversed() ? 'bottom' : 'top' + : + module.is.reversed() ? 'right' : 'left', + startMarginMod = module.is.reversed() && !module.is.vertical() ? ' - ' : ' + ' + ; + var position = '(100% - ' + startMargin + ' - ' + endMargin + ') * ' + ratio; + $label.css(posDir, 'calc(' + position + startMarginMod + startMargin + ')'); + } + }, + + goto: { + max: function() { + module.set.value(module.get.max()); + }, + min: function() { + module.set.value(module.get.min()); + }, + }, + + read: { + metadata: function() { + var + data = { + thumbVal : $module.data(metadata.thumbVal), + secondThumbVal : $module.data(metadata.secondThumbVal) + } + ; + if(data.thumbVal) { + if(module.is.range() && data.secondThumbVal) { + module.debug('Current value set from metadata', data.thumbVal, data.secondThumbVal); + module.set.rangeValue(data.thumbVal, data.secondThumbVal); + } else { + module.debug('Current value set from metadata', data.thumbVal); + module.set.value(data.thumbVal); + } + } + }, + settings: function() { + if(settings.start !== false) { + if(module.is.range()) { + module.debug('Start position set from settings', settings.start, settings.end); + module.set.rangeValue(settings.start, settings.end); + } else { + module.debug('Start position set from settings', settings.start); + module.set.value(settings.start); + } + } + } + }, + + setting: function(name, value) { + module.debug('Changing setting', name, value); + if( $.isPlainObject(name) ) { + $.extend(true, settings, name); + } + else if(value !== undefined) { + if($.isPlainObject(settings[name])) { + $.extend(true, settings[name], value); + } + else { + settings[name] = value; + } + } + else { + return settings[name]; + } + }, + internal: function(name, value) { + if( $.isPlainObject(name) ) { + $.extend(true, module, name); + } + else if(value !== undefined) { + module[name] = value; + } + else { + return module[name]; + } + }, + debug: function() { + if(!settings.silent && settings.debug) { + if(settings.performance) { + module.performance.log(arguments); + } + else { + module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.debug.apply(console, arguments); + } + } + }, + verbose: function() { + if(!settings.silent && settings.verbose && settings.debug) { + if(settings.performance) { + module.performance.log(arguments); + } + else { + module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.verbose.apply(console, arguments); + } + } + }, + error: function() { + if(!settings.silent) { + module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); + module.error.apply(console, arguments); + } + }, + + performance: { + log: function(message) { + var + currentTime, + executionTime, + previousTime + ; + if(settings.performance) { + currentTime = new Date().getTime(); + previousTime = time || currentTime; + executionTime = currentTime - previousTime; + time = currentTime; + performance.push({ + 'Name' : message[0], + 'Arguments' : [].slice.call(message, 1) || '', + 'Element' : element, + 'Execution Time' : executionTime + }); + } + clearTimeout(module.performance.timer); + module.performance.timer = setTimeout(module.performance.display, 500); + }, + display: function() { + var + title = settings.name + ':', + totalTime = 0 + ; + time = false; + clearTimeout(module.performance.timer); + $.each(performance, function(index, data) { + totalTime += data['Execution Time']; + }); + title += ' ' + totalTime + 'ms'; + if(moduleSelector) { + title += ' \'' + moduleSelector + '\''; + } + if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { + console.groupCollapsed(title); + if(console.table) { + console.table(performance); + } + else { + $.each(performance, function(index, data) { + console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); + }); + } + console.groupEnd(); + } + performance = []; + } + }, + + invoke: function(query, passedArguments, context) { + var + object = instance, + maxDepth, + found, + response + ; + passedArguments = passedArguments || queryArguments; + context = element || context; + if(typeof query == 'string' && object !== undefined) { + query = query.split(/[\. ]/); + maxDepth = query.length - 1; + $.each(query, function(depth, value) { + var camelCaseValue = (depth != maxDepth) + ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) + : query + ; + if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { + object = object[camelCaseValue]; + } + else if( object[camelCaseValue] !== undefined ) { + found = object[camelCaseValue]; + return false; + } + else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { + object = object[value]; + } + else if( object[value] !== undefined ) { + found = object[value]; + return false; + } + else { + module.error(error.method, query); + return false; + } + }); + } + if ( $.isFunction( found ) ) { + response = found.apply(context, passedArguments); + } + else if(found !== undefined) { + response = found; + } + if($.isArray(returnedValue)) { + returnedValue.push(response); + } + else if(returnedValue !== undefined) { + returnedValue = [returnedValue, response]; + } + else if(response !== undefined) { + returnedValue = response; + } + return found; + } + }; + + if(methodInvoked) { + if(instance === undefined) { + module.initialize(); + } + module.invoke(query); + } + else { + if(instance !== undefined) { + instance.invoke('destroy'); + } + module.initialize(); + } + }) + ; + + return (returnedValue !== undefined) + ? returnedValue + : this + ; + +}; + +$.fn.slider.settings = { + + silent : false, + debug : false, + verbose : false, + performance : true, + + name : 'Slider', + namespace : 'slider', + + error : { + method : 'The method you called is not defined.', + notrange : 'This slider is not a range slider' + }, + + metadata: { + thumbVal : 'thumbVal', + secondThumbVal : 'secondThumbVal' + }, + + min : 0, + max : 20, + step : 1, + start : 0, + end : 20, + labelType : 'number', + showLabelTicks : false, + smooth : false, + + //the decimal place to round to if step is undefined + decimalPlaces : 2, + + // page up/down multiplier. How many more times the steps to take on page up/down press + pageMultiplier : 2, + + selector: { + + }, + + className : { + reversed : 'reversed', + disabled : 'disabled', + labeled : 'labeled', + ticked : 'ticked', + vertical : 'vertical', + range : 'range', + smooth : 'smooth' + }, + + keys : { + pageUp : 33, + pageDown : 34, + leftArrow : 37, + upArrow : 38, + rightArrow : 39, + downArrow : 40 + }, + + labelTypes : { + number : 'number', + letter : 'letter' + }, + + onChange : function(value, thumbVal, secondThumbVal){}, + onMove : function(value, thumbVal, secondThumbVal){}, +}; + + +})( jQuery, window, document ); diff --git a/src/definitions/modules/slider.less b/src/definitions/modules/slider.less new file mode 100644 index 0000000000..e4e82e2c4f --- /dev/null +++ b/src/definitions/modules/slider.less @@ -0,0 +1,455 @@ + /******************************* + Theme + *******************************/ + + @type : 'module'; + @element : 'slider'; + + @import (multiple) '../../theme.config'; + +.ui.slider:not(.vertical) { + width: 100%; + padding: @padding; +} + +.ui.slider { + position: relative; +} + +.ui.slider:focus { + outline: 0; +} + +.ui.slider .inner { + position: relative; + z-index: 2; +} + +.ui.slider:not(.vertical) .inner { + height: @height; +} + +.ui.slider .inner:hover { + cursor: @hoverPointer; +} + +.ui.slider .inner .track { + position: absolute; + border-radius: @trackBorderRadius; + background-color: @trackColor; +} + +.ui.slider:not(.vertical) .inner .track { + width: 100%; + height: @trackHeight; + top: @trackPositionTop; + left: 0; +} + +.ui.slider .inner .track-fill { + position: absolute; + border-radius: @trackFillBorderRadius; + background-color: @trackFillColor; +} + +.ui.slider:not(.vertical) .inner .track-fill { + height: @trackFillHeight; + top: @trackPositionTop; + left: 0; +} + +.ui.slider .inner .thumb { + position: absolute; + left: 0; + top: 0; + height: @thumbHeight; + width: @thumbHeight; + background: @thumbBackground; + border-radius: @thumbBorderRadius; + box-shadow: @thumbShadow; + transition: @thumbTransition; +} + +.ui.slider:not(.disabled) .inner .thumb:hover { + cursor: @thumbHoverPointer; + background: @thumbHoverBackground; +} + +.ui.slider:not(.disabled):focus .inner .thumb { + background: @thumbHoverBackground; +} + + +/******************************* + States +*******************************/ + + +/*-------------- + Disabled +---------------*/ + +.ui.disabled.slider { + opacity: @disabledOpactiy; +} + +.ui.disabled.slider .inner:hover { + cursor: auto; +} + +.ui.disabled.slider .inner .track-fill { + background: @disabledTrackFillColor; +} + +/*-------------- + Reversed +---------------*/ + +.ui.reversed.slider .inner .track-fill { + left: auto; + right: 0; +} + +.ui.reversed.slider .inner .thumb { + left: auto; + right: 0; +} + +.ui.labeled.reversed.slider > .labels .label { + transform: translate(-100%, -100%); +} + +/******************************* + Variations +*******************************/ + +/*-------------- + Vertical +---------------*/ + +.ui.vertical.slider { + height: 100%; + width: @height; + padding: @verticalPadding; +} + +.ui.vertical.slider .inner { + height: 100%; +} + +.ui.vertical.slider .inner .track { + height: 100%; + width: @trackHeight; + left: @trackPositionTop; + top: 0; +} + +.ui.vertical.slider .inner .track-fill { + width: @trackFillHeight; + left: @trackPositionTop; + top: 0; +} + +/* Vertical Reversed */ +.ui.vertical.reversed.slider .inner .thumb { + top: auto; + bottom: 0; +} + +.ui.vertical.reversed.slider .inner .track-fill { + top: auto; + bottom: 0; +} + +/*-------------- + Labeled +---------------*/ + +.ui.labeled.slider > .labels { + height: @labelHeight; + width: auto; + margin: 0; + padding: 0; + position: absolute; + top: 50%; + left: 0; + right: 0; +} + +.ui.labeled.slider:not(.vertical) > .labels { + transform: translateY(-50%); +} + +.ui.labeled.slider > .labels .label { + display: inline-flex; + position: absolute; + transform: translate(-50%, -100%); +} + +.ui.labeled.ticked.slider > .labels .label:after { + content: ' '; + height: @labelHeight; + width: @labelWidth; + background: @labelColor; + position: absolute; + top: 100%; + left: 50%; +} + +/* Vertical Labels */ + +.ui.labeled.vertical.slider > .labels { + width: @labelHeight; + height: auto; + left: 50%; + top: 0; + bottom: 0; + transform: translateX(-50%); +} + +.ui.labeled.vertical.slider > .labels .label { + transform: translate(-100%, -50%); +} + +.ui.labeled.vertical.slider > .labels .label:after { + width: @labelHeight; + height: @labelWidth; + left: 100%; + top: 50%; +} + +/* Vertical Reversed Labels */ +.ui.labeled.vertical.reversed.slider > .labels .label { + transform: translate(-100%, 50%); +} + +/*-------------- + Hover +---------------*/ + +.ui.hover.slider .inner .thumb { + opacity: @hoverVarOpacity; + transition: @hoverOpacityTransition; +} + +.ui.hover.slider:not(.disabled):hover .inner .thumb, .ui.hover.slider:not(.disabled):focus .inner .thumb { + opacity: @hoverVarHoverOpacity; +} + + + +/*-------------- + Inverted +---------------*/ + +.ui.inverted.slider .inner .track-fill { + background-color: @invertedTrackFillColor; +} + +.ui.inverted.slider .inner .track { + background-color: @transparentWhite; +} + +/*-------------- + Colors +---------------*/ + +.addColor(@color, @lightColor, @hoverColor, @lightHoverColor) { + @_color: "@{color}"; + @_lightColor: "@{lightColor}"; + @_hoverColor: "@{hoverColor}"; + @_lightHoverColor: "@{lightHoverColor}"; + + /* Standard */ + .ui.@{color}.slider .inner .track-fill { + background-color: @@_color; + } + .ui.@{color}.inverted.slider .inner .track-fill { + background-color: @@_lightColor; + } + + /* Basic */ + .ui.@{color}.slider.basic .inner .thumb { + background-color: @@_color; + } + .ui.@{color}.slider.basic .inner .thumb:hover, + .ui.@{color}.slider.basic:focus .inner .thumb { + background-color: @@_hoverColor; + } + + /* Basic Inverted */ + .ui.@{color}.inverted.slider.basic .inner .thumb { + background-color: @@_lightColor; + } + .ui.@{color}.inverted.slider.basic .inner .thumb:hover, + .ui.@{color}.inverted.slider.basic:focus .inner .thumb { + background-color: @@_lightHoverColor; + } + +} + +/*--- Red ---*/ +.addColor(~"red", ~"lightRed", ~"redHover", ~"lightRedHover"); + +/*--- Orange ---*/ +.addColor(~"orange", ~"lightOrange", ~"orangeHover", ~"lightOrangeHover"); + +/*--- Yellow ---*/ +.addColor(~"yellow", ~"lightYellow", ~"yellowHover", ~"lightYellowHover"); + +/*--- Olive ---*/ +.addColor(~"olive", ~"lightOlive", ~"oliveHover", ~"lightOliveHover"); + +/*--- Green ---*/ +.addColor(~"green", ~"lightGreen", ~"greenHover", ~"lightGreenHover"); + +/*--- Teal ---*/ +.addColor(~"teal", ~"lightTeal", ~"tealHover", ~"lightTealHover"); + +/*--- Blue ---*/ +.addColor(~"blue", ~"lightBlue", ~"blueHover", ~"lightBlueHover"); + +/*--- Violet ---*/ +.addColor(~"violet", ~"lightViolet", ~"violetHover", ~"lightVioletHover"); + +/*--- Purple ---*/ +.addColor(~"purple", ~"lightPurple", ~"purpleHover", ~"lightPurpleHover"); + +/*--- Pink ---*/ +.addColor(~"pink", ~"lightPink", ~"pinkHover", ~"lightPinkHover"); + +/*--- Brown ---*/ +.addColor(~"brown", ~"lightBrown", ~"brownHover", ~"lightBrownHover"); + +/*--- Grey ---*/ +.addColor(~"grey", ~"lightGrey", ~"greyHover", ~"lightGreyHover"); + +/*--- Black ---*/ +.addColor(~"black", ~"lightBlack", ~"blackHover", ~"lightBlackHover"); + +/*-------------- + Basic +---------------*/ + +/* Standard */ +.ui.slider.basic .inner .thumb { + background-color: @trackFillColor; +} +.ui.slider.basic .inner .thumb:hover, .ui.slider.basic:focus .inner .thumb { + background-color: @trackFillColorFocus; +} + +/*-------------- + Basic Inverted +---------------*/ + +/* Standard */ +.ui.inverted.slider.basic .inner .thumb { + background-color: @invertedTrackFillColor; +} +.ui.inverted.slider.basic .inner .thumb:hover, .ui.inverted.slider.basic:focus .inner .thumb { + background-color: @invertedTrackFillColorFocus; +} + + +/*-------------- + Sizing +---------------*/ + +/* Small */ +.ui.slider.small .inner .thumb { + height: @smallHeight; + width: @smallHeight; +} +.ui.slider.small:not(.vertical) .inner { + height: @smallHeight; +} +.ui.slider.small:not(.vertical) .inner .track, +.ui.slider.small:not(.vertical) .inner .track-fill { + height: @smallTrackHeight; + top: @trackPositionTopSmall; +} +.ui.small.labeled.slider:not(.vertical) > .labels, +.ui.small.labeled.slider:not(.vertical) > .labels .label:after { + height: @smallLabelHeight; +} + +/* Small Vertical */ +.ui.slider.small.vertical .inner { + width: @smallHeight; +} +.ui.slider.small.vertical .inner .track, +.ui.slider.small.vertical .inner .track-fill { + width: @smallTrackHeight; + left: @trackPositionTopSmall; +} +.ui.small.labeled.vertical.slider> .labels, +.ui.small.labeled.vertical.slider> .labels .label:after { + width: @smallLabelHeight; +} + +/* Large */ +.ui.slider.large .inner .thumb { + height: @largeHeight; + width: @largeHeight; +} +.ui.slider.large:not(.vertical) .inner { + height: @largeHeight; +} +.ui.slider.large:not(.vertical) .inner .track, +.ui.slider.large:not(.vertical) .inner .track-fill { + height: @largeTrackHeight; + top: @trackPositionTopLarge; +} +.ui.large.labeled.slider:not(.vertical) > .labels, +.ui.large.labeled.slider:not(.vertical) > .labels .label:after { + height: @largeLabelHeight; +} + +/* Large Vertical */ +.ui.slider.large.vertical .inner { + width: @largeHeight; +} +.ui.slider.large.vertical .inner .track, +.ui.slider.large.vertical .inner .track-fill { + width: @largeTrackHeight; + left: @trackPositionTopLarge; +} +.ui.large.labeled.vertical.slider> .labels, +.ui.large.labeled.vertical.slider> .labels .label:after { + width: @largeLabelHeight; +} + +/* Big */ +.ui.slider.big .inner .thumb { + height: @bigHeight; + width: @bigHeight; +} +.ui.slider.big:not(.vertical) .inner { + height: @bigHeight; +} +.ui.slider.big:not(.vertical) .inner .track, +.ui.slider.big:not(.vertical) .inner .track-fill { + height: @bigTrackHeight; + top: @trackPositionTopBig; +} +.ui.big.labeled.slider:not(.vertical) > .labels, +.ui.big.labeled.slider:not(.vertical) > .labels .label:after { + height: @bigLabelHeight; +} + +/* Big Vertical */ +.ui.slider.big.vertical .inner { + width: @bigHeight; +} +.ui.slider.big.vertical .inner .track, +.ui.slider.big.vertical .inner .track-fill { + width: @bigTrackHeight; + left: @trackPositionTopBig; +} +.ui.big.labeled.vertical.slider> .labels, +.ui.big.labeled.vertical.slider> .labels .label:after { + width: @bigLabelHeight; +} + +.loadUIOverrides(); diff --git a/src/semantic.less b/src/semantic.less index 155ef9446a..aebcde5bb4 100644 --- a/src/semantic.less +++ b/src/semantic.less @@ -59,7 +59,7 @@ & { @import "definitions/modules/nag"; } & { @import "definitions/modules/popup"; } & { @import "definitions/modules/progress"; } -& { @import "definitions/modules/range"; } +& { @import "definitions/modules/slider"; } & { @import "definitions/modules/rating"; } & { @import "definitions/modules/search"; } & { @import "definitions/modules/shape"; } diff --git a/src/theme.config.example b/src/theme.config.example index cebbc38a53..96c8bbeaaa 100644 --- a/src/theme.config.example +++ b/src/theme.config.example @@ -58,7 +58,7 @@ @nag : 'default'; @popup : 'default'; @progress : 'default'; -@range : 'default'; +@slider : 'default'; @rating : 'default'; @search : 'default'; @shape : 'default'; diff --git a/src/themes/default/modules/range.variables b/src/themes/default/modules/range.variables deleted file mode 100644 index c5979a64ab..0000000000 --- a/src/themes/default/modules/range.variables +++ /dev/null @@ -1,30 +0,0 @@ -/******************************* - Range -*******************************/ - -@barHeight: 20px; -@barWidth: 100%; - -@innerMargin: 0 10px 0 10px; - -@hoverCursor: pointer; - -@trackHeight: 4px; -@trackWidth: 100%; -@trackBorderRadius: @absoluteBorderRadius; -@trackColor: rgba(0, 0, 0, .05); -@trackFillColor: @black; - -@thumbHeight: 20px; -@thumbWidth: 20px; -@thumbBackground: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05)); -@thumbBorderRadius: 100%; -@thumbBoxShadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset; - -/* Inverted */ -@invertedTrackColor: rgba(255,255,255,.08); -@invertedTrackFillColor: @lightBlack; - -/* Disabled */ -@disabledOpacity: .5; -@disabledTrackFillColor: @grey; diff --git a/src/themes/default/modules/range.overrides b/src/themes/default/modules/slider.overrides similarity index 72% rename from src/themes/default/modules/range.overrides rename to src/themes/default/modules/slider.overrides index 14fb0da124..e5b96d287f 100644 --- a/src/themes/default/modules/range.overrides +++ b/src/themes/default/modules/slider.overrides @@ -1,3 +1,3 @@ /******************************* - Theme Overrides + Slider Overrides *******************************/ diff --git a/src/themes/default/modules/slider.variables b/src/themes/default/modules/slider.variables new file mode 100644 index 0000000000..9b7b5ec702 --- /dev/null +++ b/src/themes/default/modules/slider.variables @@ -0,0 +1,80 @@ +/******************************* + Slider Variables +*******************************/ + +/*------------------- + Element +--------------------*/ + +@height : 1.5em; +@hoverPointer : auto; +@padding : 1em .5em; + +/* Track */ +@trackHeight : .4em; +@trackPositionTop : (@height / 2) - (@trackHeight / 2); +@background : #ccc; +@trackBorderRadius : 4px; +@trackColor : @transparentBlack; + +/* Track Fill */ +@trackFillHeight : @trackHeight; +@trackFillColor : @black; +@trackFillColorFocus : @blackHover; +@invertedTrackFillColor : @lightBlack; +@invertedTrackFillColorFocus : @lightBlackHover; +@trackFillBorderRadius : @trackBorderRadius; + +/* Thumb */ +@thumbHeight : @height; +@thumbBorderRadius : 100%; +@thumbBackground : @white @subtleGradient; +@thumbShadow : @subtleShadow, 0 0 0 1px @borderColor inset; +@thumbTransitionDuration : 0.3s; +@thumbTransition : background @thumbTransitionDuration @defaultEasing; + +/* Thumb Hover */ +@thumbHoverPointer : pointer; +@thumbHoverBackground : @whiteHover @subtleGradient; + +/*------------------- + States +--------------------*/ + +/* Disabled */ +@disabledOpactiy : .5; +@disabledTrackFillColor : @background; + +/*------------------- + Variations +--------------------*/ + +/* Vertical */ +@verticalPadding : .5em 1em; + +/* Labeled */ +@labelHeight : @height; +@labelWidth : 1px; +@labelColor : @background; + +/* Hover */ +@hoverVarOpacity : 0; +@hoverVarHoverOpacity : 1; +@hoverOpacityTransitionDuration : 0.2s; +@hoverOpacityTransition : opacity @hoverOpacityTransitionDuration linear; + +/* Sizing */ +@smallHeight : 1em; +@smallLabelHeight : @smallHeight; +@smallTrackHeight : 0.3em; +@trackPositionTopSmall : (@smallHeight / 2) - (@smallTrackHeight / 2); + +@largeHeight : 2em; +@largeLabelHeight : @largeHeight; +@largeTrackHeight : 0.5em; +@trackPositionTopLarge : (@largeHeight / 2) - (@largeTrackHeight / 2); + +@bigHeight : 2.5em; +@bigLabelHeight : @bigHeight; +@bigTrackHeight : 0.6em; +@trackPositionTopBig : (@bigHeight / 2) - (@bigTrackHeight / 2); diff --git a/tasks/config/admin/release.js b/tasks/config/admin/release.js index 2c2397a480..7750c8ecf7 100644 --- a/tasks/config/admin/release.js +++ b/tasks/config/admin/release.js @@ -94,7 +94,7 @@ module.exports = { 'popup', 'progress', 'rail', - 'range', + 'slider', 'rating', 'reset', 'reveal', diff --git a/tasks/config/defaults.js b/tasks/config/defaults.js index 57db781b67..c6c5f00e8d 100644 --- a/tasks/config/defaults.js +++ b/tasks/config/defaults.js @@ -92,7 +92,7 @@ module.exports = { 'nag', 'popup', 'progress', - 'range', + 'slider', 'rating', 'search', 'shape', diff --git a/tasks/config/project/install.js b/tasks/config/project/install.js index e5813f7cfb..c7875f4424 100644 --- a/tasks/config/project/install.js +++ b/tasks/config/project/install.js @@ -393,7 +393,7 @@ module.exports = { { name: "placeholder", checked: true }, { name: "popup", checked: true }, { name: "progress", checked: true }, - { name: "range", checked: true }, + { name: "slider", checked: true }, { name: "rating", checked: true }, { name: "search", checked: true }, { name: "shape", checked: true }, From 9d5c4f10ea03c0c9bc7396d58ab4ca9259a56b23 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Thu, 20 Dec 2018 13:09:52 +0100 Subject: [PATCH 41/49] feat(loader): add new variants, module support and refactor colors --- src/definitions/collections/form.less | 19 +- src/definitions/elements/button.less | 20 +- src/definitions/elements/input.less | 8 +- src/definitions/elements/loader.less | 325 ++++++++++--------- src/definitions/elements/segment.less | 17 +- src/definitions/modules/dimmer.js | 24 +- src/definitions/modules/dropdown.less | 18 +- src/definitions/modules/search.less | 9 +- src/definitions/modules/tab.less | 9 +- src/themes/default/elements/loader.variables | 4 +- src/themes/default/modules/tab.variables | 4 +- 11 files changed, 208 insertions(+), 249 deletions(-) diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less index 126d2cbe46..c019301315 100755 --- a/src/definitions/collections/form.less +++ b/src/definitions/collections/form.less @@ -658,30 +658,15 @@ width: @loaderSize; height: @loaderSize; - animation: form-spin @loaderSpeed linear; - animation-iteration-count: infinite; - + animation: loader @loaderSpeed infinite linear; + border: @loaderLineWidth solid @loaderLineColor; border-radius: @circularRadius; - border-color: @loaderLineColor @loaderFillColor @loaderFillColor @loaderFillColor; - border-style: solid; - border-width: @loaderLineWidth; - box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: @loaderLineZIndex; } -@keyframes form-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - - /******************************* Element Types *******************************/ diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index eb53251c3f..c1474f2e2c 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -161,14 +161,11 @@ width: @loaderSize; height: @loaderSize; - animation: button-spin @loaderSpeed linear; - animation-iteration-count: infinite; - border-radius: @circularRadius; - border-color: @invertedLoaderLineColor transparent transparent; - border-style: solid; - border-width: @loaderLineWidth; + animation: loader @loaderSpeed infinite linear; + border: @loaderLineWidth solid currentColor; + color: @invertedLoaderLineColor; box-shadow: 0 0 0 1px transparent; } @@ -177,20 +174,11 @@ box-shadow: none; } -@keyframes button-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - .ui.basic.loading.button:not(.inverted):before { border-color: @loaderFillColor; } .ui.basic.loading.button:not(.inverted):after { - border-top-color: @loaderLineColor; + border-color: @loaderLineColor; } /*------------------- diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 6e7bc0cc3c..c19c241f64 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -130,15 +130,11 @@ width: @loaderSize; height: @loaderSize; - animation: button-spin @loaderSpeed linear; - animation-iteration-count: infinite; + animation: loader @loaderSpeed infinite linear; + border: @loaderLineWidth solid @loaderLineColor; border-radius: @circularRadius; - border-color: @loaderLineColor transparent transparent; - border-style: solid; - border-width: @loaderLineWidth; - box-shadow: 0 0 0 1px transparent; } diff --git a/src/definitions/elements/loader.less b/src/definitions/elements/loader.less index bc6716a7dc..a582001336 100755 --- a/src/definitions/elements/loader.less +++ b/src/definitions/elements/loader.less @@ -55,35 +55,32 @@ width: 100%; height: 100%; - animation: loader @loaderSpeed linear; - animation-iteration-count: infinite; - + animation: loader @loaderSpeed infinite linear; + border: @loaderLineWidth solid @shapeBorderColor; border-radius: @circularRadius; - border-color: @shapeBorderColor; - border-style: solid; - border-width: @loaderLineWidth; - box-shadow: 0 0 0 1px transparent; } /* Speeds */ + +.ui.fast.loading.loading:after, +.ui.fast.loading.loading .input > i.icon:after, +.ui.fast.loading.loading > i.icon:after, .ui.fast.loader:after { - animation: loader @loaderSpeedFast linear; - animation-iteration-count: infinite; + animation-duration: @loaderSpeedFast; } +.ui.slow.loading.loading:after, +.ui.slow.loading.loading .input > i.icon:after, +.ui.slow.loading.loading > i.icon:after, .ui.slow.loader:after { - animation: loader @loaderSpeedSlow linear; - animation-iteration-count: infinite; + animation-duration: @loaderSpeedSlow; } /* Active Animation */ @keyframes loader { - from { - transform: rotate(0deg); - } - to { + 100% { transform: rotate(360deg); } } @@ -151,23 +148,17 @@ .ui.dimmer .ui.loader { color: @invertedLoaderTextColor; } -.ui.dimmer .ui.loader:before { +.ui.dimmer .ui.loader:not(.elastic):before { border-color: @invertedLoaderFillColor; } -.ui.dimmer .ui.loader:after { - border-color: @invertedShapeBorderColor; -} /* White Dimmer (Inverted) */ .ui.inverted.dimmer .ui.loader { color: @loaderTextColor; } -.ui.inverted.dimmer .ui.loader:before { +.ui.inverted.dimmer .ui.loader:not(.elastic):before { border-color: @loaderFillColor; } -.ui.inverted.dimmer .ui.loader:after { - border-color: @shapeBorderColor; -} /******************************* Types @@ -302,142 +293,63 @@ Colors --------------------*/ -.ui.primary.loader:after { - border-color: @primaryColor transparent transparent; -} - -.ui.secondary.loader:after { - border-color: @secondaryColor transparent transparent; -} - -.ui.red.loader:after { - border-color: @red transparent transparent; -} - -.ui.orange.loader:after { - border-color: @orange transparent transparent; -} - -.ui.yellow.loader:after { - border-color: @yellow transparent transparent; -} - -.ui.olive.loader:after { - border-color: @olive transparent transparent; -} - -.ui.green.loader:after { - border-color: @green transparent transparent; -} - -.ui.teal.loader:after { - border-color: @teal transparent transparent; -} - -.ui.blue.loader:after { - border-color: @blue transparent transparent; -} - -.ui.violet.loader:after { - border-color: @violet transparent transparent; -} - -.ui.purple.loader:after { - border-color: @purple transparent transparent; -} - -.ui.pink.loader:after { - border-color: @pink transparent transparent; -} - -.ui.brown.loader:after { - border-color: @brown transparent transparent; -} - -.ui.grey.loader:after { - border-color: @grey transparent transparent; -} - -.ui.black.loader:after { - border-color: @black transparent transparent; -} - - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.loader { - color: @invertedLoaderTextColor -} -.ui.inverted.loader:before { - border-color: @invertedLoaderFillColor; -} -.ui.inverted.loader:after { - border-top-color: @invertedLoaderLineColor; -} - -/* Colors */ -.ui.inverted.primary.loader:after { - border-color: @lightPrimaryColor transparent transparent; -} - -.ui.inverted.secondary.loader:after { - border-color: @lightSecondaryColor transparent transparent; -} - -.ui.inverted.red.loader:after { - border-color: @lightRed transparent transparent; -} - -.ui.inverted.orange.loader:after { - border-color: @lightOrange transparent transparent; -} - -.ui.inverted.yellow.loader:after { - border-color: @lightYellow transparent transparent; -} - -.ui.inverted.olive.loader:after { - border-color: @lightOlive transparent transparent; -} - -.ui.inverted.green.loader:after { - border-color: @lightGreen transparent transparent; -} - -.ui.inverted.teal.loader:after { - border-color: @lightTeal transparent transparent; -} - -.ui.inverted.blue.loader:after { - border-color: @lightBlue transparent transparent; -} - -.ui.inverted.violet.loader:after { - border-color: @lightViolet transparent transparent; -} - -.ui.inverted.purple.loader:after { - border-color: @lightPurple transparent transparent; -} - -.ui.inverted.pink.loader:after { - border-color: @lightPink transparent transparent; -} - -.ui.inverted.brown.loader:after { - border-color: @lightBrown transparent transparent; -} - -.ui.inverted.grey.loader:after { - border-color: @lightGrey transparent transparent; +.loaderColor(@colorRaw; @lightColor;) { + @color: replace(@colorRaw,'Color',''); + @_loaderColor: "@{colorRaw}"; + @_loaderInvertedColor: "@{lightColor}"; + + .ui.@{color}.elastic.loader.loader:before, + .ui.@{color}.elastic.loading.loading.loading:not(.segment):before, + .ui.@{color}.elastic.loading.loading.loading .input > i.icon:before, + .ui.@{color}.loading.loading.loading.loading:not(.usual):not(.button):after, + .ui.@{color}.loading.loading.loading.loading .input > i.icon:after, + .ui.@{color}.loading.loading.loading.loading > i.icon:after, + .ui.@{color}.loader.loader.loader:after { + color: @@_loaderColor; + } + .ui.inverted.@{color}.elastic.loader:before, + .ui.inverted.@{color}.elastic.loading.loading.loading:not(.segment):before, + .ui.inverted.@{color}.elastic.loading.loading.loading .input > i.icon:before, + .ui.inverted.@{color}.elastic.loading.loading.loading > i.icon:before, + .ui.inverted.@{color}.loading.loading.loading.loading:not(.usual):after, + .ui.inverted.@{color}.loading.loading.loading.loading .input > i.icon:after, + .ui.inverted.@{color}.loading.loading.loading.loading > i.icon:after, + .ui.inverted.@{color}.loader.loader.loader:after { + color: @@_loaderInvertedColor; + } } - -.ui.inverted.black.loader:after { - border-color: @lightBlack transparent transparent; +.loaderColor(~'primaryColor',~'lightPrimaryColor'); +.loaderColor(~'secondaryColor',~'lightSecondaryColor'); +.loaderColor(~'red',~'lightRed'); +.loaderColor(~'orange',~'lightOrange'); +.loaderColor(~'yellow',~'lightYellow'); +.loaderColor(~'olive',~'lightOlive'); +.loaderColor(~'green',~'lightGreen'); +.loaderColor(~'teal',~'lightTeal'); +.loaderColor(~'blue',~'lightBlue'); +.loaderColor(~'violet',~'lightViolet'); +.loaderColor(~'purple',~'lightPurple'); +.loaderColor(~'pink',~'lightPink'); +.loaderColor(~'brown',~'lightBrown'); +.loaderColor(~'grey',~'lightGrey'); +.loaderColor(~'black',~'lightBlack'); + +.ui.elastic.loader.loader:before, +.ui.elastic.loading.loading.loading:before, +.ui.elastic.loading.loading.loading .input > i.icon:before, +.ui.elastic.loading.loading.loading > i.icon:before, +.ui.loading.loading.loading.loading:not(.usual):after, +.ui.loading.loading.loading.loading .input > i.icon:after, +.ui.loading.loading.loading.loading > i.icon:after, +.ui.loader.loader.loader:after { + border-color: currentColor; +} +.ui.elastic.loading.loading.loading.loading.button:not(.inverted):before { + color: @white; +} +.ui.double.loading.loading.loading.loading.button:after { + border-bottom-color: currentColor; } - /*------------------- Inline --------------------*/ @@ -464,5 +376,104 @@ margin-right: auto; } +.ui.loading.loading.loading.loading.loading.loading:after, +.ui.loading.loading.loading.loading.loading.loading .input > i.icon:after, +.ui.loading.loading.loading.loading.loading.loading > i.icon:after, +.ui.loader.loader.loader.loader.loader:after { + border-left-color:transparent; + border-right-color:transparent; +} +.ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after, +.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon:after, +.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon:after, +.ui.loader.loader.loader.loader.loader.loader:not(.double):after { + border-bottom-color: transparent; +} +.ui.loading.loading.loading.loading.loading.loading.segment:after, +.ui.loading.loading.loading.loading.loading.loading.form:after { + border-left-color:@loaderFillColor; + border-right-color:@loaderFillColor; +} +.ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after, +.ui.loading.loading.loading.loading.loading.loading.form:not(.double):after { + border-bottom-color: @loaderFillColor; +} + +/*------------------- + Elastic +--------------------*/ + +.ui.dimmer .ui.elastic.loader { + color: @white; +} +.ui.inverted.dimmer .ui.elastic.loader { + color: @grey; +} +.ui.elastic.loading.loading:not(.form):not(.segment):after, +.ui.elastic.loading.loading .input > i.icon:after, +.ui.elastic.loading.loading > i.icon:after, +.ui.elastic.loader.loader:after { + animation: loader 1s infinite cubic-bezier(.27, 1.05, .92, .61); + animation-delay: 0.3s; +} +.ui.elastic.loading.loading.loading:not(.form):not(.segment):before, +.ui.elastic.loading.loading.loading .input > i.icon:before, +.ui.elastic.loading.loading.loading > i.icon:before, +.ui.elastic.loader.loader:before { + animation: elastic-loader 1s infinite cubic-bezier(.27, 1.05, .92, .61); + border-right-color: transparent; +} +.ui.elastic.inline.loader:empty { + animation: loader 8s infinite linear; +} +.ui.slow.elastic.loading.loading:not(.form):not(.segment):after, +.ui.slow.elastic.loading.loading .input > i.icon:after, +.ui.slow.elastic.loading.loading > i.icon:after, +.ui.slow.elastic.loader.loader:after { + animation-duration: 1.5s; + animation-delay: 0.45s; +} +.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):before, +.ui.slow.elastic.loading.loading.loading .input > i.icon:before, +.ui.slow.elastic.loading.loading.loading > i.icon:before, +.ui.slow.elastic.loader.loader:before { + animation-duration: 1.5s; +} +.ui.fast.elastic.loading.loading:not(.form):not(.segment):after, +.ui.fast.elastic.loading.loading .input > i.icon:after, +.ui.fast.elastic.loading.loading > i.icon:after, +.ui.fast.elastic.loader.loader:after { + animation-duration: 0.66s; + animation-delay: 0.20s; +} +.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):before, +.ui.fast.elastic.loading.loading.loading .input > i.icon:before, +.ui.fast.elastic.loading.loading.loading > i.icon:before, +.ui.fast.elastic.loader.loader:before { + animation-duration: 0.66s; +} +@keyframes elastic-loader { + 0%, 1% { + border-left-color: transparent; + border-bottom-color: transparent + } + 1.1%, 50% { + border-left-color: inherit; + } + 10%, 35.1%{ + border-bottom-color: transparent; + } + 10.1%, 35%{ + border-bottom-color: inherit; + } + 50.1%{ + border-left-color: transparent; + } + 100% { + border-left-color: transparent; + border-bottom-color: transparent; + transform: rotate(360deg); + } +} .loadUIOverrides(); diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less index b476cf2e58..b9aa63e401 100755 --- a/src/definitions/elements/segment.less +++ b/src/definitions/elements/segment.less @@ -491,28 +491,15 @@ width: @loaderSize; height: @loaderSize; - animation: segment-spin @loaderSpeed linear; - animation-iteration-count: infinite; - + animation: loader @loaderSpeed infinite linear; + border: @loaderLineWidth solid @loaderLineColor; border-radius: @circularRadius; - border-color: @loaderLineColor @loaderFillColor @loaderFillColor @loaderFillColor; - border-style: solid; - border-width: @loaderLineWidth; - box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: @loaderLineZIndex; } -@keyframes segment-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} /******************************* diff --git a/src/definitions/modules/dimmer.js b/src/definitions/modules/dimmer.js index d2173253e2..6894d1e5bf 100755 --- a/src/definitions/modules/dimmer.js +++ b/src/definitions/modules/dimmer.js @@ -175,7 +175,7 @@ $.fn.dimmer = function(parameters) { create: function() { var - $element = $( settings.template.dimmer() ) + $element = $( settings.template.dimmer(settings) ) ; if(settings.dimmerName) { module.debug('Creating named dimmer', settings.dimmerName); @@ -701,6 +701,10 @@ $.fn.dimmer.settings = { show : 500, hide : 500 }, +// whether the dynamically created dimmer should have a loader + displayLoader: false, + loaderText : false, + loaderVariation : '', onChange : function(){}, onShow : function(){}, @@ -720,7 +724,8 @@ $.fn.dimmer.settings = { hide : 'hide', legacy : 'legacy', pageDimmer : 'page', - show : 'show' + show : 'show', + loader : 'ui loader' }, selector: { @@ -729,8 +734,19 @@ $.fn.dimmer.settings = { }, template: { - dimmer: function() { - return $('
    ').attr('class', 'ui dimmer'); + dimmer: function(settings) { + var d = $('
    ').addClass('ui dimmer'),l; + if(settings.displayLoader) { + l = $('
    ') + .addClass(settings.className.loader) + .addClass(settings.loaderVariation); + if(!!settings.loaderText){ + l.text(settings.loaderText); + l.addClass('text'); + } + d.append(l); + } + return d; } } diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index e55c504dfc..6de8e9a541 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -821,14 +821,10 @@ select.ui.dropdown { width: @loaderSize; height: @loaderSize; - animation: dropdown-spin @loaderSpeed linear; - animation-iteration-count: infinite; - + animation: loader @loaderSpeed infinite linear; + border: @loaderLineWidth solid @loaderLineColor; border-radius: @circularRadius; - border-color: @loaderLineColor transparent transparent; - border-style: solid; - border-width: @loaderLineWidth; } /* Coupling */ @@ -837,16 +833,6 @@ select.ui.dropdown { display: none; } -@keyframes dropdown-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - - /*-------------------- Default Text ----------------------*/ diff --git a/src/definitions/modules/search.less b/src/definitions/modules/search.less index 7b4b306838..12ce0cbc7b 100755 --- a/src/definitions/modules/search.less +++ b/src/definitions/modules/search.less @@ -222,15 +222,10 @@ width: @loaderSize; height: @loaderSize; - animation: button-spin @loaderSpeed linear; - animation-iteration-count: infinite; - + animation: loader @loaderSpeed infinite linear; + border: @loaderLineWidth solid @loaderLineColor; border-radius: @circularRadius; - border-color: @loaderLineColor transparent transparent; - border-style: solid; - border-width: @loaderLineWidth; - box-shadow: 0 0 0 1px transparent; } diff --git a/src/definitions/modules/tab.less b/src/definitions/modules/tab.less index da187d834c..832f0a7f38 100755 --- a/src/definitions/modules/tab.less +++ b/src/definitions/modules/tab.less @@ -79,15 +79,10 @@ width: @loaderSize; height: @loaderSize; - animation: button-spin @loaderSpeed linear; - animation-iteration-count: infinite; - + animation: loader @loaderSpeed infinite linear; + border: @loaderLineWidth solid @loaderLineColor; border-radius: @circularRadius; - border-color: @loaderLineColor transparent transparent; - border-style: solid; - border-width: @loaderLineWidth; - box-shadow: 0 0 0 1px transparent; } diff --git a/src/themes/default/elements/loader.variables b/src/themes/default/elements/loader.variables index eb9dea4e37..5b2bf568fe 100644 --- a/src/themes/default/elements/loader.variables +++ b/src/themes/default/elements/loader.variables @@ -17,8 +17,8 @@ @loaderTopOffset: 50%; @loaderLeftOffset: 50%; -@shapeBorderColor: @loaderLineColor transparent transparent; -@invertedShapeBorderColor: @invertedLoaderLineColor transparent transparent; +@shapeBorderColor: @loaderLineColor; +@invertedShapeBorderColor: @invertedLoaderLineColor; /*------------------- Types diff --git a/src/themes/default/modules/tab.variables b/src/themes/default/modules/tab.variables index 7d0a5c65c9..a629d4fc44 100644 --- a/src/themes/default/modules/tab.variables +++ b/src/themes/default/modules/tab.variables @@ -7,5 +7,5 @@ @loadingContentPosition: relative; @loadingContentOffset: -10000px; -@loaderDistanceFromTop: 100px; -@loaderSize: 2.5em; \ No newline at end of file +@loaderDistanceFromTop: 50%; +@loaderSize: 2.5em; From 68b7b007de079663ceb7c9c73059ee41d09d347c Mon Sep 17 00:00:00 2001 From: Sean Date: Fri, 21 Dec 2018 15:15:39 +0000 Subject: [PATCH 42/49] docs(issue template): remove old template --- .github/ISSUE_TEMPLATE.md | 24 ------------------------ 1 file changed, 24 deletions(-) delete mode 100644 .github/ISSUE_TEMPLATE.md diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md deleted file mode 100644 index 51f552c231..0000000000 --- a/.github/ISSUE_TEMPLATE.md +++ /dev/null @@ -1,24 +0,0 @@ -✖ USAGE QUESTIONS → Use these dedicated resources: -- Docs http://fomantic-ui.com -- Chat https://discordapp.com/invite/YChxjJ3 -- StackOverflow https://stackoverflow.com/questions/tagged/semantic-ui - -✔ Enhancements → Be specific. Assume backwards compatibility is a necessity. Suggest implementation when possible. -✔ BUGS → ❤❤❤. Keep in mind some bugs may not be immediately fixable due to backwards compatibility or CSS limitations. - -### Title (Put in field above) -Use the format: [Component] Component Should Do X -i.e. [Checkbox] onChange Should Fire When Update Triggered via DOM - -### Steps - -### Expected Result - -### Actual Result - -### Version -x.y.z - -### Testcase -[Fork, update, and replace to show the bug]: -https://jsfiddle.net/ca0rovs3/ From 6e4994dba321d194a205dbb096d0648917725be3 Mon Sep 17 00:00:00 2001 From: Marco 'Lubber' Wienkoop Date: Fri, 21 Dec 2018 16:45:25 +0100 Subject: [PATCH 43/49] feat(colors): add central dynamic color map for every component --- src/definitions/collections/grid.less | 102 +---- src/definitions/collections/menu.less | 277 ++---------- src/definitions/collections/message.less | 144 ++++-- src/definitions/collections/table.less | 230 ++++------ src/definitions/elements/button.less | 459 ++++++++++---------- src/definitions/elements/header.less | 284 ++---------- src/definitions/elements/icon.less | 214 +-------- src/definitions/elements/label.less | 94 ++-- src/definitions/elements/loader.less | 29 +- src/definitions/elements/segment.less | 127 +----- src/definitions/elements/text.less | 43 ++ src/definitions/modules/progress.less | 113 +---- src/definitions/modules/rating.less | 48 +- src/definitions/modules/slider.less | 64 +-- src/definitions/modules/toast.less | 28 +- src/definitions/views/card.less | 319 +------------- src/definitions/views/statistic.less | 145 +------ src/semantic.less | 1 + src/theme.config.example | 1 + src/theme.less | 11 + src/themes/default/elements/label.variables | 32 -- src/themes/default/elements/text.overrides | 3 + src/themes/default/elements/text.variables | 7 + src/themes/default/globals/colors.less | 396 +++++++++++++++++ src/themes/default/globals/site.variables | 296 ++++++++++++- 25 files changed, 1378 insertions(+), 2089 deletions(-) create mode 100644 src/definitions/elements/text.less create mode 100644 src/themes/default/elements/text.overrides create mode 100644 src/themes/default/elements/text.variables create mode 100644 src/themes/default/globals/colors.less diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less index 9e1bd469c0..afe73ff38c 100755 --- a/src/definitions/collections/grid.less +++ b/src/definitions/collections/grid.less @@ -1278,97 +1278,17 @@ Colored -----------------------*/ -/* Red */ -.ui.grid > .red.row, -.ui.grid > .red.column, -.ui.grid > .row > .red.column { - background-color: @red !important; - color: @white; -} -/* Orange */ -.ui.grid > .orange.row, -.ui.grid > .orange.column, -.ui.grid > .row > .orange.column { - background-color: @orange !important; - color: @white; -} -/* Yellow */ -.ui.grid > .yellow.row, -.ui.grid > .yellow.column, -.ui.grid > .row > .yellow.column { - background-color: @yellow !important; - color: @white; -} -/* Olive */ -.ui.grid > .olive.row, -.ui.grid > .olive.column, -.ui.grid > .row > .olive.column { - background-color: @olive !important; - color: @white; -} -/* Green */ -.ui.grid > .green.row, -.ui.grid > .green.column, -.ui.grid > .row > .green.column { - background-color: @green !important; - color: @white; -} -/* Teal */ -.ui.grid > .teal.row, -.ui.grid > .teal.column, -.ui.grid > .row > .teal.column { - background-color: @teal !important; - color: @white; -} -/* Blue */ -.ui.grid > .blue.row, -.ui.grid > .blue.column, -.ui.grid > .row > .blue.column { - background-color: @blue !important; - color: @white; -} -/* Violet */ -.ui.grid > .violet.row, -.ui.grid > .violet.column, -.ui.grid > .row > .violet.column { - background-color: @violet !important; - color: @white; -} -/* Purple */ -.ui.grid > .purple.row, -.ui.grid > .purple.column, -.ui.grid > .row > .purple.column { - background-color: @purple !important; - color: @white; -} -/* Pink */ -.ui.grid > .pink.row, -.ui.grid > .pink.column, -.ui.grid > .row > .pink.column { - background-color: @pink !important; - color: @white; -} -/* Brown */ -.ui.grid > .brown.row, -.ui.grid > .brown.column, -.ui.grid > .row > .brown.column { - background-color: @brown !important; - color: @white; -} -/* Grey */ -.ui.grid > .grey.row, -.ui.grid > .grey.column, -.ui.grid > .row > .grey.column { - background-color: @grey !important; - color: @white; -} -/* Black */ -.ui.grid > .black.row, -.ui.grid > .black.column, -.ui.grid > .row > .black.column { - background-color: @black !important; - color: @white; -} +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + + .ui.grid > .@{color}.row, + .ui.grid > .@{color}.column, + .ui.grid > .row > .@{color}.column { + background-color: @c; + color: @white; + } +}) /*---------------------- diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less index b4b37c3f17..ddea2a5f8d 100755 --- a/src/definitions/collections/menu.less +++ b/src/definitions/collections/menu.less @@ -1142,7 +1142,7 @@ Floated Menu / Item .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover, .ui.inverted.text.menu .active.item { - background-color: transparent !important; + background-color: transparent; } /* Fluid */ @@ -1278,68 +1278,16 @@ Floated Menu / Item Colors ---------------*/ -/*--- Standard Colors ---*/ -.ui.menu .red.active.item, -.ui.red.menu .active.item { - border-color: @red !important; - color: @red !important; -} -.ui.menu .orange.active.item, -.ui.orange.menu .active.item { - border-color: @orange !important; - color: @orange !important; -} -.ui.menu .yellow.active.item, -.ui.yellow.menu .active.item { - border-color: @yellow !important; - color: @yellow !important; -} -.ui.menu .olive.active.item, -.ui.olive.menu .active.item { - border-color: @olive !important; - color: @olive !important; -} -.ui.menu .green.active.item, -.ui.green.menu .active.item { - border-color: @green !important; - color: @green !important; -} -.ui.menu .teal.active.item, -.ui.teal.menu .active.item { - border-color: @teal !important; - color: @teal !important; -} -.ui.menu .blue.active.item, -.ui.blue.menu .active.item { - border-color: @blue !important; - color: @blue !important; -} -.ui.menu .violet.active.item, -.ui.violet.menu .active.item { - border-color: @violet !important; - color: @violet !important; -} -.ui.menu .purple.active.item, -.ui.purple.menu .active.item { - border-color: @purple !important; - color: @purple !important; -} -.ui.menu .pink.active.item, -.ui.pink.menu .active.item { - border-color: @pink !important; - color: @pink !important; -} -.ui.menu .brown.active.item, -.ui.brown.menu .active.item { - border-color: @brown !important; - color: @brown !important; -} -.ui.menu .grey.active.item, -.ui.grey.menu .active.item { - border-color: @grey !important; - color: @grey !important; -} +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + .ui.menu .@{color}.active.item, + .ui.@{color}.menu .active.item { + border-color: @c; + color: @c; + } +}) /*-------------- Inverted @@ -1419,7 +1367,7 @@ Floated Menu / Item color: @invertedSubMenuActiveColor; } .ui.inverted.pointing.menu .active.item:after { - background: @invertedArrowActiveColor !important; + background: @invertedArrowActiveColor; margin: 0 !important; box-shadow: none !important; border: none !important; @@ -1431,7 +1379,7 @@ Floated Menu / Item color: @invertedActiveHoverColor !important; } .ui.inverted.pointing.menu .active.item:hover:after { - background: @invertedArrowActiveHoverColor !important; + background: @invertedArrowActiveHoverColor; } @@ -1457,149 +1405,21 @@ Floated Menu / Item Inverted ---------------*/ -/* Red */ -.ui.inverted.menu .red.active.item, -.ui.inverted.red.menu { - background-color: @red; -} -.ui.inverted.red.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.red.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Orange */ -.ui.inverted.menu .orange.active.item, -.ui.inverted.orange.menu { - background-color: @orange; -} -.ui.inverted.orange.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.orange.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Yellow */ -.ui.inverted.menu .yellow.active.item, -.ui.inverted.yellow.menu { - background-color: @yellow; -} -.ui.inverted.yellow.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.yellow.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Olive */ -.ui.inverted.menu .olive.active.item, -.ui.inverted.olive.menu { - background-color: @olive; -} -.ui.inverted.olive.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.olive.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Green */ -.ui.inverted.menu .green.active.item, -.ui.inverted.green.menu { - background-color: @green; -} -.ui.inverted.green.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.green.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; -/* Teal */ -.ui.inverted.menu .teal.active.item, -.ui.inverted.teal.menu { - background-color: @teal; -} -.ui.inverted.teal.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.teal.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Blue */ -.ui.inverted.menu .blue.active.item, -.ui.inverted.blue.menu { - background-color: @blue; -} -.ui.inverted.blue.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.blue.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Violet */ -.ui.inverted.menu .violet.active.item, -.ui.inverted.violet.menu { - background-color: @violet; -} -.ui.inverted.violet.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.violet.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Purple */ -.ui.inverted.menu .purple.active.item, -.ui.inverted.purple.menu { - background-color: @purple; -} -.ui.inverted.purple.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.purple.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Pink */ -.ui.inverted.menu .pink.active.item, -.ui.inverted.pink.menu { - background-color: @pink; -} -.ui.inverted.pink.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.pink.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Brown */ -.ui.inverted.menu .brown.active.item, -.ui.inverted.brown.menu { - background-color: @brown; -} -.ui.inverted.brown.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.brown.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} - -/* Grey */ -.ui.inverted.menu .grey.active.item, -.ui.inverted.grey.menu { - background-color: @grey; -} -.ui.inverted.grey.menu .item:before { - background-color: @invertedColoredDividerBackground; -} -.ui.inverted.grey.menu .active.item { - background-color: @invertedColoredActiveBackground !important; -} + .ui.inverted.menu .@{color}.active.item, + .ui.inverted.@{color}.menu { + background-color: @c; + } + .ui.inverted.@{color}.menu .item:before { + background-color: @invertedColoredDividerBackground; + } + .ui.inverted.@{color}.menu .active.item { + background-color: @invertedColoredActiveBackground; + } +}) /*-------------- @@ -1869,43 +1689,14 @@ Floated Menu / Item background-color: @arrowVerticalSubMenuColor; } -/* Inverted Colors */ -.ui.inverted.pointing.menu .red.active.item:after { - background-color: @red !important; -} -.ui.inverted.pointing.menu .orange.active.item:after { - background-color: @orange !important; -} -.ui.inverted.pointing.menu .yellow.active.item:after { - background-color: @yellow !important; -} -.ui.inverted.pointing.menu .olive.active.item:after { - background-color: @olive !important; -} -.ui.inverted.pointing.menu .green.active.item:after { - background-color: @green !important; -} -.ui.inverted.pointing.menu .teal.active.item:after { - background-color: @teal !important; -} -.ui.inverted.pointing.menu .blue.active.item:after { - background-color: @blue !important; -} -.ui.inverted.pointing.menu .violet.active.item:after { - background-color: @violet !important; -} -.ui.inverted.pointing.menu .purple.active.item:after { - background-color: @purple !important; -} -.ui.inverted.pointing.menu .pink.active.item:after { - background-color: @pink !important; -} -.ui.inverted.pointing.menu .brown.active.item:after { - background-color: @brown !important; -} -.ui.inverted.pointing.menu .grey.active.item:after { - background-color: @grey !important; -} +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + + .ui.inverted.pointing.menu .@{color}.active.item:after { + background-color: @c; + } +}) /*-------------- Attached diff --git a/src/definitions/collections/message.less b/src/definitions/collections/message.less index 730de2c537..b3348e3db2 100755 --- a/src/definitions/collections/message.less +++ b/src/definitions/collections/message.less @@ -256,74 +256,130 @@ Colors ---------------*/ -.ui.black.message { - background-color: @black; - color: @invertedTextColor; -} - /*-------------- Types ---------------*/ -.addMessageType(@color; @backgroundSuffix: "") { - @_messageBackground: "@{color}Background@{backgroundSuffix}"; - @_messageTextColor: "@{color}TextColor"; - @_messageHeaderColor: "@{color}HeaderColor"; - @_messageShadow: "@{color}BoxShadow"; - @_messageFloatingShadow: "@{color}BoxFloatingShadow"; + +@consequences: { + @positive: { + background : @positiveBackgroundColor; + header : @positiveHeaderColor; + boxShadow : @positiveBoxShadow; + boxFloatShadow : @positiveBoxFloatingShadow; + text : @positiveTextColor; + }; + @negative: { + background : @negativeBackgroundColor; + header : @negativeHeaderColor; + boxShadow : @negativeBoxShadow; + boxFloatShadow : @negativeBoxFloatingShadow; + text : @negativeTextColor; + }; + @info: { + background : @infoBackgroundColor; + header : @infoHeaderColor; + boxShadow : @infoBoxShadow; + boxFloatShadow : @infoBoxFloatingShadow; + text : @infoTextColor; + }; + @warning: { + background : @warningBackgroundColor; + header : @warningHeaderColor; + boxShadow : @warningBoxShadow; + boxFloatShadow : @warningBoxFloatingShadow; + text : @warningTextColor; + }; + @error: { + background : @errorBackgroundColor; + header : @errorHeaderColor; + boxShadow : @errorBoxShadow; + boxFloatShadow : @errorBoxFloatingShadow; + text : @errorTextColor; + }; + @success: { + background : @successBackgroundColor; + header : @successHeaderColor; + boxShadow : @successBoxShadow; + boxFloatShadow : @successBoxFloatingShadow; + text : @successTextColor; + }; +} + +/* Colors */ + +each(@consequences, { + @color: replace(@key, '@', ''); + @bg: @consequences[@@color][background]; + @hd: @consequences[@@color][header]; + @bs: @consequences[@@color][boxShadow]; + @bfs: @consequences[@@color][boxFloatShadow]; + @t: @consequences[@@color][text]; .ui.@{color}.message { - background-color: @@_messageBackground; - color: @@_messageTextColor; + background-color: @bg; + color: @t; } .ui.@{color}.message, .ui.attached.@{color}.message { - box-shadow: @@_messageShadow; + box-shadow: @bs; } .ui.floating.@{color}.message { - box-shadow: @@_messageFloatingShadow; + box-shadow: @bfs; } .ui.@{color}.message .header { - color: @@_messageHeaderColor; + color: @hd; } -} +}) -/* Positive */ -.addMessageType(positive, ~"Color"); +each(@colors, { + @color: replace(@key, '@', ''); + @bg: @colors[@@color][background]; + @hd: @colors[@@color][header]; + @bs: @colors[@@color][boxShadow]; + @bfs: @colors[@@color][boxFloatShadow]; + @t: @colors[@@color][text]; + @isVeryDark: @colors[@@color][isVeryDark]; -/* Negative */ -.addMessageType(negative, ~"Color"); + .ui.@{color}.message { + & when not (@isVeryDark) { + background-color: @bg; + color: @t; + } + & when (@isVeryDark) { + background-color: @black; + color: @invertedTextColor; + } + } -/* Info */ -.addMessageType(info, ~"Color"); + .ui.@{color}.message, + .ui.attached.@{color}.message { + & when not (@isVeryDark) { + box-shadow: @bs; + } + } -/* Warning */ -.addMessageType(warning, ~"Color"); + .ui.floating.@{color}.message { + & when not (@isVeryDark) { + box-shadow: @bfs; + } + } -/* Error */ -.addMessageType(error, ~"Color"); + .ui.@{color}.message .header { + & when not (@isVeryDark) { + color: @hd; + } + & when (@isVeryDark) { + color: @invertedTextColor; + } + } +}) -/* Success */ -.addMessageType(success, ~"Color"); -/* Colors */ -.addMessageType(red); -.addMessageType(orange); -.addMessageType(yellow); -.addMessageType(olive); -.addMessageType(green); -.addMessageType(teal); -.addMessageType(blue); -.addMessageType(violet); -.addMessageType(purple); -.addMessageType(pink); -.addMessageType(brown); - -.ui.inverted.message, -.ui.black.message { +.ui.inverted.message { background-color: @black; color: @invertedTextColor; } diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less index a4bd10be13..1b96185a25 100755 --- a/src/definitions/collections/table.less +++ b/src/definitions/collections/table.less @@ -310,8 +310,8 @@ .ui.table tr.positive, .ui.table td.positive { box-shadow: @positiveBoxShadow; - background: @positiveBackgroundColor !important; - color: @positiveColor !important; + background: @positiveBackgroundColor; + color: @positiveColor; } /*-------------- @@ -321,8 +321,8 @@ .ui.table tr.negative, .ui.table td.negative { box-shadow: @negativeBoxShadow; - background: @negativeBackgroundColor !important; - color: @negativeColor !important; + background: @negativeBackgroundColor; + color: @negativeColor; } /*-------------- @@ -332,8 +332,8 @@ .ui.table tr.error, .ui.table td.error { box-shadow: @errorBoxShadow; - background: @errorBackgroundColor !important; - color: @errorColor !important; + background: @errorBackgroundColor; + color: @errorColor; } /*-------------- @@ -343,8 +343,8 @@ .ui.table tr.warning, .ui.table td.warning { box-shadow: @warningBoxShadow; - background: @warningBackgroundColor !important; - color: @warningColor !important; + background: @warningBackgroundColor; + color: @warningColor; } /*-------------- @@ -354,8 +354,8 @@ .ui.table tr.active, .ui.table td.active { box-shadow: @activeBoxShadow; - background: @activeBackgroundColor !important; - color: @activeColor !important; + background: @activeBackgroundColor; + color: @activeColor; } @@ -369,7 +369,7 @@ .ui.table tr.disabled:hover, .ui.table tr:hover td.disabled { pointer-events: none; - color: @disabledTextColor !important; + color: @disabledTextColor; } /******************************* @@ -484,13 +484,13 @@ .ui.selectable.table tbody tr:hover, .ui.table tbody tr td.selectable:hover { - background: @selectableBackground !important; - color: @selectableTextColor !important; + background: @selectableBackground; + color: @selectableTextColor; } .ui.selectable.inverted.table tbody tr:hover, .ui.inverted.table tbody tr td.selectable:hover { - background: @selectableInvertedBackground !important; - color: @selectableInvertedTextColor !important; + background: @selectableInvertedBackground; + color: @selectableInvertedTextColor; } /* Selectable Cell Link */ @@ -507,32 +507,32 @@ .ui.selectable.table tr.error:hover, .ui.table tr td.selectable.error:hover, .ui.selectable.table tr:hover td.error { - background: @errorBackgroundHover !important; - color: @errorColorHover !important; + background: @errorBackgroundHover; + color: @errorColorHover; } .ui.selectable.table tr.warning:hover, .ui.table tr td.selectable.warning:hover, .ui.selectable.table tr:hover td.warning { - background: @warningBackgroundHover !important; - color: @warningColorHover !important; + background: @warningBackgroundHover; + color: @warningColorHover; } .ui.selectable.table tr.active:hover, .ui.table tr td.selectable.active:hover, .ui.selectable.table tr:hover td.active { - background: @activeBackgroundColor !important; - color: @activeColor !important; + background: @activeBackgroundColor; + color: @activeColor; } .ui.selectable.table tr.positive:hover, .ui.table tr td.selectable.positive:hover, .ui.selectable.table tr:hover td.positive { - background: @positiveBackgroundHover !important; - color: @positiveColorHover !important; + background: @positiveBackgroundHover; + color: @positiveColorHover; } .ui.selectable.table tr.negative:hover, .ui.table tr td.selectable.negative:hover, .ui.selectable.table tr:hover td.negative { - background: @negativeBackgroundHover !important; - color: @negativeColorHover !important; + background: @negativeBackgroundHover; + color: @negativeColorHover; } @@ -599,8 +599,8 @@ /* Allow striped active hover */ .ui.striped.selectable.selectable.selectable.table tbody tr.active:hover { - background: @activeBackgroundHover !important; - color: @activeColorHover !important; + background: @activeBackgroundHover; + color: @activeColorHover; } /*-------------- @@ -616,123 +616,57 @@ Colors --------------------*/ -/* Red */ -.ui.red.table { - border-top: @coloredBorderSize solid @red; -} -.ui.inverted.red.table { - background-color: @red !important; - color: @white !important; -} - -/* Orange */ -.ui.orange.table { - border-top: @coloredBorderSize solid @orange; -} -.ui.inverted.orange.table { - background-color: @orange !important; - color: @white !important; -} - -/* Yellow */ -.ui.yellow.table { - border-top: @coloredBorderSize solid @yellow; -} -.ui.inverted.yellow.table { - background-color: @yellow !important; - color: @white !important; -} - -/* Olive */ -.ui.olive.table { - border-top: @coloredBorderSize solid @olive; -} -.ui.inverted.olive.table { - background-color: @olive !important; - color: @white !important; -} - -/* Green */ -.ui.green.table { - border-top: @coloredBorderSize solid @green; -} -.ui.inverted.green.table { - background-color: @green !important; - color: @white !important; -} - -/* Teal */ -.ui.teal.table { - border-top: @coloredBorderSize solid @teal; -} -.ui.inverted.teal.table { - background-color: @teal !important; - color: @white !important; -} - -/* Blue */ -.ui.blue.table { - border-top: @coloredBorderSize solid @blue; -} -.ui.inverted.blue.table { - background-color: @blue !important; - color: @white !important; -} - -/* Violet */ -.ui.violet.table { - border-top: @coloredBorderSize solid @violet; -} -.ui.inverted.violet.table { - background-color: @violet !important; - color: @white !important; -} - -/* Purple */ -.ui.purple.table { - border-top: @coloredBorderSize solid @purple; -} -.ui.inverted.purple.table { - background-color: @purple !important; - color: @white !important; -} - -/* Pink */ -.ui.pink.table { - border-top: @coloredBorderSize solid @pink; -} -.ui.inverted.pink.table { - background-color: @pink !important; - color: @white !important; -} - -/* Brown */ -.ui.brown.table { - border-top: @coloredBorderSize solid @brown; -} -.ui.inverted.brown.table { - background-color: @brown !important; - color: @white !important; -} - -/* Grey */ -.ui.grey.table { - border-top: @coloredBorderSize solid @grey; -} -.ui.inverted.grey.table { - background-color: @grey !important; - color: @white !important; -} - -/* Black */ -.ui.black.table { - border-top: @coloredBorderSize solid @black; -} -.ui.inverted.black.table { - background-color: @black !important; - color: @white !important; -} - +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @t: @colors[@@color][text]; + @ht: @colors[@@color][hoverText]; + @l: @colors[@@color][light]; + @lh: @colors[@@color][lightHover]; + @r: @colors[@@color][ribbon]; + @isDark: @colors[@@color][isDark]; + @isVeryDark: @colors[@@color][isVeryDark]; + + .ui.@{color}.table { + border-top: @coloredBorderSize solid @c; + } + .ui.inverted.@{color}.table { + background-color: @c; + color: @white; + } + .ui.table tr.@{color}, + .ui.table td.@{color} { + box-shadow: @stateMarkerWidth 0 0 @r inset; + & when (@isDark) { + background: @l; + } + & when not (@isDark) { + background: screen(@l,@blendingBaseColor); + } + & when (@isVeryDark) { + color: @white; + } + & when not (@isVeryDark) { + color: @t; + } + } + .ui.selectable.table tr.@{color}:hover, + .ui.table tr td.selectable.@{color}:hover, + .ui.selectable.table tr:hover td.@{color} { + & when (@isDark) { + background: @lh; + } + & when not (@isDark) { + background: screen(@lh,@blendingBaseColor); + } + & when (@isVeryDark) { + color: @white; + } + & when not (@isVeryDark) { + color: @ht; + } + } +}) /*-------------- Column Count @@ -943,11 +877,11 @@ } .ui.inverted.table th { background-color: @invertedHeaderBackground; - border-color: @invertedHeaderBorderColor !important; - color: @invertedHeaderColor !important; + border-color: @invertedHeaderBorderColor; + color: @invertedHeaderColor; } .ui.inverted.table tr td { - border-color: @invertedCellBorderColor !important; + border-color: @invertedCellBorderColor; } .ui.inverted.table tr.disabled td, @@ -1000,7 +934,7 @@ background: @basicTableCellBackground; } .ui.basic.striped.table tbody tr:nth-child(2n) { - background-color: @basicTableStripedBackground !important; + background-color: @basicTableStripedBackground; } /* Very Basic */ diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index c1474f2e2c..e405a9425e 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -83,8 +83,8 @@ .ui.button:focus { background-color: @focusBackgroundColor; color: @focusColor; - background-image: @focusBackgroundImage !important; - box-shadow: @focusBoxShadow !important; + background-image: @focusBackgroundImage; + box-shadow: @focusBoxShadow; } .ui.button:focus .icon { @@ -133,7 +133,7 @@ position: relative; cursor: default; text-shadow: none !important; - color: transparent !important; + color: transparent; opacity: @loadingOpacity; pointer-events: @loadingPointerEvents; transition: @loadingTransition; @@ -192,8 +192,8 @@ .ui.disabled.active.button { cursor: default; opacity: @disabledOpacity !important; - background-image: none !important; - box-shadow: none !important; + background-image: none; + box-shadow: none; pointer-events: none !important; } @@ -318,7 +318,7 @@ --------------------*/ .ui.inverted.button { - box-shadow: 0 0 0 @invertedBorderSize @white inset !important; + box-shadow: 0 0 0 @invertedBorderSize @white inset; background: transparent none; color: @white; text-shadow: none !important; @@ -343,7 +343,7 @@ /* Hover */ .ui.inverted.button:hover { background: @white; - box-shadow: 0 0 0 @invertedBorderSize @white inset !important; + box-shadow: 0 0 0 @invertedBorderSize @white inset; color: @hoverColor; } @@ -351,14 +351,14 @@ .ui.inverted.button:focus, .ui.inverted.button.active { background: @white; - box-shadow: 0 0 0 @invertedBorderSize @white inset !important; + box-shadow: 0 0 0 @invertedBorderSize @white inset; color: @focusColor; } /* Active Focus */ .ui.inverted.button.active:focus { background: @midWhite; - box-shadow: 0 0 0 @invertedBorderSize @midWhite inset !important; + box-shadow: 0 0 0 @invertedBorderSize @midWhite inset; color: @focusColor; } @@ -370,10 +370,10 @@ .ui.labeled.button:not(.icon) { display: inline-flex; flex-direction: row; - background: none !important; + background: none; padding: 0 !important; - border: none !important; - box-shadow: none !important; + border: none; + box-shadow: none; } .ui.labeled.button > .button { @@ -768,8 +768,8 @@ .ui.basic.buttons .button, .ui.basic.button { - background: @basicBackground !important; - color: @basicTextColor !important; + background: @basicBackground; + color: @basicTextColor; font-weight: @basicFontWeight; border-radius: @basicBorderRadius; text-transform: @basicTextTransform; @@ -787,27 +787,27 @@ .ui.basic.buttons .button:hover, .ui.basic.button:hover { - background: @basicHoverBackground !important; - color: @basicHoverTextColor !important; + background: @basicHoverBackground; + color: @basicHoverTextColor; box-shadow: @basicHoverBoxShadow; } .ui.basic.buttons .button:focus, .ui.basic.button:focus { - background: @basicFocusBackground !important; - color: @basicFocusTextColor !important; + background: @basicFocusBackground; + color: @basicFocusTextColor; box-shadow: @basicFocusBoxShadow; } .ui.basic.buttons .button:active, .ui.basic.button:active { - background: @basicDownBackground !important; - color: @basicDownTextColor !important; + background: @basicDownBackground; + color: @basicDownTextColor; box-shadow: @basicDownBoxShadow; } .ui.basic.buttons .active.button, .ui.basic.active.button { - background: @basicActiveBackground !important; - box-shadow: @basicActiveBoxShadow !important; - color: @basicActiveTextColor !important; + background: @basicActiveBackground; + box-shadow: @basicActiveBoxShadow; + color: @basicActiveTextColor; } .ui.basic.buttons .active.button:hover, .ui.basic.active.button:hover { @@ -822,31 +822,31 @@ box-shadow: @basicDownBoxShadow inset; } .ui.basic.buttons .active.button { - box-shadow: @basicActiveBoxShadow !important; + box-shadow: @basicActiveBoxShadow; } /* Standard Basic Inverted */ .ui.basic.inverted.buttons .button, .ui.basic.inverted.button { - background-color: transparent !important; - color: @offWhite !important; - box-shadow: @basicInvertedBoxShadow !important; + background-color: transparent; + color: @offWhite; + box-shadow: @basicInvertedBoxShadow; } .ui.basic.inverted.buttons .button:hover, .ui.basic.inverted.button:hover { - color: @white !important; - box-shadow: @basicInvertedHoverBoxShadow !important; + color: @white; + box-shadow: @basicInvertedHoverBoxShadow; } .ui.basic.inverted.buttons .button:focus, .ui.basic.inverted.button:focus { - color: @white !important; - box-shadow: @basicInvertedFocusBoxShadow !important; + color: @white; + box-shadow: @basicInvertedFocusBoxShadow; } .ui.basic.inverted.buttons .button:active, .ui.basic.inverted.button:active { - background-color: @transparentWhite !important; - color: @white !important; - box-shadow: @basicInvertedDownBoxShadow !important; + background-color: @transparentWhite; + color: @white; + box-shadow: @basicInvertedDownBoxShadow; } .ui.basic.inverted.buttons .active.button, .ui.basic.inverted.active.button { @@ -858,7 +858,7 @@ .ui.basic.inverted.buttons .active.button:hover, .ui.basic.inverted.active.button:hover { background-color: @strongTransparentWhite; - box-shadow: @basicInvertedHoverBoxShadow !important; + box-shadow: @basicInvertedHoverBoxShadow; } @@ -883,7 +883,6 @@ /* Overline Mixin */ .ui.tertiary.button { - box-shadow: none !important; transition: color @defaultDuration @defaultEasing !important; border-radius: 0; margin: @@ -895,55 +894,70 @@ padding: @tertiaryLinePadding !important; & when (@tertiaryWithUnderline = true) { - box-shadow+: inset 0 -@tertiaryLineHeight 0 @tertiaryLineColor !important; + box-shadow: inset 0 -@tertiaryLineHeight 0 @tertiaryLineColor; } & when (@tertiaryWithOverline = true) { - box-shadow+: inset 0 @tertiaryLineHeight 0 @tertiaryLineColor !important; + box-shadow: inset 0 @tertiaryLineHeight 0 @tertiaryLineColor; + } + + & when (@tertiaryWithUnderline = false) and (@tertiaryWithOverline = false){ + box-shadow: none; } - color: @tertiaryTextColor !important; - background: @tertiaryBackgroundColor !important; + color: @tertiaryTextColor; + background: @tertiaryBackgroundColor; } .ui.tertiary.button:hover { - box-shadow: none !important; & when (@tertiaryHoverWithUnderline = true) { - box-shadow+: inset 0 -@tertiaryLineHeight 0 @tertiaryHoverLineColor !important; + box-shadow: inset 0 -@tertiaryLineHeight 0 @tertiaryHoverLineColor; } & when (@tertiaryHoverWithOverline = true) { - box-shadow+: inset 0 @tertiaryLineHeight 0 @tertiaryHoverLineColor !important; + box-shadow: inset 0 @tertiaryLineHeight 0 @tertiaryHoverLineColor; } - color: @tertiaryHoverColor !important; - background: @tertiaryHoverBackgroundColor !important; + + & when (@tertiaryHoverWithUnderline = false) and (@tertiaryHoverWithOverline = false) { + box-shadow: none; + } + color: @tertiaryHoverColor; + background: @tertiaryHoverBackgroundColor; } .ui.tertiary.button:focus { & when (@tertiaryFocusWithUnderline = true) { - box-shadow+: inset 0 -@tertiaryLineHeight 0 @tertiaryFocusLineColor !important; + box-shadow: inset 0 -@tertiaryLineHeight 0 @tertiaryFocusLineColor; } & when (@tertiaryFocusWithOverline = true) { - box-shadow+: inset 0 @tertiaryLineHeight 0 @tertiaryFocusLineColor !important; + box-shadow: inset 0 @tertiaryLineHeight 0 @tertiaryFocusLineColor; + } + + & when (@tertiaryFocusWithUnderline = false) and (@tertiaryFocusWithOverline = false){ + box-shadow: none; } - color: @tertiaryFocusColor !important; - background: @tertiaryFocusBackgroundColor !important; + color: @tertiaryFocusColor; + background: @tertiaryFocusBackgroundColor; } .ui.tertiary.button:active { - box-shadow: none !important; & when (@tertiaryActiveWithUnderline = true) { - box-shadow+: inset 0 -@tertiaryLineHeight 0 @tertiaryActiveLineColor !important; - border-radius+: @borderRadius @borderRadius 0 0; + box-shadow: inset 0 -@tertiaryLineHeight 0 @tertiaryActiveLineColor; + border-radius: @borderRadius @borderRadius 0 0; } & when (@tertiaryActiveWithOverline = true) { - box-shadow+: inset 0 @tertiaryLineHeight 0 @tertiaryActiveLineColor !important; - border-radius+: 0 0 @borderRadius @borderRadius; + box-shadow: inset 0 @tertiaryLineHeight 0 @tertiaryActiveLineColor; + border-radius: 0 0 @borderRadius @borderRadius; + } + + & when (@tertiaryActiveWithUnderline = false) and (@tertiaryActiveWithOverline = false){ + box-shadow: none; + border-radius: 0; } - color: @tertiaryActiveColor !important; - background: @tertiaryActiveBackgroundColor !important; + color: @tertiaryActiveColor; + background: @tertiaryActiveBackgroundColor; } /*-------------- @@ -1042,15 +1056,15 @@ .ui.toggle.buttons .active.button, .ui.buttons .button.toggle.active, .ui.button.toggle.active { - background-color: @positiveColor !important; - box-shadow: none !important; + background-color: @positiveColor; + box-shadow: none; text-shadow: @invertedTextShadow; - color: @invertedTextColor !important; + color: @invertedTextColor; } .ui.button.toggle.active:hover { - background-color: @positiveColorHover !important; + background-color: @positiveColorHover; text-shadow: @invertedTextShadow; - color: @invertedTextColor !important; + color: @invertedTextColor; } /*-------------- @@ -1125,7 +1139,7 @@ display: block; margin: 0; border-radius: 0; - box-shadow: @attachedBoxShadow !important; + box-shadow: @attachedBoxShadow; } /* Top / Bottom */ @@ -1361,28 +1375,30 @@ Colors --------------------*/ -.addButtonType(@color; @lightColor; @lighten: false; @blackOrGrey: false; @backgroundSuffix: "") { - @_buttonBackground: "@{color}@{backgroundSuffix}"; - @_buttonBackgroundHover: "@{color}@{backgroundSuffix}Hover"; - @_buttonBackgroundFocus: "@{color}@{backgroundSuffix}Focus"; - @_buttonBackgroundDown: "@{color}@{backgroundSuffix}Down"; - @_buttonBackgroundActive: "@{color}@{backgroundSuffix}Active"; - - @_buttonLightTextColor: "@{lightColor}TextColor"; - @_buttonLightBackground: "@{lightColor}@{backgroundSuffix}"; - @_buttonLightBackgroundHover: "@{lightColor}@{backgroundSuffix}Hover"; - @_buttonLightBackgroundFocus: "@{lightColor}@{backgroundSuffix}Focus"; - @_buttonLightBackgroundActive: "@{lightColor}@{backgroundSuffix}Active"; - @_buttonLightBackgroundDown: "@{lightColor}@{backgroundSuffix}Down"; - - @_buttonTextColor: "@{color}TextColor"; - @_buttonTextShadow: "@{color}TextShadow"; +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @h: @colors[@@color][hover]; + @f: @colors[@@color][focus]; + @d: @colors[@@color][down]; + @a: @colors[@@color][active]; + @t: @colors[@@color][text]; + @s: @colors[@@color][shadow]; + @l: @colors[@@color][light]; + @lh: @colors[@@color][lightHover]; + @lf: @colors[@@color][lightFocus]; + @ld: @colors[@@color][lightDown]; + @la: @colors[@@color][lightActive]; + @lt: @colors[@@color][lightText]; + @ls: @colors[@@color][lightShadow]; + @isDark: @colors[@@color][isDark]; + @isVeryDark: @colors[@@color][isVeryDark]; .ui.@{color}.buttons .button, .ui.@{color}.button { - background-color: @@_buttonBackground; - color: @@_buttonTextColor; - text-shadow: @@_buttonTextShadow; + background-color: @c; + color: @t; + text-shadow: @s; background-image: @coloredBackgroundImage; } .ui.@{color}.button { @@ -1390,59 +1406,60 @@ } .ui.@{color}.buttons .button:hover, .ui.@{color}.button:hover { - background-color: @@_buttonBackgroundHover; - color: @@_buttonTextColor; - text-shadow: @@_buttonTextShadow; + background-color: @h; + color: @t; + text-shadow: @s; } .ui.@{color}.buttons .button:focus, .ui.@{color}.button:focus { - background-color: @@_buttonBackgroundFocus; - color: @@_buttonTextColor; - text-shadow: @@_buttonTextShadow; + background-color: @f; + color: @t; + text-shadow: @s; } .ui.@{color}.buttons .button:active, .ui.@{color}.button:active { - background-color: @@_buttonBackgroundDown; - color: @@_buttonTextColor; - text-shadow: @@_buttonTextShadow; + background-color: @d; + color: @t; + text-shadow: @s; } .ui.@{color}.buttons .active.button, .ui.@{color}.buttons .active.button:active, .ui.@{color}.active.button, .ui.@{color}.button .active.button:active { - background-color: @@_buttonBackgroundActive; - color: @@_buttonTextColor; - text-shadow: @@_buttonTextShadow; + background-color: @a; + color: @t; + text-shadow: @s; } /* Basic */ .ui.basic.@{color}.buttons .button, .ui.basic.@{color}.button { - box-shadow: 0 0 0 @basicBorderSize @@_buttonBackground inset !important; - color: @@_buttonBackground !important; + background: transparent; + box-shadow: 0 0 0 @basicBorderSize @c inset ; + color: @c ; } .ui.basic.@{color}.buttons .button:hover, .ui.basic.@{color}.button:hover { - background: transparent !important; - box-shadow: 0 0 0 @basicColoredBorderSize @@_buttonBackgroundHover inset !important; - color: @@_buttonBackgroundHover !important; + background: transparent ; + box-shadow: 0 0 0 @basicColoredBorderSize @h inset ; + color: @h ; } .ui.basic.@{color}.buttons .button:focus, .ui.basic.@{color}.button:focus { - background: transparent !important; - box-shadow: 0 0 0 @basicColoredBorderSize @@_buttonBackgroundFocus inset !important; - color: @@_buttonBackgroundHover !important; + background: transparent ; + box-shadow: 0 0 0 @basicColoredBorderSize @f inset ; + color: @h ; } .ui.basic.@{color}.buttons .active.button, .ui.basic.@{color}.active.button { - background: transparent !important; - box-shadow: 0 0 0 @basicColoredBorderSize @@_buttonBackgroundActive inset !important; - color: @@_buttonBackgroundDown !important; + background: transparent ; + box-shadow: 0 0 0 @basicColoredBorderSize @a inset ; + color: @d ; } .ui.basic.@{color}.buttons .button:active, .ui.basic.@{color}.button:active { - box-shadow: 0 0 0 @basicColoredBorderSize @@_buttonBackgroundDown inset !important; - color: @@_buttonBackgroundDown !important; + box-shadow: 0 0 0 @basicColoredBorderSize @d inset ; + color: @d ; } .ui.buttons:not(.vertical) > .basic.@{color}.button:not(:first-child) { margin-left: -@basicColoredBorderSize; @@ -1453,14 +1470,14 @@ .ui.inverted.@{color}.button { background-color: transparent; - & when (@blackOrGrey) { - box-shadow: 0 0 0 @invertedBorderSize @solidBorderColor inset !important; + & when (@isDark) { + box-shadow: 0 0 0 @invertedBorderSize @solidBorderColor inset ; color: @invertedTextColor; } - & when not (@blackOrGrey) { - box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackground inset !important; - color: @@_buttonLightBackground; + & when not (@isDark) { + box-shadow: 0 0 0 @invertedBorderSize @l inset ; + color: @l; } } .ui.inverted.@{color}.buttons .button:hover, @@ -1471,24 +1488,24 @@ .ui.inverted.@{color}.button.active, .ui.inverted.@{color}.buttons .button:active, .ui.inverted.@{color}.button:active { - box-shadow: none !important; - color: @@_buttonLightTextColor; + box-shadow: none ; + color: @lt; } .ui.inverted.@{color}.buttons .button:hover, .ui.inverted.@{color}.button:hover { - background-color: @@_buttonLightBackgroundHover; + background-color: @lh; } .ui.inverted.@{color}.buttons .button:focus, .ui.inverted.@{color}.button:focus { - background-color: @@_buttonLightBackgroundFocus; + background-color: @lf; } .ui.inverted.@{color}.buttons .active.button, .ui.inverted.@{color}.active.button { - background-color: @@_buttonLightBackgroundActive; + background-color: @la; } .ui.inverted.@{color}.buttons .button:active, .ui.inverted.@{color}.button:active { - background-color: @@_buttonLightBackgroundDown; + background-color: @ld; } /* Inverted Basic */ @@ -1496,52 +1513,52 @@ .ui.inverted.@{color}.buttons .basic.button, .ui.inverted.@{color}.basic.button { background-color: transparent; - box-shadow: @basicInvertedBoxShadow !important; - color: @white !important; + box-shadow: @basicInvertedBoxShadow ; + color: @white ; } .ui.inverted.@{color}.basic.buttons .button:hover, .ui.inverted.@{color}.buttons .basic.button:hover, .ui.inverted.@{color}.basic.button:hover { - box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackgroundHover inset !important; + box-shadow: 0 0 0 @invertedBorderSize @lh inset ; - & when (@blackOrGrey) { - color: @white !important; + & when (@isDark) { + color: @white ; } - & when not (@blackOrGrey) { - color: @@_buttonLightBackground !important; + & when not (@isDark) { + color: @l ; } } .ui.inverted.@{color}.basic.buttons .button:focus, .ui.inverted.@{color}.basic.buttons .button:focus, .ui.inverted.@{color}.basic.button:focus { - box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackgroundFocus inset !important; - color: @@_buttonLightBackground !important; + box-shadow: 0 0 0 @invertedBorderSize @lf inset ; + color: @l ; } .ui.inverted.@{color}.basic.buttons .active.button, .ui.inverted.@{color}.buttons .basic.active.button, .ui.inverted.@{color}.basic.active.button { - box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackgroundActive inset !important; + box-shadow: 0 0 0 @invertedBorderSize @la inset ; - & when (@blackOrGrey) { - color: @white !important; + & when (@isDark) { + color: @white ; } - & when not (@blackOrGrey) { - color: @@_buttonLightBackground !important; + & when not (@isDark) { + color: @l ; } } .ui.inverted.@{color}.basic.buttons .button:active, .ui.inverted.@{color}.buttons .basic.button:active, .ui.inverted.@{color}.basic.button:active { - box-shadow: 0 0 0 @invertedBorderSize @@_buttonLightBackgroundDown inset !important; + box-shadow: 0 0 0 @invertedBorderSize @ld inset ; - & when (@blackOrGrey) { - color: @white !important; + & when (@isDark) { + color: @white ; } - & when not (@blackOrGrey) { - color: @@_buttonLightBackground !important; + & when not (@isDark) { + color: @l ; } } @@ -1550,83 +1567,94 @@ .ui.tertiary.@{color}.buttons .button, .ui.tertiary.@{color}.buttons .tertiary.button, .ui.tertiary.@{color}.button { - box-shadow: none !important; + background: transparent; - .tertiaryButtonColor() when (@lighten) { - @_tertiaryButtonColor: lighten(@@_buttonBackground, 20%); + .tertiaryButtonColor() when (@isVeryDark) { + @_tertiaryButtonColor: lighten(@c, 20%); } - .tertiaryButtonColor() when not (@lighten) { - @_tertiaryButtonColor: saturate(@@_buttonBackground, 20%); + .tertiaryButtonColor() when not (@isVeryDark) { + @_tertiaryButtonColor: saturate(@c, 20%); } .tertiaryButtonColor(); & when (@tertiaryWithUnderline = true) { - box-shadow+: inset 0 -@tertiaryLineHeight 0 @_tertiaryButtonColor !important; + box-shadow: inset 0 -@tertiaryLineHeight 0 @_tertiaryButtonColor ; } & when (@tertiaryWithOverline = true) { - box-shadow+: inset 0 @tertiaryLineHeight 0 @_tertiaryButtonColor !important; + box-shadow: inset 0 @tertiaryLineHeight 0 @_tertiaryButtonColor ; + } + + & when (@tertiaryWithUnderline = false) and (@tertiaryWithOverline = false){ + box-shadow: none; } - color: @@_buttonBackground !important; + color: @c ; } .ui.tertiary.@{color}.buttons .button:hover, .ui.tertiary.@{color}.buttons button:hover, .ui.tertiary.@{color}.button:hover { - box-shadow: none !important; - .tertiaryButtonColorHover() when (@lighten) { - @_tertiaryButtonColorHover: lighten(@@_buttonBackgroundHover, 40%); + .tertiaryButtonColorHover() when (@isVeryDark) { + @_tertiaryButtonColorHover: lighten(@h, 40%); } - .tertiaryButtonColorHover() when not (@lighten) { - @_tertiaryButtonColorHover: desaturate(@@_buttonBackgroundHover, 20%); + .tertiaryButtonColorHover() when not (@isVeryDark) { + @_tertiaryButtonColorHover: desaturate(@h, 20%); } .tertiaryButtonColorHover(); & when (@tertiaryHoverWithUnderline = true) { - box-shadow+: inset 0 -@tertiaryLineHeight 0 @_tertiaryButtonColorHover !important; + box-shadow: inset 0 -@tertiaryLineHeight 0 @_tertiaryButtonColorHover ; } & when (@tertiaryHoverWithOverline = true) { - box-shadow+: inset 0 @tertiaryLineHeight 0 @_tertiaryButtonColorHover !important; + box-shadow: inset 0 @tertiaryLineHeight 0 @_tertiaryButtonColorHover ; } - & when (@lighten) { - color: lighten(@@_buttonBackgroundHover, 20%) !important; + & when (@tertiaryHoverWithUnderline = false) and (@tertiaryHoverWithOverline = false) { + box-shadow: none ; } - & when not (@lighten) { - color: @_tertiaryButtonColorHover !important; + & when (@isVeryDark) { + color: lighten(@h, 20%) ; + } + + & when not (@isVeryDark) { + color: @_tertiaryButtonColorHover ; } } .ui.tertiary.@{color}.buttons .button:focus, .ui.tertiary.@{color}.buttons .tertiary.button:focus, .ui.tertiary.@{color}.button:focus { - box-shadow: none !important; - .tertiaryButtonColorFocus() when (@lighten) { - @_tertiaryButtonColorFocus: lighten(@@_buttonBackgroundFocus, 40%); + + .tertiaryButtonColorFocus() when (@isVeryDark) { + @_tertiaryButtonColorFocus: lighten(@f, 40%); } - .tertiaryButtonColorFocus() when not (@lighten) { - @_tertiaryButtonColorFocus: desaturate(@@_buttonBackgroundFocus, 20%); + .tertiaryButtonColorFocus() when not (@isVeryDark) { + @_tertiaryButtonColorFocus: desaturate(@f, 20%); } .tertiaryButtonColorFocus(); & when (@tertiaryFocusWithUnderline = true) { - box-shadow+: inset 0 -@tertiaryLineHeight 0 @_tertiaryButtonColorFocus !important; + box-shadow: inset 0 -@tertiaryLineHeight 0 @_tertiaryButtonColorFocus ; } & when (@tertiaryFocusWithOverline = true) { - box-shadow+: inset 0 @tertiaryLineHeight 0 @_tertiaryButtonColorFocus !important; + box-shadow: inset 0 @tertiaryLineHeight 0 @_tertiaryButtonColorFocus ; } - & when (@lighten) { - color: lighten(@@_buttonBackgroundFocus, 20%) !important; + & when (@tertiaryFocusWithUnderline = false) and (@tertiaryFocusWithOverline = false) { + box-shadow: none; } - & when not (@lighten) { - color: @_tertiaryButtonColorFocus !important; + & when (@isVeryDark) { + color: lighten(@f, 20%) ; + } + + & when not (@isVeryDark) { + color: @_tertiaryButtonColorFocus ; } } @@ -1636,78 +1664,30 @@ .ui.tertiary.@{color}.buttons .button:active, .ui.tertiary.@{color}.buttons .tertiary.button:active, .ui.tertiary.@{color}.button:active { - box-shadow: none !important; - .tertiaryButtonColorActive() when (@lighten) { - @_tertiaryButtonColorActive: lighten(@@_buttonBackgroundActive, 20%); + .tertiaryButtonColorActive() when (@isVeryDark) { + @_tertiaryButtonColorActive: lighten(@a, 20%); } - .tertiaryButtonColorActive() when not (@lighten) { - @_tertiaryButtonColorActive: saturate(@@_buttonBackgroundActive, 20%); + .tertiaryButtonColorActive() when not (@isVeryDark) { + @_tertiaryButtonColorActive: saturate(@a, 20%); } .tertiaryButtonColorActive(); & when (@tertiaryActiveWithUnderline = true) { - box-shadow+: inset 0 -@tertiaryLineHeight 0 @_tertiaryButtonColorActive !important; + box-shadow: inset 0 -@tertiaryLineHeight 0 @_tertiaryButtonColorActive ; } & when (@tertiaryActiveWithOverline = true) { - box-shadow+: inset 0 @tertiaryLineHeight 0 @_tertiaryButtonColorActive !important; + box-shadow: inset 0 @tertiaryLineHeight 0 @_tertiaryButtonColorActive ; } - color: @@_buttonBackgroundActive !important; - } -} - -/*--- Black ---*/ -.addButtonType(~"black", ~"lightBlack", true, true); - -/*--- Grey ---*/ -.addButtonType(~"grey", ~"lightGrey", false, true); - -/*--- Brown ---*/ -.addButtonType(~"brown", ~"lightBrown"); - -/*--- Blue ---*/ -.addButtonType(~"blue", ~"lightBlue"); - -/*--- Green ---*/ -.addButtonType(~"green", ~"lightGreen"); - -/*--- Orange ---*/ -.addButtonType(~"orange", ~"lightOrange"); - -/*--- Pink ---*/ -.addButtonType(~"pink", ~"lightPink"); - -/*--- Violet ---*/ -.addButtonType(~"violet", ~"lightViolet"); - -/*--- Purple ---*/ -.addButtonType(~"purple", ~"lightPurple"); - -/*--- Red ---*/ -.addButtonType(~"red", ~"lightRed"); - -/*--- Teal ---*/ -.addButtonType(~"teal", ~"lightTeal"); - -/*--- Olive ---*/ -.addButtonType(~"olive", ~"lightOlive"); - -/*--- Yellow ---*/ -.addButtonType(~"yellow", ~"lightYellow"); - -/*------------------- - Primary ---------------------*/ - -.addButtonType(~"primary", ~"lightPrimary", false, false, ~"Color"); - -/*------------------- - Secondary ---------------------*/ + & when (@tertiaryActiveWithUnderline = false) and (@tertiaryActiveWithOverline = false) { + box-shadow: none; + } -.addButtonType(~"secondary", ~"lightSecondary", false, false, ~"Color"); + color: @a ; + } +}) .addConsequence(@consequence) { @@ -1760,31 +1740,32 @@ /* Basic */ .ui.basic.@{consequence}.buttons .button, .ui.basic.@{consequence}.button { - box-shadow: 0 0 0 @basicBorderSize @@_backgroundColor inset !important; - color: @@_backgroundColor !important; + background: transparent; + box-shadow: 0 0 0 @basicBorderSize @@_backgroundColor inset; + color: @@_backgroundColor; } .ui.basic.@{consequence}.buttons .button:hover, .ui.basic.@{consequence}.button:hover { - background: transparent !important; - box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorHover inset !important; - color: @@_backgroundColorHover !important; + background: transparent; + box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorHover inset; + color: @@_backgroundColorHover; } .ui.basic.@{consequence}.buttons .button:focus, .ui.basic.@{consequence}.button:focus { - background: transparent !important; - box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorFocus inset !important; - color: @@_backgroundColorHover !important; + background: transparent; + box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorFocus inset; + color: @@_backgroundColorHover; } .ui.basic.@{consequence}.buttons .active.button, .ui.basic.@{consequence}.active.button { - background: transparent !important; - box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorActive inset !important; - color: @@_backgroundColorDown !important; + background: transparent; + box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorActive inset; + color: @@_backgroundColorDown; } .ui.basic.@{consequence}.buttons .button:active, .ui.basic.@{consequence}.button:active { - box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorDown inset !important; - color: @@_backgroundColorDown !important; + box-shadow: 0 0 0 @basicColoredBorderSize @@_backgroundColorDown inset; + color: @@_backgroundColorDown; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -@basicColoredBorderSize; diff --git a/src/definitions/elements/header.less b/src/definitions/elements/header.less index e363ba11ed..73a044f7e1 100755 --- a/src/definitions/elements/header.less +++ b/src/definitions/elements/header.less @@ -331,260 +331,33 @@ h5.ui.header .sub.header { /*------------------- Colors --------------------*/ -/*--- Primary ---*/ -.ui.primary.header { - color: @primaryColor !important; -} -a.ui.primary.header:hover { - color: @primaryColor !important; -} -.ui.primary.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @primaryColor; -} - -/* Inverted */ -.ui.inverted.primary.header { - color: @lightPrimaryColor !important; -} -a.ui.inverted.primary.header:hover { - color: @lightPrimaryColor !important; -} - -/*--- Secondary ---*/ -.ui.secondary.header { - color: @secondaryColor !important; -} -a.ui.secondary.header:hover { - color: @secondaryColor !important; -} -.ui.secondary.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @secondaryColor; -} - -/* Inverted */ -.ui.inverted.secondary.header { - color: @lightSecondaryColor !important; -} -a.ui.inverted.secondary.header:hover { - color: @lightSecondaryColor !important; -} - -/*--- Red ---*/ -.ui.red.header { - color: @red !important; -} -a.ui.red.header:hover { - color: @redHover !important; -} -.ui.red.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @red; -} - -/* Inverted */ -.ui.inverted.red.header { - color: @lightRed !important; -} -a.ui.inverted.red.header:hover { - color: @lightRedHover !important; -} - -/*--- Orange ---*/ -.ui.orange.header { - color: @orange !important; -} -a.ui.orange.header:hover { - color: @orangeHover !important; -} -.ui.orange.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @orange; -} -/* Inverted */ -.ui.inverted.orange.header { - color: @lightOrange !important; -} -a.ui.inverted.orange.header:hover { - color: @lightOrangeHover !important; -} -/*--- Olive ---*/ -.ui.olive.header { - color: @olive !important; -} -a.ui.olive.header:hover { - color: @oliveHover !important; -} -.ui.olive.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @olive; -} -/* Inverted */ -.ui.inverted.olive.header { - color: @lightOlive !important; -} -a.ui.inverted.olive.header:hover { - color: @lightOliveHover !important; -} - -/*--- Yellow ---*/ -.ui.yellow.header { - color: @yellow !important; -} -a.ui.yellow.header:hover { - color: @yellowHover !important; -} -.ui.yellow.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @yellow; -} -/* Inverted */ -.ui.inverted.yellow.header { - color: @lightYellow !important; -} -a.ui.inverted.yellow.header:hover { - color: @lightYellowHover !important; -} - -/*--- Green ---*/ -.ui.green.header { - color: @green !important; -} -a.ui.green.header:hover { - color: @greenHover !important; -} -.ui.green.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @green; -} -/* Inverted */ -.ui.inverted.green.header { - color: @lightGreen !important; -} -a.ui.inverted.green.header:hover { - color: @lightGreenHover !important; -} - -/*--- Teal ---*/ -.ui.teal.header { - color: @teal !important; -} -a.ui.teal.header:hover { - color: @tealHover !important; -} -.ui.teal.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @teal; -} -/* Inverted */ -.ui.inverted.teal.header { - color: @lightTeal !important; -} -a.ui.inverted.teal.header:hover { - color: @lightTealHover !important; -} - -/*--- Blue ---*/ -.ui.blue.header { - color: @blue !important; -} -a.ui.blue.header:hover { - color: @blueHover !important; -} -.ui.blue.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @blue; -} -/* Inverted */ -.ui.inverted.blue.header { - color: @lightBlue !important; -} -a.ui.inverted.blue.header:hover { - color: @lightBlueHover !important; -} - -/*--- Violet ---*/ -.ui.violet.header { - color: @violet !important; -} -a.ui.violet.header:hover { - color: @violetHover !important; -} -.ui.violet.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @violet; -} -/* Inverted */ -.ui.inverted.violet.header { - color: @lightViolet !important; -} -a.ui.inverted.violet.header:hover { - color: @lightVioletHover !important; -} - -/*--- Purple ---*/ -.ui.purple.header { - color: @purple !important; -} -a.ui.purple.header:hover { - color: @purpleHover !important; -} -.ui.purple.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @purple; -} -/* Inverted */ -.ui.inverted.purple.header { - color: @lightPurple !important; -} -a.ui.inverted.purple.header:hover { - color: @lightPurpleHover !important; -} - -/*--- Pink ---*/ -.ui.pink.header { - color: @pink !important; -} -a.ui.pink.header:hover { - color: @pinkHover !important; -} -.ui.pink.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @pink; -} -/* Inverted */ -.ui.inverted.pink.header { - color: @lightPink !important; -} -a.ui.inverted.pink.header:hover { - color: @lightPinkHover !important; -} - -/*--- Brown ---*/ -.ui.brown.header { - color: @brown !important; -} -a.ui.brown.header:hover { - color: @brownHover !important; -} -.ui.brown.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @brown; -} -/* Inverted */ -.ui.inverted.brown.header { - color: @lightBrown !important; -} -a.ui.inverted.brown.header:hover { - color: @lightBrownHover !important; -} - -/*--- Grey ---*/ -.ui.grey.header { - color: @grey !important; -} -a.ui.grey.header:hover { - color: @greyHover !important; -} -.ui.grey.dividing.header { - border-bottom: @dividedColoredBorderWidth solid @grey; -} -/* Inverted */ -.ui.inverted.grey.header { - color: @lightGrey !important; -} -a.ui.inverted.grey.header:hover { - color: @lightGreyHover !important; -} +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @l: @colors[@@color][light]; + @h: @colors[@@color][hover]; + @lh: @colors[@@color][lightHover]; + + .ui.@{color}.header { + color: @c; + } + a.ui.@{color}.header:hover { + color: @h; + } + .ui.@{color}.dividing.header { + border-bottom: @dividedColoredBorderWidth solid @c; + } + .ui.inverted.@{color}.header.header.header { + color: @l; + } + a.ui.inverted.@{color}.header.header.header:hover { + color: @lh; + } + .ui.inverted.@{color}.dividing.header { + border-bottom: @dividedColoredBorderWidth solid @l; + } +}) /*------------------- @@ -690,10 +463,7 @@ a.ui.inverted.grey.header:hover { .ui.attached.header { background: @attachedBackground; padding: @attachedVerticalPadding @attachedHorizontalPadding; - margin-top: 0; - margin-bottom: 0; - margin-left: @attachedOffset; - margin-right: @attachedOffset; + margin: 0 @attachedOffset 0 @attachedOffset; box-shadow: @attachedBoxShadow; border: @attachedBorder; border-radius: 0; diff --git a/src/definitions/elements/icon.less b/src/definitions/elements/icon.less index 36edb6fe53..efbc366116 100755 --- a/src/definitions/elements/icon.less +++ b/src/definitions/elements/icon.less @@ -237,8 +237,8 @@ i.bordered.inverted.icon { /* Inverted Shapes */ i.inverted.bordered.icon, i.inverted.circular.icon { - background-color: @black !important; - color: @white !important; + background-color: @black; + color: @white; } i.inverted.icon { @@ -250,200 +250,24 @@ i.inverted.icon { Colors --------------------*/ -/* Primary */ -i.primary.icon { - color: @primaryColor !important; -} -i.inverted.primary.icon { - color: @lightPrimaryColor !important; -} -i.inverted.bordered.primary.icon, -i.inverted.circular.primary.icon { - background-color: @primaryColor !important; - color: @white !important; -} - -/* Secondary */ -i.secondary.icon { - color: @secondaryColor !important; -} -i.inverted.secondary.icon { - color: @lightSecondaryColor !important; -} -i.inverted.bordered.secondary.icon, -i.inverted.circular.secondary.icon { - background-color: @secondaryColor !important; - color: @white !important; -} - -/* Red */ -i.red.icon { - color: @red !important; -} -i.inverted.red.icon { - color: @lightRed !important; -} -i.inverted.bordered.red.icon, -i.inverted.circular.red.icon { - background-color: @red !important; - color: @white !important; -} - -/* Orange */ -i.orange.icon { - color: @orange !important; -} -i.inverted.orange.icon { - color: @lightOrange !important; -} -i.inverted.bordered.orange.icon, -i.inverted.circular.orange.icon { - background-color: @orange !important; - color: @white !important; -} - -/* Yellow */ -i.yellow.icon { - color: @yellow !important; -} -i.inverted.yellow.icon { - color: @lightYellow !important; -} -i.inverted.bordered.yellow.icon, -i.inverted.circular.yellow.icon { - background-color: @yellow !important; - color: @white !important; -} +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @l: @colors[@@color][light]; + + i.@{color}.icon { + color: @c; + } + i.inverted.@{color}.icon { + color: @l; + } + i.inverted.bordered.@{color}.icon, + i.inverted.circular.@{color}.icon { + background-color: @c; + color: @white; + } +}) -/* Olive */ -i.olive.icon { - color: @olive !important; -} -i.inverted.olive.icon { - color: @lightOlive !important; -} -i.inverted.bordered.olive.icon, -i.inverted.circular.olive.icon { - background-color: @olive !important; - color: @white !important; -} - -/* Green */ -i.green.icon { - color: @green !important; -} -i.inverted.green.icon { - color: @lightGreen !important; -} -i.inverted.bordered.green.icon, -i.inverted.circular.green.icon { - background-color: @green !important; - color: @white !important; -} - -/* Teal */ -i.teal.icon { - color: @teal !important; -} -i.inverted.teal.icon { - color: @lightTeal !important; -} -i.inverted.bordered.teal.icon, -i.inverted.circular.teal.icon { - background-color: @teal !important; - color: @white !important; -} - -/* Blue */ -i.blue.icon { - color: @blue !important; -} -i.inverted.blue.icon { - color: @lightBlue !important; -} -i.inverted.bordered.blue.icon, -i.inverted.circular.blue.icon { - background-color: @blue !important; - color: @white !important; -} - -/* Violet */ -i.violet.icon { - color: @violet !important; -} -i.inverted.violet.icon { - color: @lightViolet !important; -} -i.inverted.bordered.violet.icon, -i.inverted.circular.violet.icon { - background-color: @violet !important; - color: @white !important; -} - -/* Purple */ -i.purple.icon { - color: @purple !important; -} -i.inverted.purple.icon { - color: @lightPurple !important; -} -i.inverted.bordered.purple.icon, -i.inverted.circular.purple.icon { - background-color: @purple !important; - color: @white !important; -} - -/* Pink */ -i.pink.icon { - color: @pink !important; -} -i.inverted.pink.icon { - color: @lightPink !important; -} -i.inverted.bordered.pink.icon, -i.inverted.circular.pink.icon { - background-color: @pink !important; - color: @white !important; -} - -/* Brown */ -i.brown.icon { - color: @brown !important; -} -i.inverted.brown.icon { - color: @lightBrown !important; -} -i.inverted.bordered.brown.icon, -i.inverted.circular.brown.icon { - background-color: @brown !important; - color: @white !important; -} - -/* Grey */ -i.grey.icon { - color: @grey !important; -} -i.inverted.grey.icon { - color: @lightGrey !important; -} -i.inverted.bordered.grey.icon, -i.inverted.circular.grey.icon { - background-color: @grey !important; - color: @white !important; -} - -/* Black */ -i.black.icon { - color: @black !important; -} -i.inverted.black.icon { - color: @lightBlack !important; -} -i.inverted.bordered.black.icon, -i.inverted.circular.black.icon { - background-color: @black !important; - color: @white !important; -} /*------------------- Sizes diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less index 3e5442ce99..12d38fa5d0 100755 --- a/src/definitions/elements/label.less +++ b/src/definitions/elements/label.less @@ -616,95 +616,95 @@ a.ui.basic.label:hover { Colors --------------------*/ - -.labelColor(@colorRaw; @lightColor; @blackOrGrey:false;) { - @color: replace(@colorRaw,'Color',''); - @_labelColor: "@{colorRaw}"; - @_labelInvertedColor: "@{lightColor}"; - @_labelTextColor : "@{color}TextColor"; - @_labelHover : "@{colorRaw}Hover"; - @_labelInvertedHover: "@{lightColor}Hover"; - @_labelHoverTextColor : "@{color}HoverTextColor"; - @_labelRibbonShadow : "@{color}RibbonShadow"; - @_labelInvertedRibbonShadow : "@{color}InvertedRibbonShadow"; +each(@colors,{ + @color : replace(@key,'@',''); + @isDark : @colors[@@color][isDark]; + @_labelColor : @colors[@@color][color]; + @_labelInvertedColor : @colors[@@color][light]; + @_labelTextColor : @colors[@@color][text]; + @_labelHover : @colors[@@color][hover]; + @_labelInvertedHover : @colors[@@color][lightHover]; + @_labelHoverTextColor : @colors[@@color][hoverText]; + @_labelRibbonShadow : @colors[@@color][ribbon]; + @_labelInvertedRibbonShadow : @colors[@@color][invertedRibbon]; .ui.@{color}.labels .label, .ui.@{color}.label { - background-color: @@_labelColor; - border-color: @@_labelColor; - color: @@_labelTextColor; + background-color: @_labelColor; + border-color: @_labelColor; + color: @_labelTextColor; } /* Link */ .ui.@{color}.labels a.label:hover, a.ui.@{color}.label:hover{ - background-color: @@_labelHover; - border-color: @@_labelHover; - color: @@_labelHoverTextColor; + background-color: @_labelHover; + border-color: @_labelHover; + color: @_labelHoverTextColor; } /* Ribbon */ .ui.@{color}.ribbon.label { - border-color: @@_labelRibbonShadow; + border-color: @_labelRibbonShadow; } /* Basic */ .ui.basic.labels .@{color}.label, .ui.basic.@{color}.label { background: @basicBackground; - border-color: @@_labelColor; - color: @@_labelColor; + border-color: @_labelColor; + color: @_labelColor; } .ui.basic.labels a.@{color}.label:hover, a.ui.basic.@{color}.label:hover { background: @basicBackground; - border-color: @@_labelHover; - color: @@_labelHover; + border-color: @_labelHover; + color: @_labelHover; } /* Inverted */ .ui.inverted.labels .@{color}.label, .ui.inverted.@{color}.label { - background-color: @@_labelInvertedColor; - border-color: @@_labelInvertedColor; + background-color: @_labelInvertedColor; + border-color: @_labelInvertedColor; color: @black; } /* Inverted Link */ .ui.inverted.labels a.@{color}.label:hover, a.ui.inverted.@{color}.label:hover{ - background-color: @@_labelInvertedHover; - border-color: @@_labelInvertedHover; - & when not (@blackOrGrey) { + background-color: @_labelInvertedHover; + border-color: @_labelInvertedHover; + & when not (@isDark) { color: @black; } - & when (@blackOrGrey) { - color: @@_labelTextColor; + & when (@isDark) { + color: @_labelTextColor; } } /* Inverted Ribbon */ .ui.inverted.@{color}.ribbon.label { - border-color: @@_labelInvertedRibbonShadow; + border-color: @_labelInvertedRibbonShadow; } /* Inverted Basic */ .ui.inverted.basic.labels .@{color}.label, .ui.inverted.basic.@{color}.label { background-color: @invertedBackground; - border-color: @@_labelInvertedColor; - & when not (@blackOrGrey) { - color: @@_labelInvertedColor; + border-color: @_labelInvertedColor; + & when not (@isDark) { + color: @_labelInvertedColor; } - & when (@blackOrGrey) { + & when (@isDark) { color: @invertedTextColor; } } .ui.inverted.basic.labels a.@{color}.label:hover, a.ui.inverted.basic.@{color}.label:hover { - border-color: @@_labelInvertedHover; + border-color: @_labelInvertedHover; background-color: @invertedBackground; - & when not (@blackOrGrey) { - color: @@_labelInvertedHover; + & when not (@isDark) { + color: @_labelInvertedHover; } } /* Inverted Basic Tags */ .ui.inverted.basic.tag.labels .@{color}.label, .ui.inverted.@{color}.basic.tag.label { - border: @invertedBorderSize solid @@_labelInvertedColor; + border: @invertedBorderSize solid @_labelInvertedColor; } .ui.inverted.basic.tag.labels .@{color}.label:before, .ui.inverted.@{color}.basic.tag.label:before { @@ -714,23 +714,7 @@ a.ui.basic.label:hover { background-color: @invertedBackground; right: e(%("calc(100%% + %d)", @invertedBorderSize)); } - -} -.labelColor(~'primaryColor',~'lightPrimaryColor'); -.labelColor(~'secondaryColor',~'lightSecondaryColor'); -.labelColor(~'red',~'lightRed'); -.labelColor(~'orange',~'lightOrange'); -.labelColor(~'yellow',~'lightYellow'); -.labelColor(~'olive',~'lightOlive'); -.labelColor(~'green',~'lightGreen'); -.labelColor(~'teal',~'lightTeal'); -.labelColor(~'blue',~'lightBlue'); -.labelColor(~'violet',~'lightViolet'); -.labelColor(~'purple',~'lightPurple'); -.labelColor(~'pink',~'lightPink'); -.labelColor(~'brown',~'lightBrown'); -.labelColor(~'grey',~'lightGrey'); -.labelColor(~'black',~'lightBlack',true); +}) /*------------------- Horizontal diff --git a/src/definitions/elements/loader.less b/src/definitions/elements/loader.less index a582001336..87ef713eef 100755 --- a/src/definitions/elements/loader.less +++ b/src/definitions/elements/loader.less @@ -293,10 +293,10 @@ Colors --------------------*/ -.loaderColor(@colorRaw; @lightColor;) { - @color: replace(@colorRaw,'Color',''); - @_loaderColor: "@{colorRaw}"; - @_loaderInvertedColor: "@{lightColor}"; +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @l: @colors[@@color][light]; .ui.@{color}.elastic.loader.loader:before, .ui.@{color}.elastic.loading.loading.loading:not(.segment):before, @@ -305,7 +305,7 @@ .ui.@{color}.loading.loading.loading.loading .input > i.icon:after, .ui.@{color}.loading.loading.loading.loading > i.icon:after, .ui.@{color}.loader.loader.loader:after { - color: @@_loaderColor; + color: @c; } .ui.inverted.@{color}.elastic.loader:before, .ui.inverted.@{color}.elastic.loading.loading.loading:not(.segment):before, @@ -315,24 +315,9 @@ .ui.inverted.@{color}.loading.loading.loading.loading .input > i.icon:after, .ui.inverted.@{color}.loading.loading.loading.loading > i.icon:after, .ui.inverted.@{color}.loader.loader.loader:after { - color: @@_loaderInvertedColor; + color: @l; } -} -.loaderColor(~'primaryColor',~'lightPrimaryColor'); -.loaderColor(~'secondaryColor',~'lightSecondaryColor'); -.loaderColor(~'red',~'lightRed'); -.loaderColor(~'orange',~'lightOrange'); -.loaderColor(~'yellow',~'lightYellow'); -.loaderColor(~'olive',~'lightOlive'); -.loaderColor(~'green',~'lightGreen'); -.loaderColor(~'teal',~'lightTeal'); -.loaderColor(~'blue',~'lightBlue'); -.loaderColor(~'violet',~'lightViolet'); -.loaderColor(~'purple',~'lightPurple'); -.loaderColor(~'pink',~'lightPink'); -.loaderColor(~'brown',~'lightBrown'); -.loaderColor(~'grey',~'lightGrey'); -.loaderColor(~'black',~'lightBlack'); +}) .ui.elastic.loader.loader:before, .ui.elastic.loading.loading.loading:before, diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less index b9aa63e401..8c09a6157f 100755 --- a/src/definitions/elements/segment.less +++ b/src/definitions/elements/segment.less @@ -536,122 +536,17 @@ Colors --------------------*/ -/* Red */ -.ui.red.segment:not(.inverted) { - border-top: @coloredBorderSize solid @red !important; -} -.ui.inverted.red.segment { - background-color: @red !important; - color: @white !important; -} - -/* Orange */ -.ui.orange.segment:not(.inverted) { - border-top: @coloredBorderSize solid @orange !important; -} -.ui.inverted.orange.segment { - background-color: @orange !important; - color: @white !important; -} - -/* Yellow */ -.ui.yellow.segment:not(.inverted) { - border-top: @coloredBorderSize solid @yellow !important; -} -.ui.inverted.yellow.segment { - background-color: @yellow !important; - color: @white !important; -} - -/* Olive */ -.ui.olive.segment:not(.inverted) { - border-top: @coloredBorderSize solid @olive !important; -} -.ui.inverted.olive.segment { - background-color: @olive !important; - color: @white !important; -} - -/* Green */ -.ui.green.segment:not(.inverted) { - border-top: @coloredBorderSize solid @green !important; -} -.ui.inverted.green.segment { - background-color: @green !important; - color: @white !important; -} - -/* Teal */ -.ui.teal.segment:not(.inverted) { - border-top: @coloredBorderSize solid @teal !important; -} -.ui.inverted.teal.segment { - background-color: @teal !important; - color: @white !important; -} - -/* Blue */ -.ui.blue.segment:not(.inverted) { - border-top: @coloredBorderSize solid @blue !important; -} -.ui.inverted.blue.segment { - background-color: @blue !important; - color: @white !important; -} - -/* Violet */ -.ui.violet.segment:not(.inverted) { - border-top: @coloredBorderSize solid @violet !important; -} -.ui.inverted.violet.segment { - background-color: @violet !important; - color: @white !important; -} - -/* Purple */ -.ui.purple.segment:not(.inverted) { - border-top: @coloredBorderSize solid @purple !important; -} -.ui.inverted.purple.segment { - background-color: @purple !important; - color: @white !important; -} - -/* Pink */ -.ui.pink.segment:not(.inverted) { - border-top: @coloredBorderSize solid @pink !important; -} -.ui.inverted.pink.segment { - background-color: @pink !important; - color: @white !important; -} - -/* Brown */ -.ui.brown.segment:not(.inverted) { - border-top: @coloredBorderSize solid @brown !important; -} -.ui.inverted.brown.segment { - background-color: @brown !important; - color: @white !important; -} - -/* Grey */ -.ui.grey.segment:not(.inverted) { - border-top: @coloredBorderSize solid @grey !important; -} -.ui.inverted.grey.segment { - background-color: @grey !important; - color: @white !important; -} - -/* Black */ -.ui.black.segment:not(.inverted) { - border-top: @coloredBorderSize solid @black !important; -} -.ui.inverted.black.segment { - background-color: @black !important; - color: @white !important; -} +each(@colors,{ + @color: replace(@key,'@',''); + @c: @colors[@@color][color]; + .ui.@{color}.segment.segment.segment.segment.segment:not(.inverted) { + border-top: @coloredBorderSize solid @c; + } + .ui.inverted.@{color}.segment.segment.segment.segment.segment { + background-color: @c; + color: @white; + } +}) /*------------------- Aligned diff --git a/src/definitions/elements/text.less b/src/definitions/elements/text.less new file mode 100644 index 0000000000..287de7175c --- /dev/null +++ b/src/definitions/elements/text.less @@ -0,0 +1,43 @@ +/*! + * # Fomantic UI - Text + * http://github.com/fomantic/Fomantic-UI/ + * + * + * Released under the MIT license + * https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md + * + */ + + +/******************************* + Theme +*******************************/ + +@type : 'element'; +@element : 'text'; + +@import (multiple) '../../theme.config'; + + +/******************************* + Text +*******************************/ + +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @l: @colors[@@color][light]; + + span.ui.@{color}.text { + color: @c; + } + span.ui.inverted.@{color}.text { + color: @l; + } +}) + +span.ui.disabled.text { + opacity: @disabledOpacity; +} + +.loadUIOverrides(); diff --git a/src/definitions/modules/progress.less b/src/definitions/modules/progress.less index 596943c599..478aecc6d9 100755 --- a/src/definitions/modules/progress.less +++ b/src/definitions/modules/progress.less @@ -356,109 +356,18 @@ Colors ---------------*/ -/* Red */ -.ui.red.progress .bar { - background-color: @red; -} -.ui.red.inverted.progress .bar { - background-color: @lightRed; -} - -/* Orange */ -.ui.orange.progress .bar { - background-color: @orange; -} -.ui.orange.inverted.progress .bar { - background-color: @lightOrange; -} - -/* Yellow */ -.ui.yellow.progress .bar { - background-color: @yellow; -} -.ui.yellow.inverted.progress .bar { - background-color: @lightYellow; -} - -/* Olive */ -.ui.olive.progress .bar { - background-color: @olive; -} -.ui.olive.inverted.progress .bar { - background-color: @lightOlive; -} - -/* Green */ -.ui.green.progress .bar { - background-color: @green; -} -.ui.green.inverted.progress .bar { - background-color: @lightGreen; -} - -/* Teal */ -.ui.teal.progress .bar { - background-color: @teal; -} -.ui.teal.inverted.progress .bar { - background-color: @lightTeal; -} - -/* Blue */ -.ui.blue.progress .bar { - background-color: @blue; -} -.ui.blue.inverted.progress .bar { - background-color: @lightBlue; -} +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @l: @colors[@@color][light]; -/* Violet */ -.ui.violet.progress .bar { - background-color: @violet; -} -.ui.violet.inverted.progress .bar { - background-color: @lightViolet; -} - -/* Purple */ -.ui.purple.progress .bar { - background-color: @purple; -} -.ui.purple.inverted.progress .bar { - background-color: @lightPurple; -} - -/* Pink */ -.ui.pink.progress .bar { - background-color: @pink; -} -.ui.pink.inverted.progress .bar { - background-color: @lightPink; -} - -/* Brown */ -.ui.brown.progress .bar { - background-color: @brown; -} -.ui.brown.inverted.progress .bar { - background-color: @lightBrown; -} - -/* Grey */ -.ui.grey.progress .bar { - background-color: @grey; -} -.ui.grey.inverted.progress .bar { - background-color: @lightGrey; -} - -/* Black */ -.ui.black.progress .bar { - background-color: @black; -} -.ui.black.inverted.progress .bar { - background-color: @lightBlack; -} + .ui.@{color}.progress .bar { + background-color: @c; + } + .ui.@{color}.inverted.progress .bar { + background-color: @l; + } +}) /*-------------- Sizes diff --git a/src/definitions/modules/rating.less b/src/definitions/modules/rating.less index 4528e355b9..08e6f4b431 100755 --- a/src/definitions/modules/rating.less +++ b/src/definitions/modules/rating.less @@ -79,41 +79,29 @@ Colors -------------- */ -.ratingColor(@color; @lightColor;) { - @_ratingActiveShadow: "@{color}"; - @_ratingActive: "@{lightColor}"; - @_ratingSelectedShadow: "@{color}Hover"; - @_ratingSelected: "@{lightColor}Hover"; +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @l: @colors[@@color][light]; + @h: @colors[@@color][hover]; + @lh: @colors[@@color][lightHover]; + .ui.@{color}.rating .active.icon { - color: @@_ratingActive; - text-shadow: 0px -@shadowWidth 0px @@_ratingActiveShadow, - -@shadowWidth 0px 0px @@_ratingActiveShadow, - 0px @shadowWidth 0px @@_ratingActiveShadow, - @shadowWidth 0px 0px @@_ratingActiveShadow; + color: @l; + text-shadow: 0px -@shadowWidth 0px @c, + -@shadowWidth 0px 0px @c, + 0px @shadowWidth 0px @c, + @shadowWidth 0px 0px @c; } .ui.@{color}.rating .icon.selected, .ui.@{color}.rating .icon.selected.active { - color: @@_ratingSelected; - text-shadow: 0px -@shadowWidth 0px @@_ratingSelectedShadow, - -@shadowWidth 0px 0px @@_ratingSelectedShadow, - 0px @shadowWidth 0px @@_ratingSelectedShadow, - @shadowWidth 0px 0px @@_ratingSelectedShadow; + color: @lh; + text-shadow: 0px -@shadowWidth 0px @h, + -@shadowWidth 0px 0px @h, + 0px @shadowWidth 0px @h, + @shadowWidth 0px 0px @h; } -} - -.ratingColor(~'red',~'lightRed'); -.ratingColor(~'orange',~'lightOrange'); -.ratingColor(~'yellow',~'lightYellow'); -.ratingColor(~'olive',~'lightOlive'); -.ratingColor(~'green',~'lightGreen'); -.ratingColor(~'teal',~'lightTeal'); -.ratingColor(~'blue',~'lightBlue'); -.ratingColor(~'violet',~'lightViolet'); -.ratingColor(~'purple',~'lightPurple'); -.ratingColor(~'pink',~'lightPink'); -.ratingColor(~'brown',~'lightBrown'); -.ratingColor(~'grey',~'lightGrey'); -.ratingColor(~'black',~'lightBlack'); +}) /******************************* diff --git a/src/definitions/modules/slider.less b/src/definitions/modules/slider.less index e4e82e2c4f..aaa34a0da9 100644 --- a/src/definitions/modules/slider.less +++ b/src/definitions/modules/slider.less @@ -254,78 +254,40 @@ Colors ---------------*/ -.addColor(@color, @lightColor, @hoverColor, @lightHoverColor) { - @_color: "@{color}"; - @_lightColor: "@{lightColor}"; - @_hoverColor: "@{hoverColor}"; - @_lightHoverColor: "@{lightHoverColor}"; +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @l: @colors[@@color][light]; + @h: @colors[@@color][hover]; + @lh: @colors[@@color][lightHover]; /* Standard */ .ui.@{color}.slider .inner .track-fill { - background-color: @@_color; + background-color: @c; } .ui.@{color}.inverted.slider .inner .track-fill { - background-color: @@_lightColor; + background-color: @l; } /* Basic */ .ui.@{color}.slider.basic .inner .thumb { - background-color: @@_color; + background-color: @c; } .ui.@{color}.slider.basic .inner .thumb:hover, .ui.@{color}.slider.basic:focus .inner .thumb { - background-color: @@_hoverColor; + background-color: @h; } /* Basic Inverted */ .ui.@{color}.inverted.slider.basic .inner .thumb { - background-color: @@_lightColor; + background-color: @l; } .ui.@{color}.inverted.slider.basic .inner .thumb:hover, .ui.@{color}.inverted.slider.basic:focus .inner .thumb { - background-color: @@_lightHoverColor; + background-color: @lh; } -} - -/*--- Red ---*/ -.addColor(~"red", ~"lightRed", ~"redHover", ~"lightRedHover"); - -/*--- Orange ---*/ -.addColor(~"orange", ~"lightOrange", ~"orangeHover", ~"lightOrangeHover"); - -/*--- Yellow ---*/ -.addColor(~"yellow", ~"lightYellow", ~"yellowHover", ~"lightYellowHover"); - -/*--- Olive ---*/ -.addColor(~"olive", ~"lightOlive", ~"oliveHover", ~"lightOliveHover"); - -/*--- Green ---*/ -.addColor(~"green", ~"lightGreen", ~"greenHover", ~"lightGreenHover"); - -/*--- Teal ---*/ -.addColor(~"teal", ~"lightTeal", ~"tealHover", ~"lightTealHover"); - -/*--- Blue ---*/ -.addColor(~"blue", ~"lightBlue", ~"blueHover", ~"lightBlueHover"); - -/*--- Violet ---*/ -.addColor(~"violet", ~"lightViolet", ~"violetHover", ~"lightVioletHover"); - -/*--- Purple ---*/ -.addColor(~"purple", ~"lightPurple", ~"purpleHover", ~"lightPurpleHover"); - -/*--- Pink ---*/ -.addColor(~"pink", ~"lightPink", ~"pinkHover", ~"lightPinkHover"); - -/*--- Brown ---*/ -.addColor(~"brown", ~"lightBrown", ~"brownHover", ~"lightBrownHover"); - -/*--- Grey ---*/ -.addColor(~"grey", ~"lightGrey", ~"greyHover", ~"lightGreyHover"); - -/*--- Black ---*/ -.addColor(~"black", ~"lightBlack", ~"blackHover", ~"lightBlackHover"); +}) /*-------------- Basic diff --git a/src/definitions/modules/toast.less b/src/definitions/modules/toast.less index 3588655f66..484a224b9a 100644 --- a/src/definitions/modules/toast.less +++ b/src/definitions/modules/toast.less @@ -156,31 +156,19 @@ Colors -------------- */ -.toastColor(@color; @lightColor;) { - @_toastColor: "@{color}"; - @_toastInvertedColor: "@{lightColor}"; +each(@colors, { + @color: replace(@key, '@', ''); + @c: @colors[@@color][color]; + @l: @colors[@@color][light]; + .@{color}.toast { - background-color: @@_toastColor; + background-color: @c; } .inverted.@{color}.toast, .toast-box .inverted.@{color}.attached.progress .bar { - background-color: @@_toastInvertedColor; + background-color: @l; } -} - -.toastColor(~'red',~'lightRed'); -.toastColor(~'orange',~'lightOrange'); -.toastColor(~'yellow',~'lightYellow'); -.toastColor(~'olive',~'lightOlive'); -.toastColor(~'green',~'lightGreen'); -.toastColor(~'teal',~'lightTeal'); -.toastColor(~'blue',~'lightBlue'); -.toastColor(~'violet',~'lightViolet'); -.toastColor(~'purple',~'lightPurple'); -.toastColor(~'pink',~'lightPink'); -.toastColor(~'brown',~'lightBrown'); -.toastColor(~'grey',~'lightGrey'); -.toastColor(~'black',~'lightBlack'); +}) .inverted.toast { color: @toastInvertedTextColor; diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less index 7aeb0b6b21..64477d13e7 100755 --- a/src/definitions/views/card.less +++ b/src/definitions/views/card.less @@ -519,305 +519,30 @@ a.ui.card:hover, Colors --------------------*/ -/* Primary */ -.ui.primary.cards > .card, -.ui.cards > .primary.card, -.ui.primary.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @primaryColor, - @shadowBoxShadow +each(@colors,{ + @color: replace(@key,'@',''); + @c: @colors[@@color][color]; + @h: @colors[@@color][hover]; + + .ui.@{color}.cards > .card, + .ui.cards > .@{color}.card, + .ui.@{color}.card { + box-shadow: + @borderShadow, + 0 @coloredShadowDistance 0 0 @c, + @shadowBoxShadow ; -} -.ui.primary.cards > .card:hover, -.ui.cards > .primary.card:hover, -.ui.primary.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @primaryColorHover, - @shadowHoverBoxShadow - ; -} - -/* Secondary */ -.ui.secondary.cards > .card, -.ui.cards > .secondary.card, -.ui.secondary.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @secondaryColor, - @shadowBoxShadow - ; -} -.ui.secondary.cards > .card:hover, -.ui.cards > .secondary.card:hover, -.ui.secondary.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @secondaryColorHover, - @shadowHoverBoxShadow - ; -} - -/* Red */ -.ui.red.cards > .card, -.ui.cards > .red.card, -.ui.red.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @red, - @shadowBoxShadow - ; -} -.ui.red.cards > .card:hover, -.ui.cards > .red.card:hover, -.ui.red.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @redHover, - @shadowHoverBoxShadow - ; -} - -/* Orange */ -.ui.orange.cards > .card, -.ui.cards > .orange.card, -.ui.orange.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @orange, - @shadowBoxShadow - ; -} -.ui.orange.cards > .card:hover, -.ui.cards > .orange.card:hover, -.ui.orange.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @orangeHover, - @shadowHoverBoxShadow - ; -} - -/* Yellow */ -.ui.yellow.cards > .card, -.ui.cards > .yellow.card, -.ui.yellow.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @yellow, - @shadowBoxShadow - ; -} -.ui.yellow.cards > .card:hover, -.ui.cards > .yellow.card:hover, -.ui.yellow.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @yellowHover, - @shadowHoverBoxShadow - ; -} - -/* Olive */ -.ui.olive.cards > .card, -.ui.cards > .olive.card, -.ui.olive.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @olive, - @shadowBoxShadow - ; -} -.ui.olive.cards > .card:hover, -.ui.cards > .olive.card:hover, -.ui.olive.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @oliveHover, - @shadowHoverBoxShadow - ; -} - -/* Green */ -.ui.green.cards > .card, -.ui.cards > .green.card, -.ui.green.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @green, - @shadowBoxShadow - ; -} -.ui.green.cards > .card:hover, -.ui.cards > .green.card:hover, -.ui.green.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @greenHover, - @shadowHoverBoxShadow - ; -} - -/* Teal */ -.ui.teal.cards > .card, -.ui.cards > .teal.card, -.ui.teal.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @teal, - @shadowBoxShadow - ; -} -.ui.teal.cards > .card:hover, -.ui.cards > .teal.card:hover, -.ui.teal.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @tealHover, - @shadowHoverBoxShadow - ; -} - -/* Blue */ -.ui.blue.cards > .card, -.ui.cards > .blue.card, -.ui.blue.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @blue, - @shadowBoxShadow - ; -} -.ui.blue.cards > .card:hover, -.ui.cards > .blue.card:hover, -.ui.blue.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @blueHover, - @shadowHoverBoxShadow - ; -} - -/* Violet */ -.ui.violet.cards > .card, -.ui.cards > .violet.card, -.ui.violet.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @violet, - @shadowBoxShadow - ; -} -.ui.violet.cards > .card:hover, -.ui.cards > .violet.card:hover, -.ui.violet.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @violetHover, - @shadowHoverBoxShadow - ; -} - -/* Purple */ -.ui.purple.cards > .card, -.ui.cards > .purple.card, -.ui.purple.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @purple, - @shadowBoxShadow - ; -} -.ui.purple.cards > .card:hover, -.ui.cards > .purple.card:hover, -.ui.purple.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @purpleHover, - @shadowHoverBoxShadow - ; -} - -/* Pink */ -.ui.pink.cards > .card, -.ui.cards > .pink.card, -.ui.pink.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @pink, - @shadowBoxShadow - ; -} -.ui.pink.cards > .card:hover, -.ui.cards > .pink.card:hover, -.ui.pink.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @pinkHover, - @shadowHoverBoxShadow - ; -} - -/* Brown */ -.ui.brown.cards > .card, -.ui.cards > .brown.card, -.ui.brown.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @brown, - @shadowBoxShadow - ; -} -.ui.brown.cards > .card:hover, -.ui.cards > .brown.card:hover, -.ui.brown.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @brownHover, - @shadowHoverBoxShadow - ; -} - -/* Grey */ -.ui.grey.cards > .card, -.ui.cards > .grey.card, -.ui.grey.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @grey, - @shadowBoxShadow - ; -} -.ui.grey.cards > .card:hover, -.ui.cards > .grey.card:hover, -.ui.grey.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @greyHover, - @shadowHoverBoxShadow - ; -} - -/* Black */ -.ui.black.cards > .card, -.ui.cards > .black.card, -.ui.black.card { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @black, - @shadowBoxShadow - ; -} -.ui.black.cards > .card:hover, -.ui.cards > .black.card:hover, -.ui.black.card:hover { - box-shadow: - @borderShadow, - 0 @coloredShadowDistance 0 0 @blackHover, - @shadowHoverBoxShadow + } + .ui.@{color}.cards > .card:hover, + .ui.cards > .@{color}.card:hover, + .ui.@{color}.card:hover { + box-shadow: + @borderShadow, + 0 @coloredShadowDistance 0 0 @h, + @shadowHoverBoxShadow ; -} + } +}) /*-------------- Card Count diff --git a/src/definitions/views/statistic.less b/src/definitions/views/statistic.less index b2f253295f..a95e489192 100755 --- a/src/definitions/views/statistic.less +++ b/src/definitions/views/statistic.less @@ -304,71 +304,6 @@ margin: 0 0 0 @horizontalLabelDistance; } -/*-------------- - Colors ----------------*/ - -.ui.red.statistics .statistic > .value, -.ui.statistics .red.statistic > .value, -.ui.red.statistic > .value { - color: @red; -} -.ui.orange.statistics .statistic > .value, -.ui.statistics .orange.statistic > .value, -.ui.orange.statistic > .value { - color: @orange; -} -.ui.yellow.statistics .statistic > .value, -.ui.statistics .yellow.statistic > .value, -.ui.yellow.statistic > .value { - color: @yellow; -} -.ui.olive.statistics .statistic > .value, -.ui.statistics .olive.statistic > .value, -.ui.olive.statistic > .value { - color: @olive; -} -.ui.green.statistics .statistic > .value, -.ui.statistics .green.statistic > .value, -.ui.green.statistic > .value { - color: @green; -} -.ui.teal.statistics .statistic > .value, -.ui.statistics .teal.statistic > .value, -.ui.teal.statistic > .value { - color: @teal; -} -.ui.blue.statistics .statistic > .value, -.ui.statistics .blue.statistic > .value, -.ui.blue.statistic > .value { - color: @blue; -} -.ui.violet.statistics .statistic > .value, -.ui.statistics .violet.statistic > .value, -.ui.violet.statistic > .value { - color: @violet; -} -.ui.purple.statistics .statistic > .value, -.ui.statistics .purple.statistic > .value, -.ui.purple.statistic > .value { - color: @purple; -} -.ui.pink.statistics .statistic > .value, -.ui.statistics .pink.statistic > .value, -.ui.pink.statistic > .value { - color: @pink; -} -.ui.brown.statistics .statistic > .value, -.ui.statistics .brown.statistic > .value, -.ui.brown.statistic > .value { - color: @brown; -} -.ui.grey.statistics .statistic > .value, -.ui.statistics .grey.statistic > .value, -.ui.grey.statistic > .value { - color: @grey; -} - /*-------------- Inverted ---------------*/ @@ -382,66 +317,26 @@ color: @invertedLabelColor; } -.ui.inverted.red.statistics .statistic > .value, -.ui.statistics .inverted.red.statistic > .value, -.ui.inverted.red.statistic > .value { - color: @lightRed; -} -.ui.inverted.orange.statistics .statistic > .value, -.ui.statistics .inverted.orange.statistic > .value, -.ui.inverted.orange.statistic > .value { - color: @lightOrange; -} -.ui.inverted.yellow.statistics .statistic > .value, -.ui.statistics .inverted.yellow.statistic > .value, -.ui.inverted.yellow.statistic > .value { - color: @lightYellow; -} -.ui.inverted.olive.statistics .statistic > .value, -.ui.statistics .inverted.olive.statistic > .value, -.ui.inverted.olive.statistic > .value { - color: @lightOlive; -} -.ui.inverted.green.statistics .statistic > .value, -.ui.statistics .inverted.green.statistic > .value, -.ui.inverted.green.statistic > .value { - color: @lightGreen; -} -.ui.inverted.teal.statistics .statistic > .value, -.ui.statistics .inverted.teal.statistic > .value, -.ui.inverted.teal.statistic > .value { - color: @lightTeal; -} -.ui.inverted.blue.statistics .statistic > .value, -.ui.statistics .inverted.blue.statistic > .value, -.ui.inverted.blue.statistic > .value { - color: @lightBlue; -} -.ui.inverted.violet.statistics .statistic > .value, -.ui.statistics .inverted.violet.statistic > .value, -.ui.inverted.violet.statistic > .value { - color: @lightViolet; -} -.ui.inverted.purple.statistics .statistic > .value, -.ui.statistics .inverted.purple.statistic > .value, -.ui.inverted.purple.statistic > .value { - color: @lightPurple; -} -.ui.inverted.pink.statistics .statistic > .value, -.ui.statistics .inverted.pink.statistic > .value, -.ui.inverted.pink.statistic > .value { - color: @lightPink; -} -.ui.inverted.brown.statistics .statistic > .value, -.ui.statistics .inverted.brown.statistic > .value, -.ui.inverted.brown.statistic > .value { - color: @lightBrown; -} -.ui.inverted.grey.statistics .statistic > .value, -.ui.statistics .inverted.grey.statistic > .value, -.ui.inverted.grey.statistic > .value { - color: @lightGrey; -} +/*-------------- + Colors +---------------*/ + +each(@colors,{ + @color: replace(@key,'@',''); + @c: @colors[@@color][color]; + @l: @colors[@@color][light]; + + .ui.@{color}.statistics .statistic > .value, + .ui.statistics .@{color}.statistic > .value, + .ui.@{color}.statistic > .value { + color: @c; + } + .ui.inverted.@{color}.statistics .statistic > .value, + .ui.statistics .inverted.@{color}.statistic > .value, + .ui.inverted.@{color}.statistic > .value { + color: @l; + } +}) /*-------------- Floated diff --git a/src/semantic.less b/src/semantic.less index aebcde5bb4..d0716ccc52 100644 --- a/src/semantic.less +++ b/src/semantic.less @@ -31,6 +31,7 @@ & { @import "definitions/elements/reveal"; } & { @import "definitions/elements/segment"; } & { @import "definitions/elements/step"; } +& { @import "definitions/elements/text"; } /* Collections */ & { @import "definitions/collections/breadcrumb"; } diff --git a/src/theme.config.example b/src/theme.config.example index 96c8bbeaaa..656995559e 100644 --- a/src/theme.config.example +++ b/src/theme.config.example @@ -38,6 +38,7 @@ @reveal : 'default'; @segment : 'default'; @step : 'default'; +@text : 'default'; /* Collections */ @breadcrumb : 'default'; diff --git a/src/theme.less b/src/theme.less index ffaf4f8118..940f3195f1 100644 --- a/src/theme.less +++ b/src/theme.less @@ -39,6 +39,17 @@ @import (optional) "@{siteFolder}/@{type}s/@{element}.variables"; +/*------------------------- + Central Color Map +-------------------------*/ + +/* Default */ +@import "@{themesFolder}/default/globals/colors.less"; + +/* Site Theme */ +@import (optional) "@{themesFolder}/@{site}/colors.less"; + + /******************************* Mix-ins *******************************/ diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables index de6596b983..c360149c60 100644 --- a/src/themes/default/elements/label.variables +++ b/src/themes/default/elements/label.variables @@ -184,38 +184,6 @@ @primaryHoverTextColor: @white; @secondaryHoverTextColor: @white; -@primaryRibbonShadow: darken(@primaryColor, 10); -@secondaryRibbonShadow: darken(@secondaryColor, 10); -@redRibbonShadow: darken(@red, 10); -@orangeRibbonShadow: darken(@orange, 10); -@yellowRibbonShadow: darken(@yellow, 10); -@oliveRibbonShadow: darken(@olive, 10); -@greenRibbonShadow: darken(@green, 10); -@tealRibbonShadow: darken(@teal, 10); -@blueRibbonShadow: darken(@blue, 10); -@violetRibbonShadow: darken(@violet, 10); -@purpleRibbonShadow: darken(@purple, 10); -@pinkRibbonShadow: darken(@pink, 10); -@brownRibbonShadow: darken(@brown, 10); -@greyRibbonShadow: darken(@grey, 10); -@blackRibbonShadow: darken(@black, 10); - -@primaryInvertedRibbonShadow: darken(@lightPrimaryColor, 10); -@secondaryInvertedRibbonShadow: darken(@lightSecondaryColor, 10); -@redInvertedRibbonShadow: darken(@lightRed, 10); -@orangeInvertedRibbonShadow: darken(@lightOrange, 10); -@yellowInvertedRibbonShadow: darken(@lightYellow, 10); -@oliveInvertedRibbonShadow: darken(@lightOlive, 10); -@greenInvertedRibbonShadow: darken(@lightGreen, 10); -@tealInvertedRibbonShadow: darken(@lightTeal, 10); -@blueInvertedRibbonShadow: darken(@lightBlue, 10); -@violetInvertedRibbonShadow: darken(@lightViolet, 10); -@purpleInvertedRibbonShadow: darken(@lightPurple, 10); -@pinkInvertedRibbonShadow: darken(@lightPink, 10); -@brownInvertedRibbonShadow: darken(@lightBrown, 10); -@greyInvertedRibbonShadow: lighten(@lightGrey, 5); -@blackInvertedRibbonShadow: lighten(@lightBlack, 5); - @primaryTextColor: @invertedTextColor; @secondaryTextColor: @invertedTextColor; diff --git a/src/themes/default/elements/text.overrides b/src/themes/default/elements/text.overrides new file mode 100644 index 0000000000..14fb0da124 --- /dev/null +++ b/src/themes/default/elements/text.overrides @@ -0,0 +1,3 @@ +/******************************* + Theme Overrides +*******************************/ diff --git a/src/themes/default/elements/text.variables b/src/themes/default/elements/text.variables new file mode 100644 index 0000000000..6c15d9a7b4 --- /dev/null +++ b/src/themes/default/elements/text.variables @@ -0,0 +1,7 @@ +/******************************* + Text +*******************************/ + +/*------------------- + Element +--------------------*/ diff --git a/src/themes/default/globals/colors.less b/src/themes/default/globals/colors.less new file mode 100644 index 0000000000..e67fb36cae --- /dev/null +++ b/src/themes/default/globals/colors.less @@ -0,0 +1,396 @@ +/*********************************************************** + Central Color Mapping Base for all components to iterate +***********************************************************/ + +@colors: { + @primary: { + color : @primaryColor; + light : @lightPrimaryColor; + border : @primaryBorderColor; + background : @primaryBackground; + header : @primaryHeaderColor; + boxShadow : @primaryBoxShadow; + boxFloatShadow : @primaryBoxFloatingShadow; + text : @primaryTextColor; + lightText : @lightPrimaryTextColor; + hoverText : @primaryHoverTextColor; + focus : @primaryColorFocus; + lightFocus : @lightPrimaryColorFocus; + down : @primaryColorDown; + lightDown : @lightPrimaryColorDown; + active : @primaryColorActive; + lightActive : @lightPrimaryColorActive; + shadow : @primaryTextShadow; + lightShadow : @lightPrimaryTextShadow; + hover : @primaryColorHover; + lightHover : @lightPrimaryColorHover; + ribbon : @primaryRibbonShadow; + invertedRibbon : @primaryInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @secondary: { + color : @secondaryColor; + light : @lightSecondaryColor; + border : @secondaryBorderColor; + background : @secondaryBackground; + header : @secondaryHeaderColor; + boxShadow : @secondaryBoxShadow; + boxFloatShadow : @secondaryBoxFloatingShadow; + text : @secondaryTextColor; + lightText : @lightSecondaryTextColor; + hoverText : @secondaryHoverTextColor; + focus : @secondaryColorFocus; + lightFocus : @lightSecondaryColorFocus; + down : @secondaryColorDown; + lightDown : @lightSecondaryColorDown; + active : @secondaryColorActive; + lightActive : @lightSecondaryColorActive; + shadow : @secondaryTextShadow; + lightShadow : @lightSecondaryTextShadow; + hover : @secondaryColorHover; + lightHover : @lightSecondaryColorHover; + ribbon : @secondaryRibbonShadow; + invertedRibbon : @secondaryInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @red: { + color : @red; + light : @lightRed; + border : @redBorderColor; + background : @redBackground; + header : @redHeaderColor; + boxShadow : @redBoxShadow; + boxFloatShadow : @redBoxFloatingShadow; + text : @redTextColor; + lightText : @lightRedTextColor; + hoverText : @redHoverTextColor; + focus : @redFocus; + lightFocus : @lightRedFocus; + down : @redDown; + lightDown : @lightRedDown; + active : @redActive; + lightActive : @lightRedActive; + shadow : @redTextShadow; + lightShadow : @lightRedTextShadow; + hover : @redHover; + lightHover : @lightRedHover; + ribbon : @redRibbonShadow; + invertedRibbon : @redInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @orange: { + color : @orange; + light : @lightOrange; + border : @orangeBorderColor; + background : @orangeBackground; + header : @orangeHeaderColor; + boxShadow : @orangeBoxShadow; + boxFloatShadow : @orangeBoxFloatingShadow; + text : @orangeTextColor; + lightText : @lightOrangeTextColor; + hoverText : @orangeHoverTextColor; + focus : @orangeFocus; + lightFocus : @lightOrangeFocus; + down : @orangeDown; + lightDown : @lightOrangeDown; + active : @orangeActive; + lightActive : @lightOrangeActive; + shadow : @orangeTextShadow; + lightShadow : @lightOrangeTextShadow; + hover : @orangeHover; + lightHover : @lightOrangeHover; + ribbon : @orangeRibbonShadow; + invertedRibbon : @orangeInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @yellow: { + color : @yellow; + light : @lightYellow; + border : @yellowBorderColor; + background : @yellowBackground; + header : @yellowHeaderColor; + boxShadow : @yellowBoxShadow; + boxFloatShadow : @yellowBoxFloatingShadow; + text : @yellowTextColor; + lightText : @lightYellowTextColor; + hoverText : @yellowHoverTextColor; + focus : @yellowFocus; + lightFocus : @lightYellowFocus; + down : @yellowDown; + lightDown : @lightYellowDown; + active : @yellowActive; + lightActive : @lightYellowActive; + shadow : @yellowTextShadow; + lightShadow : @lightYellowTextShadow; + hover : @yellowHover; + lightHover : @lightYellowHover; + ribbon : @yellowRibbonShadow; + invertedRibbon : @yellowInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @olive: { + color : @olive; + light : @lightOlive; + border : @oliveBorderColor; + background : @oliveBackground; + header : @oliveHeaderColor; + boxShadow : @oliveBoxShadow; + boxFloatShadow : @oliveBoxFloatingShadow; + text : @oliveTextColor; + lightText : @lightOliveTextColor; + hoverText : @oliveHoverTextColor; + focus : @oliveFocus; + lightFocus : @lightOliveFocus; + down : @oliveDown; + lightDown : @lightOliveDown; + active : @oliveActive; + lightActive : @lightOliveActive; + shadow : @oliveTextShadow; + lightShadow : @lightOliveTextShadow; + hover : @oliveHover; + lightHover : @lightOliveHover; + ribbon : @oliveRibbonShadow; + invertedRibbon : @oliveInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @green: { + color : @green; + light : @lightGreen; + border : @greenBorderColor; + background : @greenBackground; + header : @greenHeaderColor; + boxShadow : @greenBoxShadow; + boxFloatShadow : @greenBoxFloatingShadow; + text : @greenTextColor; + lightText : @lightGreenTextColor; + hoverText : @greenHoverTextColor; + focus : @greenFocus; + lightFocus : @lightGreenFocus; + down : @greenDown; + lightDown : @lightGreenDown; + active : @greenActive; + lightActive : @lightGreenActive; + shadow : @greenTextShadow; + lightShadow : @lightGreenTextShadow; + hover : @greenHover; + lightHover : @lightGreenHover; + ribbon : @greenRibbonShadow; + invertedRibbon : @greenInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @teal: { + color : @teal; + light : @lightTeal; + border : @tealBorderColor; + background : @tealBackground; + header : @tealHeaderColor; + boxShadow : @tealBoxShadow; + boxFloatShadow : @tealBoxFloatingShadow; + text : @tealTextColor; + lightText : @lightTealTextColor; + hoverText : @tealHoverTextColor; + focus : @tealFocus; + lightFocus : @lightTealFocus; + down : @tealDown; + lightDown : @lightTealDown; + active : @tealActive; + lightActive : @lightTealActive; + shadow : @tealTextShadow; + lightShadow : @lightTealTextShadow; + hover : @tealHover; + lightHover : @lightTealHover; + ribbon : @tealRibbonShadow; + invertedRibbon : @tealInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @blue: { + color : @blue; + light : @lightBlue; + border : @blueBorderColor; + background : @blueBackground; + header : @blueHeaderColor; + boxShadow : @blueBoxShadow; + boxFloatShadow : @blueBoxFloatingShadow; + text : @blueTextColor; + lightText : @lightBlueTextColor; + hoverText : @blueHoverTextColor; + focus : @blueFocus; + lightFocus : @lightBlueFocus; + down : @blueDown; + lightDown : @lightBlueDown; + active : @blueActive; + lightActive : @lightBlueActive; + shadow : @blueTextShadow; + lightShadow : @lightBlueTextShadow; + hover : @blueHover; + lightHover : @lightBlueHover; + ribbon : @blueRibbonShadow; + invertedRibbon : @blueInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @violet: { + color : @violet; + light : @lightViolet; + border : @violetBorderColor; + background : @violetBackground; + header : @violetHeaderColor; + boxShadow : @violetBoxShadow; + boxFloatShadow : @violetBoxFloatingShadow; + text : @violetTextColor; + lightText : @lightVioletTextColor; + hoverText : @violetHoverTextColor; + focus : @violetFocus; + lightFocus : @lightVioletFocus; + down : @violetDown; + lightDown : @lightVioletDown; + active : @violetActive; + lightActive : @lightVioletActive; + shadow : @violetTextShadow; + lightShadow : @lightVioletTextShadow; + hover : @violetHover; + lightHover : @lightVioletHover; + ribbon : @violetRibbonShadow; + invertedRibbon : @violetInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @purple: { + color : @purple; + light : @lightPurple; + border : @purpleBorderColor; + background : @purpleBackground; + header : @purpleHeaderColor; + boxShadow : @purpleBoxShadow; + boxFloatShadow : @purpleBoxFloatingShadow; + text : @purpleTextColor; + lightText : @lightPurpleTextColor; + hoverText : @purpleHoverTextColor; + focus : @purpleFocus; + lightFocus : @lightPurpleFocus; + down : @purpleDown; + lightDown : @lightPurpleDown; + active : @purpleActive; + lightActive : @lightPurpleActive; + shadow : @purpleTextShadow; + lightShadow : @lightPurpleTextShadow; + hover : @purpleHover; + lightHover : @lightPurpleHover; + ribbon : @purpleRibbonShadow; + invertedRibbon : @purpleInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @pink: { + color : @pink; + light : @lightPink; + border : @pinkBorderColor; + background : @pinkBackground; + header : @pinkHeaderColor; + boxShadow : @pinkBoxShadow; + boxFloatShadow : @pinkBoxFloatingShadow; + text : @pinkTextColor; + lightText : @lightPinkTextColor; + hoverText : @pinkHoverTextColor; + focus : @pinkFocus; + lightFocus : @lightPinkFocus; + down : @pinkDown; + lightDown : @lightPinkDown; + active : @pinkActive; + lightActive : @lightPinkActive; + shadow : @pinkTextShadow; + lightShadow : @lightPinkTextShadow; + hover : @pinkHover; + lightHover : @lightPinkHover; + ribbon : @pinkRibbonShadow; + invertedRibbon : @pinkInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @brown: { + color : @brown; + light : @lightBrown; + border : @brownBorderColor; + background : @brownBackground; + header : @brownHeaderColor; + boxShadow : @brownBoxShadow; + boxFloatShadow : @brownBoxFloatingShadow; + text : @brownTextColor; + lightText : @lightBrownTextColor; + hoverText : @brownHoverTextColor; + focus : @brownFocus; + lightFocus : @lightBrownFocus; + down : @brownDown; + lightDown : @lightBrownDown; + active : @brownActive; + lightActive : @lightBrownActive; + shadow : @brownTextShadow; + lightShadow : @lightBrownTextShadow; + hover : @brownHover; + lightHover : @lightBrownHover; + ribbon : @brownRibbonShadow; + invertedRibbon : @brownInvertedRibbonShadow; + isDark : false; + isVeryDark : false; + }; + @grey: { + color : @grey; + light : @lightGrey; + border : @greyBorderColor; + background : @greyBackground; + header : @greyHeaderColor; + boxShadow : @greyBoxShadow; + boxFloatShadow : @greyBoxFloatingShadow; + text : @greyTextColor; + lightText : @lightGreyTextColor; + hoverText : @greyHoverTextColor; + focus : @greyFocus; + lightFocus : @lightGreyFocus; + down : @greyDown; + lightDown : @lightGreyDown; + active : @greyActive; + lightActive : @lightGreyActive; + shadow : @greyTextShadow; + lightShadow : @lightGreyTextShadow; + hover : @greyHover; + lightHover : @lightGreyHover; + ribbon : @greyRibbonShadow; + invertedRibbon : @greyInvertedRibbonShadow; + isDark : true; + isVeryDark : false; + }; + @black: { + color : @black; + light : @lightBlack; + border : @blackBorderColor; + background : @blackBackground; + header : @blackHeaderColor; + boxShadow : @blackBoxShadow; + boxFloatShadow : @blackBoxFloatingShadow; + text : @blackTextColor; + lightText : @lightBlackTextColor; + hoverText : @blackHoverTextColor; + focus : @blackFocus; + lightFocus : @lightBlackFocus; + down : @blackDown; + lightDown : @lightBlackDown; + active : @blackActive; + lightActive : @lightBlackActive; + shadow : @blackTextShadow; + lightShadow : @lightBlackTextShadow; + hover : @blackHover; + lightHover : @lightBlackHover; + ribbon : @blackRibbonShadow; + invertedRibbon : @blackInvertedRibbonShadow; + isDark : true; + isVeryDark : true; + }; +} diff --git a/src/themes/default/globals/site.variables b/src/themes/default/globals/site.variables index b944eddb14..5bc8d9492e 100755 --- a/src/themes/default/globals/site.variables +++ b/src/themes/default/globals/site.variables @@ -57,6 +57,9 @@ @lightPrimaryColor : @lightBlue; @lightSecondaryColor : @lightBlack; +/* Whenever a color needs to get calculated (screen()/multiply()) out of a base color */ +@blendingBaseColor: #cccccc; + /*-------------- Page Heading ---------------*/ @@ -259,6 +262,8 @@ @white : #FFFFFF; /*--- Colored Backgrounds ---*/ +@primaryBackground : #DFF0FF; +@secondaryBackground : #F4F4F4; @redBackground : #FFE8E6; @orangeBackground : #FFEDDE; @yellowBackground : #FFF8DB; @@ -270,8 +275,12 @@ @purpleBackground : #F6E7FF; @pinkBackground : #FFE3FB; @brownBackground : #F1E2D3; +@greyBackground : #F4F4F4; +@blackBackground : #F4F4F4; /*--- Colored Headers ---*/ +@primaryHeaderColor : darken(@primaryTextColor, 5); +@secondaryHeaderColor : darken(@secondaryTextColor, 5); @redHeaderColor : darken(@redTextColor, 5); @oliveHeaderColor : darken(@oliveTextColor, 5); @greenHeaderColor : darken(@greenTextColor, 5); @@ -283,32 +292,273 @@ @purpleHeaderColor : darken(@purpleTextColor, 5); @orangeHeaderColor : darken(@orangeTextColor, 5); @brownHeaderColor : darken(@brownTextColor, 5); +@greyHeaderColor : darken(@greyTextColor, 5); +@blackHeaderColor : darken(@blackTextColor, 5); /*--- Colored Text ---*/ -@redTextColor : @red; -@orangeTextColor : @orange; -@yellowTextColor : #B58105; // Yellow text is difficult to read -@oliveTextColor : #8ABC1E; // Olive is difficult to read -@greenTextColor : #1EBC30; // Green is difficult to read -@tealTextColor : #10A3A3; // Teal text is difficult to read -@blueTextColor : @blue; -@violetTextColor : @violet; -@purpleTextColor : @purple; -@pinkTextColor : @pink; -@brownTextColor : @brown; +@primaryTextColor : @invertedTextColor; +@secondaryTextColor : @invertedTextColor; +@redTextColor : @red; +@orangeTextColor : @orange; +@yellowTextColor : #B58105; // Yellow text is difficult to read +@oliveTextColor : #8ABC1E; // Olive is difficult to read +@greenTextColor : #1EBC30; // Green is difficult to read +@tealTextColor : #10A3A3; // Teal text is difficult to read +@blueTextColor : @blue; +@violetTextColor : @violet; +@purpleTextColor : @purple; +@pinkTextColor : @pink; +@brownTextColor : @brown; +@greyTextColor : @grey; +@blackTextColor : @black; + +/*--- Light Colored Text ---*/ +@lightPrimaryTextColor : @invertedTextColor; +@lightSecondaryTextColor : @invertedTextColor; +@lightRedTextColor : @lightRed; +@lightOrangeTextColor : @lightOrange; +@lightYellowTextColor : #B58105; // Yellow text is difficult to read +@lightOliveTextColor : #8ABC1E; // Olive is difficult to read +@lightGreenTextColor : #1EBC30; // Green is difficult to read +@lightTealTextColor : #10A3A3; // Teal text is difficult to read +@lightBlueTextColor : @lightBlue; +@lightVioletTextColor : @lightViolet; +@lightPurpleTextColor : @lightPurple; +@lightPinkTextColor : @lightPink; +@lightBrownTextColor : @lightBrown; +@lightGreyTextColor : @lightGrey; +@lightBlackTextColor : @lightBlack; + + +/*--- Hovered Colored Text ---*/ +@primaryHoverTextColor : @primaryTextColor; +@secondaryHoverTextColor : @secondaryTextColor; +@redHoverTextColor : @redTextColor; +@orangeHoverTextColor : @orangeTextColor; +@yellowHoverTextColor : @yellowTextColor; +@oliveHoverTextColor : @oliveTextColor; +@greenHoverTextColor : @greenTextColor; +@tealHoverTextColor : @tealTextColor; +@blueHoverTextColor : @blueTextColor; +@violetHoverTextColor : @violetTextColor; +@purpleHoverTextColor : @purpleTextColor; +@pinkHoverTextColor : @pinkTextColor; +@brownHoverTextColor : @brownTextColor; +@greyHoverTextColor : @greyTextColor; +@blackHoverTextColor : @blackTextColor; + /*--- Colored Border ---*/ -@redBorderColor : @redTextColor; -@orangeBorderColor : @orangeTextColor; -@yellowBorderColor : @yellowTextColor; -@oliveBorderColor : @oliveTextColor; -@greenBorderColor : @greenTextColor; -@tealBorderColor : @tealTextColor; -@blueBorderColor : @blueTextColor; -@violetBorderColor : @violetTextColor; -@purpleBorderColor : @purpleTextColor; -@pinkBorderColor : @pinkTextColor; -@brownBorderColor : @brownTextColor; +@primaryBorderColor : @primaryColor; +@secondaryBorderColor : @secondaryColor; +@redBorderColor : @redTextColor; +@orangeBorderColor : @orangeTextColor; +@yellowBorderColor : @yellowTextColor; +@oliveBorderColor : @oliveTextColor; +@greenBorderColor : @greenTextColor; +@tealBorderColor : @tealTextColor; +@blueBorderColor : @blueTextColor; +@violetBorderColor : @violetTextColor; +@purpleBorderColor : @purpleTextColor; +@pinkBorderColor : @pinkTextColor; +@brownBorderColor : @brownTextColor; +@greyBorderColor : @greyTextColor; +@blackBorderColor : @blackTextColor; + +/*--- Shadows ---*/ +@primaryRibbonShadow: darken(@primaryColor, 10); +@secondaryRibbonShadow: darken(@secondaryColor, 10); +@redRibbonShadow: darken(@red, 10); +@orangeRibbonShadow: darken(@orange, 10); +@yellowRibbonShadow: darken(@yellow, 10); +@oliveRibbonShadow: darken(@olive, 10); +@greenRibbonShadow: darken(@green, 10); +@tealRibbonShadow: darken(@teal, 10); +@blueRibbonShadow: darken(@blue, 10); +@violetRibbonShadow: darken(@violet, 10); +@purpleRibbonShadow: darken(@purple, 10); +@pinkRibbonShadow: darken(@pink, 10); +@brownRibbonShadow: darken(@brown, 10); +@greyRibbonShadow: darken(@grey, 10); +@blackRibbonShadow: darken(@black, 10); + +@primaryInvertedRibbonShadow: darken(@lightPrimaryColor, 10); +@secondaryInvertedRibbonShadow: darken(@lightSecondaryColor, 10); +@redInvertedRibbonShadow: darken(@lightRed, 10); +@orangeInvertedRibbonShadow: darken(@lightOrange, 10); +@yellowInvertedRibbonShadow: darken(@lightYellow, 10); +@oliveInvertedRibbonShadow: darken(@lightOlive, 10); +@greenInvertedRibbonShadow: darken(@lightGreen, 10); +@tealInvertedRibbonShadow: darken(@lightTeal, 10); +@blueInvertedRibbonShadow: darken(@lightBlue, 10); +@violetInvertedRibbonShadow: darken(@lightViolet, 10); +@purpleInvertedRibbonShadow: darken(@lightPurple, 10); +@pinkInvertedRibbonShadow: darken(@lightPink, 10); +@brownInvertedRibbonShadow: darken(@lightBrown, 10); +@greyInvertedRibbonShadow: lighten(@lightGrey, 5); +@blackInvertedRibbonShadow: lighten(@lightBlack, 5); + +@textShadow: none; +@invertedTextShadow: @textShadow; + +@primaryTextShadow: @invertedTextShadow; +@secondaryTextShadow: @invertedTextShadow; +@redTextShadow: @invertedTextShadow; +@orangeTextShadow: @invertedTextShadow; +@yellowTextShadow: @invertedTextShadow; +@oliveTextShadow: @invertedTextShadow; +@greenTextShadow: @invertedTextShadow; +@tealTextShadow: @invertedTextShadow; +@blueTextShadow: @invertedTextShadow; +@violetTextShadow: @invertedTextShadow; +@purpleTextShadow: @invertedTextShadow; +@pinkTextShadow: @invertedTextShadow; +@brownTextShadow: @invertedTextShadow; +@greyTextShadow: @invertedTextShadow; +@blackTextShadow: @invertedTextShadow; + +/* Inverted */ +@lightPrimaryTextShadow: @invertedTextShadow; +@lightSecondaryTextShadow: @invertedTextShadow; +@lightRedTextShadow: @invertedTextShadow; +@lightOrangeTextShadow: @invertedTextShadow; +@lightYellowTextShadow: @textShadow; +@lightOliveTextShadow: @textShadow; +@lightGreenTextShadow: @invertedTextShadow; +@lightTealTextShadow: @textShadow; +@lightBlueTextShadow: @invertedTextShadow; +@lightVioletTextShadow: @invertedTextShadow; +@lightPurpleTextShadow: @invertedTextShadow; +@lightPinkTextShadow: @invertedTextShadow; +@lightBrownTextShadow: @invertedTextShadow; +@lightGreyTextShadow: @textShadow; +@lightBlackTextShadow: @invertedTextShadow; + +/* Box Shadows */ + +@shadowShadow: 0 0 0 0 rgba(0, 0, 0, 0); +@borderWidth: 1px; + +@primaryBoxShadow: + 0 0 0 @borderWidth @primaryBorderColor inset, + @shadowShadow +; +@primaryBoxFloatingShadow: + 0 0 0 @borderWidth @primaryBorderColor inset, + @floatingShadow +; +@secondaryBoxShadow: + 0 0 0 @borderWidth @secondaryBorderColor inset, + @shadowShadow +; +@secondaryBoxFloatingShadow: + 0 0 0 @borderWidth @secondaryBorderColor inset, + @floatingShadow +; +@redBoxShadow: + 0 0 0 @borderWidth @redBorderColor inset, + @shadowShadow +; +@redBoxFloatingShadow: + 0 0 0 @borderWidth @redBorderColor inset, + @floatingShadow +; +@orangeBoxShadow: + 0 0 0 @borderWidth @orangeBorderColor inset, + @shadowShadow +; +@orangeBoxFloatingShadow: + 0 0 0 @borderWidth @orangeBorderColor inset, + @floatingShadow +; +@yellowBoxShadow: + 0 0 0 @borderWidth @yellowBorderColor inset, + @shadowShadow +; +@yellowBoxFloatingShadow: + 0 0 0 @borderWidth @yellowBorderColor inset, + @floatingShadow +; +@oliveBoxShadow: + 0 0 0 @borderWidth @oliveBorderColor inset, + @shadowShadow +; +@oliveBoxFloatingShadow: + 0 0 0 @borderWidth @oliveBorderColor inset, + @floatingShadow +; +@greenBoxShadow: + 0 0 0 @borderWidth @greenBorderColor inset, + @shadowShadow +; +@greenBoxFloatingShadow: + 0 0 0 @borderWidth @greenBorderColor inset, + @floatingShadow +; +@tealBoxShadow: + 0 0 0 @borderWidth @tealBorderColor inset, + @shadowShadow +; +@tealBoxFloatingShadow: + 0 0 0 @borderWidth @tealBorderColor inset, + @floatingShadow +; +@blueBoxShadow: + 0 0 0 @borderWidth @blueBorderColor inset, + @shadowShadow +; +@blueBoxFloatingShadow: + 0 0 0 @borderWidth @blueBorderColor inset, + @floatingShadow +; +@violetBoxShadow: + 0 0 0 @borderWidth @violetBorderColor inset, + @shadowShadow +; +@violetBoxFloatingShadow: + 0 0 0 @borderWidth @violetBorderColor inset, + @floatingShadow +; +@purpleBoxShadow: + 0 0 0 @borderWidth @purpleBorderColor inset, + @shadowShadow +; +@purpleBoxFloatingShadow: + 0 0 0 @borderWidth @purpleBorderColor inset, + @floatingShadow +; +@pinkBoxShadow: + 0 0 0 @borderWidth @pinkBorderColor inset, + @shadowShadow +; +@pinkBoxFloatingShadow: + 0 0 0 @borderWidth @pinkBorderColor inset, + @floatingShadow +; +@brownBoxShadow: + 0 0 0 @borderWidth @brownBorderColor inset, + @shadowShadow +; +@brownBoxFloatingShadow: + 0 0 0 @borderWidth @brownBorderColor inset, + @floatingShadow +; +@greyBoxShadow: + 0 0 0 @borderWidth @greyBorderColor inset, + @shadowShadow +; +@greyBoxFloatingShadow: + 0 0 0 @borderWidth @greyBorderColor inset, + @floatingShadow +; +@blackBoxShadow: + 0 0 0 @borderWidth @blackBorderColor inset, + @shadowShadow +; +@blackBoxFloatingShadow: + 0 0 0 @borderWidth @blackBorderColor inset, + @floatingShadow +; /*------------------- Alpha Colors @@ -755,6 +1005,8 @@ @purpleHover : saturate(darken(@purple, 5), 10, relative); @pinkHover : saturate(darken(@pink, 5), 10, relative); @brownHover : saturate(darken(@brown, 5), 10, relative); +@greyHover : saturate(darken(@grey, 5), 10, relative); +@blackHover : saturate(darken(@black, 5), 10, relative); @lightRedHover : saturate(darken(@lightRed, 10), 10, relative); @lightOrangeHover : saturate(darken(@lightOrange, 10), 10, relative); From 2d69ae24c42f0e4e86d6d65b35876e45bfc18a1d Mon Sep 17 00:00:00 2001 From: Sean Hamilton Date: Fri, 21 Dec 2018 16:19:11 +0000 Subject: [PATCH 44/49] fix(text): add text component to gulp tasks --- tasks/config/admin/release.js | 1 + tasks/config/defaults.js | 1 + tasks/config/project/install.js | 1 + 3 files changed, 3 insertions(+) diff --git a/tasks/config/admin/release.js b/tasks/config/admin/release.js index 7750c8ecf7..54a8e1cbb0 100644 --- a/tasks/config/admin/release.js +++ b/tasks/config/admin/release.js @@ -108,6 +108,7 @@ module.exports = { 'sticky', 'tab', 'table', + 'text', 'toast', 'transition', 'visibility' diff --git a/tasks/config/defaults.js b/tasks/config/defaults.js index c6c5f00e8d..adad70c6d7 100644 --- a/tasks/config/defaults.js +++ b/tasks/config/defaults.js @@ -64,6 +64,7 @@ module.exports = { 'reveal', 'segment', 'step', + 'text', // collections 'breadcrumb', diff --git a/tasks/config/project/install.js b/tasks/config/project/install.js index c7875f4424..35c209bba1 100644 --- a/tasks/config/project/install.js +++ b/tasks/config/project/install.js @@ -400,6 +400,7 @@ module.exports = { { name: "sidebar", checked: true }, { name: "sticky", checked: true }, { name: "tab", checked: true }, + { name: "text", checked: true }, { name: "toast", checked: true }, { name: "transition", checked: true }, { name: "api", checked: true }, From 1b71ef4657c43ecb354113fc31788a435ecc8d28 Mon Sep 17 00:00:00 2001 From: Sean Hamilton Date: Fri, 21 Dec 2018 16:44:30 +0000 Subject: [PATCH 45/49] feat(calendar): add timegap setting to expand time selector --- src/definitions/modules/calendar.js | 31 +++++++++++++++++++---------- 1 file changed, 20 insertions(+), 11 deletions(-) diff --git a/src/definitions/modules/calendar.js b/src/definitions/modules/calendar.js index 4d9f47a823..a457672ea9 100644 --- a/src/definitions/modules/calendar.js +++ b/src/definitions/modules/calendar.js @@ -35,7 +35,14 @@ $.fn.calendar = function(parameters) { query = arguments[0], methodInvoked = (typeof query == 'string'), queryArguments = [].slice.call(arguments, 1), - returnedValue + returnedValue, + timeGapTable = { + '5': {'row': 4, 'column': 3 }, + '10': {'row': 3, 'column': 2 }, + '15': {'row': 2, 'column': 2 }, + '20': {'row': 3, 'column': 1 }, + '30': {'row': 2, 'column': 1 } + } ; $allModules @@ -51,6 +58,7 @@ $.fn.calendar = function(parameters) { formatter = settings.formatter, parser = settings.parser, metadata = settings.metadata, + timeGap = timeGapTable[settings.minTimeGap], error = settings.error, eventNamespace = '.' + namespace, @@ -215,8 +223,8 @@ $.fn.calendar = function(parameters) { var startMonth = display.getMonth() + monthOffset; var year = display.getFullYear(); - var columns = isDay ? settings.showWeekNumbers ? 8 : 7 : isHour ? 4 : 3; - var rows = isDay || isHour ? 6 : 4; + var columns = isDay ? settings.showWeekNumbers ? 8 : 7 : isHour ? 4 : timeGap['column']; + var rows = isDay || isHour ? 6 : timeGap['row']; var pages = isDay ? multiMonth : 1; var container = $container; @@ -312,7 +320,7 @@ $.fn.calendar = function(parameters) { for (c = 0; c < textColumns; c++, i++) { var cellDate = isYear ? new Date(i, month, 1, hour, minute) : isMonth ? new Date(year, i, 1, hour, minute) : isDay ? new Date(year, month, i, hour, minute) : - isHour ? new Date(year, month, day, i) : new Date(year, month, day, hour, i * 5); + isHour ? new Date(year, month, day, i) : new Date(year, month, day, hour, i * settings.minTimeGap); var cellText = isYear ? i : isMonth ? settings.text.monthsShort[i] : isDay ? cellDate.getDate() : formatter.time(cellDate, settings, true); @@ -490,9 +498,9 @@ $.fn.calendar = function(parameters) { if (event.keyCode === 37 || event.keyCode === 38 || event.keyCode === 39 || event.keyCode === 40) { //arrow keys var mode = module.get.mode(); - var bigIncrement = mode === 'day' ? 7 : mode === 'hour' ? 4 : 3; + var bigIncrement = mode === 'day' ? 7 : mode === 'hour' ? 4 : mode === 'minute' ? timeGap['column'] : 3; var increment = event.keyCode === 37 ? -1 : event.keyCode === 38 ? -bigIncrement : event.keyCode == 39 ? 1 : bigIncrement; - increment *= mode === 'minute' ? 5 : 1; + increment *= mode === 'minute' ? settings.minTimeGap : 1; var focusDate = module.get.focusDate() || module.get.date() || new Date(); var year = focusDate.getFullYear() + (mode === 'year' ? increment : 0); var month = focusDate.getMonth() + (mode === 'month' ? increment : 0); @@ -846,19 +854,19 @@ $.fn.calendar = function(parameters) { var isYearOrMonth = isYear || mode === 'month'; var isMinute = mode === 'minute'; var isHourOrMinute = isMinute || mode === 'hour'; - //only care about a minute accuracy of 5 + //only care about a minute accuracy of settings.minTimeGap date1 = new Date( isTimeOnly ? 2000 : date1.getFullYear(), isTimeOnly ? 0 : isYear ? 0 : date1.getMonth(), isTimeOnly ? 1 : isYearOrMonth ? 1 : date1.getDate(), !isHourOrMinute ? 0 : date1.getHours(), - !isMinute ? 0 : 5 * Math.floor(date1.getMinutes() / 5)); + !isMinute ? 0 : settings.minTimeGap * Math.floor(date1.getMinutes() / settings.minTimeGap)); date2 = new Date( isTimeOnly ? 2000 : date2.getFullYear(), isTimeOnly ? 0 : isYear ? 0 : date2.getMonth(), isTimeOnly ? 1 : isYearOrMonth ? 1 : date2.getDate(), !isHourOrMinute ? 0 : date2.getHours(), - !isMinute ? 0 : 5 * Math.floor(date2.getMinutes() / 5)); + !isMinute ? 0 : settings.minTimeGap * Math.floor(date2.getMinutes() / settings.minTimeGap)); return date2.getTime() - date1.getTime(); }, dateEqual: function (date1, date2, mode) { @@ -870,7 +878,7 @@ $.fn.calendar = function(parameters) { minDate = startDate && settings.minDate ? new Date(Math.max(startDate, settings.minDate)) : startDate || settings.minDate; maxDate = settings.maxDate; } - minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), 5 * Math.ceil(minDate.getMinutes() / 5)); + minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), settings.minTimeGap * Math.ceil(minDate.getMinutes() / settings.minTimeGap)); return !(!date || (minDate && module.helper.dateDiff(date, minDate, mode) > 0) || (maxDate && module.helper.dateDiff(maxDate, date, mode) > 0)); @@ -881,7 +889,7 @@ $.fn.calendar = function(parameters) { minDate = startDate && settings.minDate ? new Date(Math.max(startDate, settings.minDate)) : startDate || settings.minDate; maxDate = settings.maxDate; } - minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), 5 * Math.ceil(minDate.getMinutes() / 5)); + minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), settings.minTimeGap * Math.ceil(minDate.getMinutes() / settings.minTimeGap)); var isTimeOnly = settings.type === 'time'; return !date ? date : (minDate && module.helper.dateDiff(date, minDate, 'minute') > 0) ? @@ -1110,6 +1118,7 @@ $.fn.calendar.settings = { startCalendar : null, // jquery object or selector for another calendar that represents the start date of a date range endCalendar : null, // jquery object or selector for another calendar that represents the end date of a date range multiMonth : 1, // show multiple months when in 'day' mode + minTimeGap : 5, showWeekNumbers : null, // show Number of Week at the very first column of a dayView disabledDates : [], // specific day(s) which won't be selectable and contain additional information. disabledDaysOfWeek : [], // day(s) which won't be selectable(s) (0 = Sunday) From cb3026ed46714ef19b87938ea7bd884d1ab2d92d Mon Sep 17 00:00:00 2001 From: Sean Hamilton Date: Fri, 21 Dec 2018 17:10:24 +0000 Subject: [PATCH 46/49] chore(release): 2.7 --- RELEASE-NOTES.md | 66 + dist/components/accordion.css | 32 +- dist/components/accordion.js | 8 +- dist/components/accordion.min.css | 4 +- dist/components/accordion.min.js | 12 +- dist/components/ad.css | 12 +- dist/components/ad.min.css | 2 +- dist/components/api.js | 13 +- dist/components/api.min.js | 12 +- dist/components/breadcrumb.css | 14 +- dist/components/breadcrumb.min.css | 2 +- dist/components/button.css | 4696 ++++----- dist/components/button.min.css | 4 +- dist/components/calendar.css | 2 +- dist/components/calendar.js | 39 +- dist/components/calendar.min.css | 2 +- dist/components/calendar.min.js | 12 +- dist/components/card.css | 236 +- dist/components/card.min.css | 2 +- dist/components/checkbox.css | 46 +- dist/components/checkbox.js | 43 +- dist/components/checkbox.min.css | 2 +- dist/components/checkbox.min.js | 12 +- dist/components/comment.css | 52 +- dist/components/comment.min.css | 2 +- dist/components/container.css | 2 +- dist/components/container.min.css | 2 +- dist/components/dimmer.css | 64 +- dist/components/dimmer.js | 32 +- dist/components/dimmer.min.css | 4 +- dist/components/dimmer.min.js | 12 +- dist/components/divider.css | 20 +- dist/components/divider.min.css | 4 +- dist/components/dropdown.css | 283 +- dist/components/dropdown.js | 179 +- dist/components/dropdown.min.css | 4 +- dist/components/dropdown.min.js | 12 +- dist/components/embed.css | 26 +- dist/components/embed.js | 8 +- dist/components/embed.min.css | 2 +- dist/components/embed.min.js | 12 +- dist/components/feed.css | 54 +- dist/components/feed.min.css | 2 +- dist/components/flag.css | 162 +- dist/components/flag.min.css | 4 +- dist/components/form.css | 142 +- dist/components/form.js | 45 +- dist/components/form.min.css | 4 +- dist/components/form.min.js | 12 +- dist/components/grid.css | 234 +- dist/components/grid.min.css | 4 +- dist/components/header.css | 369 +- dist/components/header.min.css | 4 +- dist/components/icon.css | 174 +- dist/components/icon.min.css | 4 +- dist/components/image.css | 16 +- dist/components/image.min.css | 2 +- dist/components/input.css | 101 +- dist/components/input.min.css | 4 +- dist/components/item.css | 108 +- dist/components/item.min.css | 4 +- dist/components/label.css | 1531 ++- dist/components/label.min.css | 4 +- dist/components/list.css | 138 +- dist/components/list.min.css | 4 +- dist/components/loader.css | 631 +- dist/components/loader.min.css | 4 +- dist/components/menu.css | 497 +- dist/components/menu.min.css | 2 +- dist/components/message.css | 273 +- dist/components/message.min.css | 4 +- dist/components/modal.css | 98 +- dist/components/modal.js | 52 +- dist/components/modal.min.css | 4 +- dist/components/modal.min.js | 12 +- dist/components/nag.css | 30 +- dist/components/nag.js | 8 +- dist/components/nag.min.css | 2 +- dist/components/nag.min.js | 12 +- dist/components/placeholder.css | 34 +- dist/components/placeholder.min.css | 4 +- dist/components/popup.css | 100 +- dist/components/popup.js | 17 +- dist/components/popup.min.css | 4 +- dist/components/popup.min.js | 12 +- dist/components/progress.css | 74 +- dist/components/progress.js | 8 +- dist/components/progress.min.css | 4 +- dist/components/progress.min.js | 12 +- dist/components/rail.css | 52 +- dist/components/rail.min.css | 2 +- dist/components/rating.css | 248 +- dist/components/rating.js | 29 +- dist/components/rating.min.css | 4 +- dist/components/rating.min.js | 12 +- dist/components/reset.css | 2 +- dist/components/reset.min.css | 2 +- dist/components/reveal.css | 16 +- dist/components/reveal.min.css | 2 +- dist/components/search.css | 52 +- dist/components/search.js | 72 +- dist/components/search.min.css | 4 +- dist/components/search.min.js | 12 +- dist/components/segment.css | 396 +- dist/components/segment.min.css | 4 +- dist/components/shape.css | 12 +- dist/components/shape.js | 8 +- dist/components/shape.min.css | 2 +- dist/components/shape.min.js | 12 +- dist/components/sidebar.css | 58 +- dist/components/sidebar.js | 12 +- dist/components/sidebar.min.css | 2 +- dist/components/sidebar.min.js | 12 +- dist/components/site.css | 31 +- dist/components/site.js | 10 +- dist/components/site.min.css | 4 +- dist/components/site.min.js | 12 +- dist/components/slider.css | 768 ++ dist/components/slider.js | 1216 +++ dist/components/slider.min.css | 1 + dist/components/slider.min.js | 11 + dist/components/state.js | 8 +- dist/components/state.min.js | 12 +- dist/components/statistic.css | 246 +- dist/components/statistic.min.css | 4 +- dist/components/step.css | 73 +- dist/components/step.min.css | 4 +- dist/components/sticky.css | 6 +- dist/components/sticky.js | 8 +- dist/components/sticky.min.css | 2 +- dist/components/sticky.min.js | 12 +- dist/components/tab.css | 24 +- dist/components/tab.js | 15 +- dist/components/tab.min.css | 4 +- dist/components/tab.min.js | 12 +- dist/components/table.css | 477 +- dist/components/table.min.css | 4 +- dist/components/text.css | 114 + dist/components/text.min.css | 9 + dist/components/toast.css | 43 +- dist/components/toast.js | 10 +- dist/components/toast.min.css | 4 +- dist/components/toast.min.js | 12 +- dist/components/transition.css | 2 +- dist/components/transition.js | 10 +- dist/components/transition.min.css | 2 +- dist/components/transition.min.js | 12 +- dist/components/visibility.js | 10 +- dist/components/visibility.min.js | 12 +- dist/semantic.css | 14481 +++++++++++++++----------- dist/semantic.js | 2168 +++- dist/semantic.min.css | 170 +- dist/semantic.min.js | 4 +- package-lock.json | 2 +- package.json | 2 +- 155 files changed, 19487 insertions(+), 12588 deletions(-) create mode 100644 dist/components/slider.css create mode 100644 dist/components/slider.js create mode 100644 dist/components/slider.min.css create mode 100644 dist/components/slider.min.js create mode 100644 dist/components/text.css create mode 100644 dist/components/text.min.css diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index 6a1793b270..f0c492cd0f 100755 --- a/RELEASE-NOTES.md +++ b/RELEASE-NOTES.md @@ -1,5 +1,71 @@ ## RELEASE NOTES +### Version 2.7.0 - December 21, 2018 + +### Announcement +With 2019 around the corner and a lot of discussion we (core contributors) have agreed to move our core focus to FUI v3.0. This doesn't mean we won't be working on 2.x but means releases may be slowed down a little due to more work being put into v3.0. You can read more about the future of FUI and v3.0 [here](https://github.com/fomantic/Fomantic-UI/issues/319) + +**NOTES:** +- With this release we removed the dependency of `prompt-sui` which removes the child dependency of `event-stream` this ensures that the library won't be downloading any (now deprecated) malicious code. If you want to learn more about the recent security issues with `event-stream` please read [this issue](https://github.com/fomantic/Fomantic-UI/issues/268). +- In this release we had a big focus on removing a lot of the `!important` usage which inturn produced lots of issues. Now with a big help from our core contributors we have removed ~85% of the usage and reduced the complexity of a lot of the color code base which makes it easier to make changes and helps reduce the size of the general code base aswell as removing duplicate code. + +**Major Enhancements** +- **Build** - Added support for gulp4 **Thanks [@ColinFrick](https://github.com/ColinFrick)** [#179](https://github.com/fomantic/Fomantic-UI/pull/179) +- **Slider** - Previously known as range the slider component has been renamed **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Global** - Removed deprecated jQuery functions and replaced them with custom ones **Thanks [@lubber-de](https://github.com/lubber-de)** [#282](https://github.com/fomantic/Fomantic-UI/pull/282) + +**Enhancements** +- **Slider** - Added ability to have smooth or stepped sliders **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Slider** - Added ability to label sliders which can be smooth or stepped at the label **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Slider** - Added ability to have nonrestrictive steps **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Slider** - Added ability to reverse sliders **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Slider** - Added new size variations **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Slider** - Added keyboard support **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Slider** - Added basic and basic inverted variations **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Slider** - Added vertical slider with all features **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Slider** - Added a range slider variation (yes an actual range slider) **Thanks [@prudho](https://github.com/prudho)** [#290](https://github.com/fomantic/Fomantic-UI/pull/290) +- **Loader** - Added double variation **Thanks [@lubber-de](https://github.com/lubber-de)** [#301](https://github.com/fomantic/Fomantic-UI/pull/301) +- **Loader** - Added elastic variation **Thanks [@lubber-de](https://github.com/lubber-de)** [#301](https://github.com/fomantic/Fomantic-UI/pull/301) +- **Loader** - Added dimmer support **Thanks [@lubber-de](https://github.com/lubber-de)** [#301](https://github.com/fomantic/Fomantic-UI/pull/301) +- **Loader** - Loader will show same color as colored segments when inside loading segments **Thanks [@lubber-de](https://github.com/lubber-de)** [#301](https://github.com/fomantic/Fomantic-UI/pull/301) +- **Rating** - Added ability to change the icon to any supported icon and change to any supported color **Thanks [@lubber-de](https://github.com/lubber-de)** [#303](https://github.com/fomantic/Fomantic-UI/pull/303) +- **Input** - Add support for error label state with labeled inputs **Thanks [@prudho](https://github.com/prudho)** [#257](https://github.com/fomantic/Fomantic-UI/issues/257) +- **TextArea** - Added support for corner labels and icons **Thanks [@lubber-de](https://github.com/lubber-de)** [#276](https://github.com/fomantic/Fomantic-UI/pull/276) +- **Search** - Added support for API results to be an array instead of needing be wrapped **Thanks [@lubber-de](https://github.com/lubber-de)** [#263](https://github.com/fomantic/Fomantic-UI/issues/263) +- **Label** - Added support for inverted, basic grouping and basic tag labels **Thanks [@lubber-de](https://github.com/lubber-de)** [#116](https://github.com/fomantic/Fomantic-UI/issues/116) +- **Toast** - Correct the colors and make them more consistant with other components **Thanks [@lubber-de](https://github.com/lubber-de)** [#197](https://github.com/fomantic/Fomantic-UI/pull/197) +- **Table** - Added ability to use all global colors in table cells **Thanks [@lubber-de](https://github.com/lubber-de)** [#261](https://github.com/fomantic/Fomantic-UI/pull/261) +- **Text** - Added ability to add color to specific text **Thanks [@lubber-de](https://github.com/lubber-de)** [#261](https://github.com/fomantic/Fomantic-UI/pull/261) +- **Calendar** - Added ability to add time gaps on time selector **Thanks [@prudho](https://github.com/prudho)** [#198](https://github.com/fomantic/Fomantic-UI/pull/198) + +**Bugs** +- **Build** - Fixed bug which made gulp hang on `gulp build` when using newer versions of node **Thanks [@ColinFrick](https://github.com/ColinFrick)** [#307](https://github.com/fomantic/Fomantic-UI/issues/307) +- **Global** - Improved LESS and CSS for linters **Thanks [@hammy2899](https://github.com/hammy2899)** [#292](https://github.com/fomantic/Fomantic-UI/pull/292) +- **Global** - Fixed some compiled CSS errors **Thanks [@prudho](https://github.com/prudho)** [#275](https://github.com/fomantic/Fomantic-UI/pull/275) +- **Dropdown** - Fixed issue with not showing "no results" when filterRemoteData was false or response was empty **Thanks [@lubber-de](https://github.com/lubber-de)** [#300](https://github.com/fomantic/Fomantic-UI/pull/300) +- **Dropdown** - Fixed issue with preselected values being ignored when data value fields had different names **Thanks [@lubber-de](https://github.com/lubber-de)** [#285](https://github.com/fomantic/Fomantic-UI/pull/285) +- **Dropdown** - Fixed issue with submenu positions **Thanks [@lubber-de](https://github.com/lubber-de)** [#194](https://github.com/fomantic/Fomantic-UI/issues/194) +- **Dropdown** - Fixed issue which stopped already selected items from filtering from a remote API **Thanks [@lubber-de](https://github.com/lubber-de)** [#287](https://github.com/fomantic/Fomantic-UI/pull/287) +- **Dropdown** - Fixed clearable dropdown initialized with HTML select always showing the clear icon **Thanks [@lubber-de](https://github.com/lubber-de)** [#271](https://github.com/fomantic/Fomantic-UI/issues/271) +- **Dropdown** - Fixed issue with enter key and multiple variation dropdowns with `allowAdditions` **Thanks [@lubber-de](https://github.com/lubber-de)** [#250](https://github.com/fomantic/Fomantic-UI/pull/250) +- **Modal** - Fixed top header border radius **Thanks [@lubber-de](https://github.com/lubber-de)** [#308](https://github.com/fomantic/Fomantic-UI/issues/308) +- **Modal** - Fixed issue with modal dimnmers closing when clicked even when `onHide` returned `false` when `allowMultiple` was `true` **Thanks [@lubber-de](https://github.com/lubber-de)** [#284](https://github.com/fomantic/Fomantic-UI/issues/284) +- **Modal** - Fixed touch scrolling issue for dropdown, focused input and content scrolling **Thanks [@lubber-de](https://github.com/lubber-de)** [#273](https://github.com/fomantic/Fomantic-UI/pull/273) +- **Checkbox** - Support onChange for cursor key navigation **Thanks [@lubber-de](https://github.com/lubber-de)** [#295](https://github.com/fomantic/Fomantic-UI/pull/295) +- **Visibility** - Fixed issue with sticky content having large placeholders **Thanks [@hammy2899](https://github.com/hammy2899)** [#296](https://github.com/fomantic/Fomantic-UI/issues/296) +- **Form** - Fixed issue causing validation to break when id's had colon's in them **Thanks [@lubber-de](https://github.com/lubber-de)** [#286](https://github.com/fomantic/Fomantic-UI/pull/286) +- **Message** - Fixed issue causing compact icon variation from having a 100% width **Thanks [@lubber-de](https://github.com/lubber-de)** [#279](https://github.com/fomantic/Fomantic-UI/pull/279) +- **List** - Fixed issue with list conflicting with list icons **Thanks [@lubber-de](https://github.com/lubber-de)** [#281](https://github.com/fomantic/Fomantic-UI/pull/281) +- **Popup** - Fixed correct usage for `addTouchEvents` **Thanks [@lubber-de](https://github.com/lubber-de)** [#278](https://github.com/fomantic/Fomantic-UI/pull/278) +- **Table** - Fixed issue with images in table cells not working **Thanks [@lubber-de](https://github.com/lubber-de)** [#227](https://github.com/fomantic/Fomantic-UI/issues/227) +- **Table** - Fixed table wide vertical text alignment **Thanks [@lubber-de](https://github.com/lubber-de)** [#251](https://github.com/fomantic/Fomantic-UI/pull/251) +- **Placeholder** - Fixed issue with `image icon` getting wrong height applied **Thanks [@lubber-de](https://github.com/lubber-de)** [#248](https://github.com/fomantic/Fomantic-UI/pull/248) + +**Security** +- **Search** - Added more support for escaping insecure characters, handling untrusted data and preventing JS execution **Thanks [@lubber-de](https://github.com/lubber-de)** [#298](https://github.com/fomantic/Fomantic-UI/pull/298) +- **Dropdown** - Added more support for escaping insecure characters, handling untrusted data and preventing JS execution **Thanks [@lubber-de](https://github.com/lubber-de)** [#298](https://github.com/fomantic/Fomantic-UI/pull/298) +- **Build** - Removed `prompt-sui` which inturn removes `event-stream` **Thanks [@ColinFrick](https://github.com/ColinFrick)** [#309](https://github.com/fomantic/Fomantic-UI/pull/309) + ### Version 2.6.4 - November 15, 2018 **Enhancements** diff --git a/dist/components/accordion.css b/dist/components/accordion.css index 03381a8c47..3ba7f9af24 100644 --- a/dist/components/accordion.css +++ b/dist/components/accordion.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Accordion + * # Semantic UI 2.7.0 - Accordion * http://github.com/semantic-org/semantic-ui/ * * @@ -18,8 +18,8 @@ max-width: 100%; } .ui.accordion .accordion { - margin: 1em 0em 0em; - padding: 0em; + margin: 1em 0 0; + padding: 0; } /* Title */ @@ -30,7 +30,7 @@ /* Default Styling */ .ui.accordion .title:not(.ui) { - padding: 0.5em 0em; + padding: 0.5em 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 1em; color: rgba(0, 0, 0, 0.87); @@ -40,10 +40,10 @@ .ui.accordion:not(.styled) .title ~ .content:not(.ui), .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { margin: ''; - padding: 0.5em 0em 1em; + padding: 0.5em 0 1em; } .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { - padding-bottom: 0em; + padding-bottom: 0; } /* Arrow */ @@ -54,8 +54,8 @@ opacity: 1; width: 1.25em; height: 1em; - margin: 0em 0.25rem 0em 0rem; - padding: 0em; + margin: 0 0.25rem 0 0; + padding: 0; font-size: 1em; -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease; transition: opacity 0.1s ease, -webkit-transform 0.1s ease; @@ -74,11 +74,11 @@ /* Menu */ .ui.accordion.menu .item .title { display: block; - padding: 0em; + padding: 0; } .ui.accordion.menu .item .title > .dropdown.icon { float: right; - margin: 0.21425em 0em 0em 1em; + margin: 0.21425em 0 0 1em; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @@ -86,7 +86,7 @@ /* Header */ .ui.accordion .ui.header .dropdown.icon { font-size: 1em; - margin: 0em 0.25rem 0em 0rem; + margin: 0 0.25rem 0 0; } @@ -121,12 +121,12 @@ .ui.styled.accordion .accordion { border-radius: 0.28571429rem; background: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15); + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15); } .ui.styled.accordion .title, .ui.styled.accordion .accordion .title { - margin: 0em; + margin: 0; padding: 0.75em 1em; color: rgba(0, 0, 0, 0.4); font-weight: bold; @@ -142,11 +142,11 @@ /* Content */ .ui.styled.accordion .content, .ui.styled.accordion .accordion .content { - margin: 0em; + margin: 0; padding: 0.5em 1em 1.5em; } .ui.styled.accordion .accordion .content { - padding: 0em; + margin: 0; padding: 0.5em 1em 1.5em; } diff --git a/dist/components/accordion.js b/dist/components/accordion.js index 432e4676f3..922dcc42a9 100644 --- a/dist/components/accordion.js +++ b/dist/components/accordion.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Accordion + * # Semantic UI 2.7.0 - Accordion * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -522,7 +526,7 @@ $.fn.accordion = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/dist/components/accordion.min.css b/dist/components/accordion.min.css index 166611e30c..bb759d9483 100644 --- a/dist/components/accordion.min.css +++ b/dist/components/accordion.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Accordion + * # Semantic UI 2.7.0 - Accordion * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion .title,.ui.accordion .title{cursor:pointer}.ui.accordion .title:not(.ui){padding:.5em 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;color:rgba(0,0,0,.87)}.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),.ui.accordion:not(.styled) .title~.content:not(.ui){margin:'';padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:not(.ui):last-child{padding-bottom:0}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease;vertical-align:baseline;-webkit-transform:none;transform:none}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:.21425em 0 0 1em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ui.accordion .ui.header .dropdown.icon{font-size:1em;margin:0 .25rem 0 0}.ui.accordion .accordion .active.title .dropdown.icon,.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:.28571429rem;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)}.ui.styled.accordion .accordion .title,.ui.styled.accordion .title{margin:0;padding:.75em 1em;color:rgba(0,0,0,.4);font-weight:700;border-top:1px solid rgba(34,36,38,.15);-webkit-transition:background .1s ease,color .1s ease;transition:background .1s ease,color .1s ease}.ui.styled.accordion .accordion .title:first-child,.ui.styled.accordion>.title:first-child{border-top:none}.ui.styled.accordion .accordion .content,.ui.styled.accordion .content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .content{padding:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .active.title,.ui.styled.accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.accordion .accordion .title~.content:not(.active),.ui.accordion .title~.content:not(.active){display:none}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}.ui.inverted.accordion .title:not(.ui){color:rgba(255,255,255,.9)}@font-face{font-family:Accordion;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{font-family:Accordion;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.accordion .accordion .title .dropdown.icon:before,.ui.accordion .title .dropdown.icon:before{content:'\f0da'} \ No newline at end of file + */.ui.accordion,.ui.accordion .accordion{max-width:100%}.ui.accordion .accordion{margin:1em 0 0;padding:0}.ui.accordion .accordion .title,.ui.accordion .title{cursor:pointer}.ui.accordion .title:not(.ui){padding:.5em 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;color:rgba(0,0,0,.87)}.ui.accordion:not(.styled) .accordion .title~.content:not(.ui),.ui.accordion:not(.styled) .title~.content:not(.ui){margin:'';padding:.5em 0 1em}.ui.accordion:not(.styled) .title~.content:not(.ui):last-child{padding-bottom:0}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{display:inline-block;float:none;opacity:1;width:1.25em;height:1em;margin:0 .25rem 0 0;padding:0;font-size:1em;-webkit-transition:opacity .1s ease,-webkit-transform .1s ease;transition:opacity .1s ease,-webkit-transform .1s ease;transition:transform .1s ease,opacity .1s ease;transition:transform .1s ease,opacity .1s ease,-webkit-transform .1s ease;vertical-align:baseline;-webkit-transform:none;transform:none}.ui.accordion.menu .item .title{display:block;padding:0}.ui.accordion.menu .item .title>.dropdown.icon{float:right;margin:.21425em 0 0 1em;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ui.accordion .ui.header .dropdown.icon{font-size:1em;margin:0 .25rem 0 0}.ui.accordion .accordion .active.title .dropdown.icon,.ui.accordion .active.title .dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.accordion.menu .item .active.title>.dropdown.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui.styled.accordion{width:600px}.ui.styled.accordion,.ui.styled.accordion .accordion{border-radius:.28571429rem;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)}.ui.styled.accordion .accordion .title,.ui.styled.accordion .title{margin:0;padding:.75em 1em;color:rgba(0,0,0,.4);font-weight:700;border-top:1px solid rgba(34,36,38,.15);-webkit-transition:background .1s ease,color .1s ease;transition:background .1s ease,color .1s ease}.ui.styled.accordion .accordion .title:first-child,.ui.styled.accordion>.title:first-child{border-top:none}.ui.styled.accordion .accordion .content,.ui.styled.accordion .content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .content{margin:0;padding:.5em 1em 1.5em}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover,.ui.styled.accordion .active.title,.ui.styled.accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .accordion .active.title,.ui.styled.accordion .accordion .title:hover{background:0 0;color:rgba(0,0,0,.87)}.ui.styled.accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.styled.accordion .accordion .active.title{background:0 0;color:rgba(0,0,0,.95)}.ui.accordion .accordion .title~.content:not(.active),.ui.accordion .title~.content:not(.active){display:none}.ui.fluid.accordion,.ui.fluid.accordion .accordion{width:100%}.ui.inverted.accordion .title:not(.ui){color:rgba(255,255,255,.9)}@font-face{font-family:Accordion;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.accordion .accordion .title .dropdown.icon,.ui.accordion .title .dropdown.icon{font-family:Accordion;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.accordion .accordion .title .dropdown.icon:before,.ui.accordion .title .dropdown.icon:before{content:'\f0da'} \ No newline at end of file diff --git a/dist/components/accordion.min.js b/dist/components/accordion.min.js index 1dd73b803c..754ae2dab4 100644 --- a/dist/components/accordion.min.js +++ b/dist/components/accordion.min.js @@ -1 +1,11 @@ -!function(F,A,e,q){"use strict";A=void 0!==A&&A.Math==Math?A:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),F.fn.accordion=function(a){var v,s=F(this),b=(new Date).getTime(),y=[],C=a,O="string"==typeof C,x=[].slice.call(arguments,1);A.requestAnimationFrame||A.mozRequestAnimationFrame||A.webkitRequestAnimationFrame||A.msRequestAnimationFrame;return s.each(function(){var e,c,u=F.isPlainObject(a)?F.extend(!0,{},F.fn.accordion.settings,a):F.extend({},F.fn.accordion.settings),d=u.className,n=u.namespace,g=u.selector,l=u.error,t="."+n,i="module-"+n,o=s.selector||"",f=F(this),m=f.find(g.title),p=f.find(g.content),r=this,h=f.data(i);c={initialize:function(){c.debug("Initializing",f),c.bind.events(),u.observeChanges&&c.observeChanges(),c.instantiate()},instantiate:function(){h=c,f.data(i,c)},destroy:function(){c.debug("Destroying previous instance",f),f.off(t).removeData(i)},refresh:function(){m=f.find(g.title),p=f.find(g.content)},observeChanges:function(){"MutationObserver"in A&&((e=new MutationObserver(function(e){c.debug("DOM tree modified, updating selector cache"),c.refresh()})).observe(r,{childList:!0,subtree:!0}),c.debug("Setting up mutation observer",e))},bind:{events:function(){c.debug("Binding delegated events"),f.on(u.on+t,g.trigger,c.event.click)}},event:{click:function(){c.toggle.call(this)}},toggle:function(e){var n=e!==q?"number"==typeof e?m.eq(e):F(e).closest(g.title):F(this).closest(g.title),t=n.next(p),i=t.hasClass(d.animating),o=t.hasClass(d.active),a=o&&!i,s=!o&&i;c.debug("Toggling visibility of content",n),a||s?u.collapsible?c.close.call(n):c.debug("Cannot close accordion content collapsing is disabled"):c.open.call(n)},open:function(e){var n=e!==q?"number"==typeof e?m.eq(e):F(e).closest(g.title):F(this).closest(g.title),t=n.next(p),i=t.hasClass(d.animating);t.hasClass(d.active)||i?c.debug("Accordion already open, skipping",t):(c.debug("Opening accordion content",n),u.onOpening.call(t),u.onChanging.call(t),u.exclusive&&c.closeOthers.call(n),n.addClass(d.active),t.stop(!0,!0).addClass(d.animating),u.animateChildren&&(F.fn.transition!==q&&f.transition("is supported")?t.children().transition({animation:"fade in",queue:!1,useFailSafe:!0,debug:u.debug,verbose:u.verbose,duration:u.duration}):t.children().stop(!0,!0).animate({opacity:1},u.duration,c.resetOpacity)),t.slideDown(u.duration,u.easing,function(){t.removeClass(d.animating).addClass(d.active),c.reset.display.call(this),u.onOpen.call(this),u.onChange.call(this)}))},close:function(e){var n=e!==q?"number"==typeof e?m.eq(e):F(e).closest(g.title):F(this).closest(g.title),t=n.next(p),i=t.hasClass(d.animating),o=t.hasClass(d.active);!o&&!(!o&&i)||o&&i||(c.debug("Closing accordion content",t),u.onClosing.call(t),u.onChanging.call(t),n.removeClass(d.active),t.stop(!0,!0).addClass(d.animating),u.animateChildren&&(F.fn.transition!==q&&f.transition("is supported")?t.children().transition({animation:"fade out",queue:!1,useFailSafe:!0,debug:u.debug,verbose:u.verbose,duration:u.duration}):t.children().stop(!0,!0).animate({opacity:0},u.duration,c.resetOpacity)),t.slideUp(u.duration,u.easing,function(){t.removeClass(d.animating).removeClass(d.active),c.reset.display.call(this),u.onClose.call(this),u.onChange.call(this)}))},closeOthers:function(e){var n,t,i,o=e!==q?m.eq(e):F(this).closest(g.title),a=o.parents(g.content).prev(g.title),s=o.closest(g.accordion),l=g.title+"."+d.active+":visible",r=g.content+"."+d.active+":visible";i=u.closeNested?(n=s.find(l).not(a)).next(p):(n=s.find(l).not(a),t=s.find(r).find(l).not(a),(n=n.not(t)).next(p)),0 .button { - margin: 0px; + margin: 0; } .ui.labeled.button > .label { display: -webkit-box; @@ -423,7 +400,7 @@ -webkit-box-align: center; -ms-flex-align: center; align-items: center; - margin: 0px 0px 0px -1px !important; + margin: 0 0 0 -1px !important; font-size: 1em; padding: ''; border-color: rgba(34, 36, 38, 0.15); @@ -437,22 +414,22 @@ /* Right */ .ui.labeled.button:not([class*="left labeled"]) > .button { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .ui.labeled.button:not([class*="left labeled"]) > .label { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } /* Left Side */ .ui[class*="left labeled"].button > .button { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .ui[class*="left labeled"].button > .label { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } /*------------------- @@ -466,8 +443,8 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.facebook.button:hover { background-color: #304d8a; @@ -486,8 +463,8 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.twitter.button:hover { background-color: #0298f3; @@ -506,8 +483,8 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.google.plus.button:hover { background-color: #e0321c; @@ -543,8 +520,8 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.youtube.button:hover { background-color: #e60000; @@ -563,8 +540,8 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.instagram.button:hover { background-color: #3d698e; @@ -583,8 +560,8 @@ color: #FFFFFF; text-shadow: none; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.pinterest.button:hover { background-color: #ac0013; @@ -602,8 +579,8 @@ background-color: #45668E; color: #FFFFFF; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.vk.button:hover { background-color: #395980; @@ -619,8 +596,8 @@ background-color: #25D366; color: #FFFFFF; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.whatsapp.button:hover { background-color: #19c55a; @@ -636,8 +613,8 @@ background-color: #0088CC; color: #FFFFFF; background-image: none; - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.telegram.button:hover { background-color: #0077b3; @@ -655,7 +632,7 @@ .ui.button > .icon:not(.button) { height: 0.85714286em; opacity: 0.8; - margin: 0em 0.42857143em 0em -0.21428571em; + margin: 0 0.42857143em 0 -0.21428571em; -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; vertical-align: ''; @@ -663,10 +640,10 @@ } .ui.button:not(.icon) > .icon:not(.button):not(.dropdown), .ui.button:not(.icon) > .icons:not(.button):not(.dropdown) { - margin: 0em 0.42857143em 0em -0.21428571em; + margin: 0 0.42857143em 0 -0.21428571em; } .ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) { - margin: 0em -0.21428571em 0em 0.42857143em; + margin: 0 -0.21428571em 0 0.42857143em; } @@ -682,13 +659,13 @@ .ui[class*="left floated"].buttons, .ui[class*="left floated"].button { float: left; - margin-left: 0em; + margin-left: 0; margin-right: 0.25em; } .ui[class*="right floated"].buttons, .ui[class*="right floated"].button { float: right; - margin-right: 0em; + margin-right: 0; margin-left: 0.25em; } @@ -809,7 +786,7 @@ .ui.icon.buttons .button > .icon, .ui.icon.button > .icon { opacity: 0.9; - margin: 0em !important; + margin: 0 !important; vertical-align: top; } @@ -819,14 +796,14 @@ .ui.basic.buttons .button, .ui.basic.button { - background: transparent none !important; - color: rgba(0, 0, 0, 0.6) !important; + background: transparent none; + color: rgba(0, 0, 0, 0.6); font-weight: normal; border-radius: 0.28571429rem; text-transform: none; text-shadow: none !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; } .ui.basic.buttons { -webkit-box-shadow: none; @@ -835,35 +812,35 @@ border-radius: 0.28571429rem; } .ui.basic.buttons .button { - border-radius: 0em; + border-radius: 0; } .ui.basic.buttons .button:hover, .ui.basic.button:hover { - background: #FFFFFF !important; - color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; + background: #FFFFFF; + color: rgba(0, 0, 0, 0.8); + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.basic.buttons .button:focus, .ui.basic.button:focus { - background: #FFFFFF !important; - color: rgba(0, 0, 0, 0.8) !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset; + background: #FFFFFF; + color: rgba(0, 0, 0, 0.8); + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.basic.buttons .button:active, .ui.basic.button:active { - background: #F8F8F8 !important; - color: rgba(0, 0, 0, 0.9) !important; - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset; + background: #F8F8F8; + color: rgba(0, 0, 0, 0.9); + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset; } .ui.basic.buttons .active.button, .ui.basic.active.button { - background: rgba(0, 0, 0, 0.05) !important; - -webkit-box-shadow: '' !important; - box-shadow: '' !important; - color: rgba(0, 0, 0, 0.95) !important; + background: rgba(0, 0, 0, 0.05); + -webkit-box-shadow: ''; + box-shadow: ''; + color: rgba(0, 0, 0, 0.95); } .ui.basic.buttons .active.button:hover, .ui.basic.active.button:hover { @@ -872,58 +849,58 @@ /* Vertical */ .ui.basic.buttons .button:hover { - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset; + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset; } .ui.basic.buttons .button:active { - -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; - box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset; + -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset; } .ui.basic.buttons .active.button { - -webkit-box-shadow: '' !important; - box-shadow: '' !important; + -webkit-box-shadow: ''; + box-shadow: ''; } /* Standard Basic Inverted */ .ui.basic.inverted.buttons .button, .ui.basic.inverted.button { - background-color: transparent !important; - color: #F9FAFB !important; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; + background-color: transparent; + color: #F9FAFB; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; } .ui.basic.inverted.buttons .button:hover, .ui.basic.inverted.button:hover { - color: #FFFFFF !important; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; + color: #FFFFFF; + -webkit-box-shadow: 0 0 0 2px #ffffff inset; + box-shadow: 0 0 0 2px #ffffff inset; } .ui.basic.inverted.buttons .button:focus, .ui.basic.inverted.button:focus { - color: #FFFFFF !important; - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; + color: #FFFFFF; + -webkit-box-shadow: 0 0 0 2px #ffffff inset; + box-shadow: 0 0 0 2px #ffffff inset; } .ui.basic.inverted.buttons .button:active, .ui.basic.inverted.button:active { - background-color: rgba(255, 255, 255, 0.08) !important; - color: #FFFFFF !important; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important; + background-color: rgba(255, 255, 255, 0.08); + color: #FFFFFF; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset; } .ui.basic.inverted.buttons .active.button, .ui.basic.inverted.active.button { background-color: rgba(255, 255, 255, 0.08); color: #FFFFFF; text-shadow: none; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset; } .ui.basic.inverted.buttons .active.button:hover, .ui.basic.inverted.active.button:hover { background-color: rgba(255, 255, 255, 0.15); - -webkit-box-shadow: 0px 0px 0px 2px #ffffff inset !important; - box-shadow: 0px 0px 0px 2px #ffffff inset !important; + -webkit-box-shadow: 0 0 0 2px #ffffff inset; + box-shadow: 0 0 0 2px #ffffff inset; } /* Basic Group */ @@ -934,11 +911,11 @@ } .ui.basic.vertical.buttons .button { border-left: none; - border-left-width: 0px; + border-left-width: 0; border-top: 1px solid rgba(34, 36, 38, 0.15); } .ui.basic.vertical.buttons .button:first-child { - border-top-width: 0px; + border-top-width: 0; } /*------------------- @@ -948,38 +925,34 @@ /* Overline Mixin */ .ui.tertiary.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; -webkit-transition: color 0.1s ease !important; transition: color 0.1s ease !important; border-radius: 0; margin: 0.28571429em 0.25em 0.28571429em 0 !important; padding: 0.5em !important; - color: rgba(0, 0, 0, 0.6) !important; - background: none !important; + -webkit-box-shadow: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.6); + background: none; } .ui.tertiary.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #666666 !important; - box-shadow: inset 0 -0.2em 0 #666666 !important; - color: #333333 !important; - background: none !important; + -webkit-box-shadow: inset 0 -0.2em 0 #666666; + box-shadow: inset 0 -0.2em 0 #666666; + color: #333333; + background: none; } .ui.tertiary.button:focus { - -webkit-box-shadow: inset 0 -0.2em 0 #666666 !important; - box-shadow: inset 0 -0.2em 0 #666666 !important; - color: #333333 !important; - background: none !important; + -webkit-box-shadow: inset 0 -0.2em 0 #666666; + box-shadow: inset 0 -0.2em 0 #666666; + color: #333333; + background: none; } .ui.tertiary.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #999999 !important; - box-shadow: inset 0 -0.2em 0 #999999 !important; + -webkit-box-shadow: inset 0 -0.2em 0 #999999; + box-shadow: inset 0 -0.2em 0 #999999; border-radius: 0.28571429rem 0.28571429rem 0 0; - color: #666666 !important; - background: none !important; + color: #666666; + background: none; } /*-------------- @@ -997,20 +970,20 @@ .ui.labeled.icon.buttons > .button > .icon, .ui.labeled.icon.button > .icon { position: absolute; - top: 0em; - left: 0em; + top: 0; + left: 0; height: 100%; line-height: 1; - border-radius: 0px; + border-radius: 0; border-top-left-radius: inherit; border-bottom-left-radius: inherit; text-align: center; - margin: 0em; + margin: 0; width: 2.57142857em; background-color: rgba(0, 0, 0, 0.05); color: ''; - -webkit-box-shadow: -1px 0px 0px 0px transparent inset; - box-shadow: -1px 0px 0px 0px transparent inset; + -webkit-box-shadow: -1px 0 0 0 transparent inset; + box-shadow: -1px 0 0 0 transparent inset; } /* Right Labeled */ @@ -1020,12 +993,12 @@ } .ui[class*="right labeled"].icon.button > .icon { left: auto; - right: 0em; - border-radius: 0px; + right: 0; + border-radius: 0; border-top-right-radius: inherit; border-bottom-right-radius: inherit; - -webkit-box-shadow: 1px 0px 0px 0px transparent inset; - box-shadow: 1px 0px 0px 0px transparent inset; + -webkit-box-shadow: 1px 0 0 0 transparent inset; + box-shadow: 1px 0 0 0 transparent inset; } .ui.labeled.icon.buttons > .button > .icon:before, .ui.labeled.icon.button > .icon:before, @@ -1040,7 +1013,7 @@ transform: translateY(-50%); } .ui.labeled.icon.buttons .button > .icon { - border-radius: 0em; + border-radius: 0; } .ui.labeled.icon.buttons .button:first-child > .icon { border-top-left-radius: 0.28571429rem; @@ -1051,11 +1024,11 @@ border-bottom-right-radius: 0.28571429rem; } .ui.vertical.labeled.icon.buttons .button:first-child > .icon { - border-radius: 0em; + border-radius: 0; border-top-left-radius: 0.28571429rem; } .ui.vertical.labeled.icon.buttons .button:last-child > .icon { - border-radius: 0em; + border-radius: 0; border-bottom-left-radius: 0.28571429rem; } @@ -1075,16 +1048,16 @@ .ui.toggle.buttons .active.button, .ui.buttons .button.toggle.active, .ui.button.toggle.active { - background-color: #21BA45 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + background-color: #21BA45; + -webkit-box-shadow: none; + box-shadow: none; text-shadow: none; - color: #FFFFFF !important; + color: #FFFFFF; } .ui.button.toggle.active:hover { - background-color: #16ab39 !important; + background-color: #16ab39; text-shadow: none; - color: #FFFFFF !important; + color: #FFFFFF; } /*-------------- @@ -1126,8 +1099,8 @@ color: rgba(0, 0, 0, 0.4); font-style: normal; font-weight: bold; - -webkit-box-shadow: 0px 0px 0px 1px transparent inset; - box-shadow: 0px 0px 0px 1px transparent inset; + -webkit-box-shadow: 0 0 0 1px transparent inset; + box-shadow: 0 0 0 1px transparent inset; } .ui.buttons .or[data-text]:before { content: attr(data-text); @@ -1135,7 +1108,7 @@ /* Fluid Or */ .ui.fluid.buttons .or { - width: 0em !important; + width: 0 !important; } .ui.fluid.buttons .or:after { display: none; @@ -1150,18 +1123,18 @@ .ui.attached.button { position: relative; display: block; - margin: 0em; - border-radius: 0em; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important; + margin: 0; + border-radius: 0; + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15); } /* Top / Bottom */ .ui.attached.top.button { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.attached.bottom.button { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } /* Left / Right */ @@ -1170,13 +1143,13 @@ border-left: none; text-align: right; padding-right: 0.75em; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; + border-radius: 0.28571429rem 0 0 0.28571429rem; } .ui.right.attached.button { display: inline-block; text-align: left; padding-left: 0.75em; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; } /* Plural */ @@ -1185,42 +1158,42 @@ display: -webkit-box; display: -ms-flexbox; display: flex; - border-radius: 0em; + border-radius: 0; width: auto !important; z-index: 2; margin-left: -1px; margin-right: -1px; } .ui.attached.buttons .button { - margin: 0em; + margin: 0; } .ui.attached.buttons .button:first-child { - border-radius: 0em; + border-radius: 0; } .ui.attached.buttons .button:last-child { - border-radius: 0em; + border-radius: 0; } /* Top / Bottom */ .ui[class*="top attached"].buttons { margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui[class*="top attached"].buttons .button:first-child { - border-radius: 0.28571429rem 0em 0em 0em; + border-radius: 0.28571429rem 0 0 0; } .ui[class*="top attached"].buttons .button:last-child { - border-radius: 0em 0.28571429rem 0em 0em; + border-radius: 0 0.28571429rem 0 0; } .ui[class*="bottom attached"].buttons { margin-top: -1px; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } .ui[class*="bottom attached"].buttons .button:first-child { - border-radius: 0em 0em 0em 0.28571429rem; + border-radius: 0 0 0 0.28571429rem; } .ui[class*="bottom attached"].buttons .button:last-child { - border-radius: 0em 0em 0.28571429rem 0em; + border-radius: 0 0 0.28571429rem 0; } /* Left / Right */ @@ -1228,33 +1201,33 @@ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - margin-right: 0em; + margin-right: 0; margin-left: -1px; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; } .ui[class*="left attached"].buttons .button:first-child { margin-left: -1px; - border-radius: 0em 0.28571429rem 0em 0em; + border-radius: 0 0.28571429rem 0 0; } .ui[class*="left attached"].buttons .button:last-child { margin-left: -1px; - border-radius: 0em 0em 0.28571429rem 0em; + border-radius: 0 0 0.28571429rem 0; } .ui[class*="right attached"].buttons { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - margin-left: 0em; + margin-left: 0; margin-right: -1px; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; + border-radius: 0.28571429rem 0 0 0.28571429rem; } .ui[class*="right attached"].buttons .button:first-child { margin-left: -1px; - border-radius: 0.28571429rem 0em 0em 0em; + border-radius: 0.28571429rem 0 0 0; } .ui[class*="right attached"].buttons .button:last-child { margin-left: -1px; - border-radius: 0em 0em 0em 0.28571429rem; + border-radius: 0 0 0 0.28571429rem; } /*------------------- @@ -1308,7 +1281,7 @@ width: 100%; } .ui.eight.buttons > .button { - width: 12.500%; + width: 12.5%; } .ui.nine.buttons { width: 100%; @@ -1362,7 +1335,7 @@ height: 14.285%; } .ui.eight.vertical.buttons > .button { - height: 12.500%; + height: 12.5%; } .ui.nine.vertical.buttons > .button { height: 11.11%; @@ -1381,2889 +1354,2780 @@ Colors --------------------*/ - -/*--- Black ---*/ - -.ui.black.buttons .button, -.ui.black.button { - background-color: #1B1C1D; +.ui.primary.buttons .button, +.ui.primary.button { + background-color: #2185D0; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.black.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.primary.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.black.buttons .button:hover, -.ui.black.button:hover { - background-color: #27292a; +.ui.primary.buttons .button:hover, +.ui.primary.button:hover { + background-color: #1678c2; color: #FFFFFF; text-shadow: none; } -.ui.black.buttons .button:focus, -.ui.black.button:focus { - background-color: #2f3032; +.ui.primary.buttons .button:focus, +.ui.primary.button:focus { + background-color: #0d71bb; color: #FFFFFF; text-shadow: none; } -.ui.black.buttons .button:active, -.ui.black.button:active { - background-color: #343637; +.ui.primary.buttons .button:active, +.ui.primary.button:active { + background-color: #1a69a4; color: #FFFFFF; text-shadow: none; } -.ui.black.buttons .active.button, -.ui.black.buttons .active.button:active, -.ui.black.active.button, -.ui.black.button .active.button:active { - background-color: #0f0f10; +.ui.primary.buttons .active.button, +.ui.primary.buttons .active.button:active, +.ui.primary.active.button, +.ui.primary.button .active.button:active { + background-color: #1279c6; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.black.buttons .button, -.ui.basic.black.button { - -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - color: #1B1C1D !important; +.ui.basic.primary.buttons .button, +.ui.basic.primary.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #2185D0 inset; + box-shadow: 0 0 0 1px #2185D0 inset; + color: #2185D0; } -.ui.basic.black.buttons .button:hover, -.ui.basic.black.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; - color: #27292a !important; +.ui.basic.primary.buttons .button:hover, +.ui.basic.primary.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #1678c2 inset; + box-shadow: 0 0 0 1px #1678c2 inset; + color: #1678c2; } -.ui.basic.black.buttons .button:focus, -.ui.basic.black.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #2f3032 inset !important; - box-shadow: 0px 0px 0px 1px #2f3032 inset !important; - color: #27292a !important; +.ui.basic.primary.buttons .button:focus, +.ui.basic.primary.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #0d71bb inset; + box-shadow: 0 0 0 1px #0d71bb inset; + color: #1678c2; } -.ui.basic.black.buttons .active.button, -.ui.basic.black.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; - box-shadow: 0px 0px 0px 1px #0f0f10 inset !important; - color: #343637 !important; +.ui.basic.primary.buttons .active.button, +.ui.basic.primary.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #1279c6 inset; + box-shadow: 0 0 0 1px #1279c6 inset; + color: #1a69a4; } -.ui.basic.black.buttons .button:active, -.ui.basic.black.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - box-shadow: 0px 0px 0px 1px #343637 inset !important; - color: #343637 !important; +.ui.basic.primary.buttons .button:active, +.ui.basic.primary.button:active { + -webkit-box-shadow: 0 0 0 1px #1a69a4 inset; + box-shadow: 0 0 0 1px #1a69a4 inset; + color: #1a69a4; } -.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.black.buttons .button, -.ui.inverted.black.button { +.ui.inverted.primary.buttons .button, +.ui.inverted.primary.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - color: #FFFFFF; + -webkit-box-shadow: 0 0 0 2px #54C8FF inset; + box-shadow: 0 0 0 2px #54C8FF inset; + color: #54C8FF; } -.ui.inverted.black.buttons .button:hover, -.ui.inverted.black.button:hover, -.ui.inverted.black.buttons .button:focus, -.ui.inverted.black.button:focus, -.ui.inverted.black.buttons .button.active, -.ui.inverted.black.button.active, -.ui.inverted.black.buttons .button:active, -.ui.inverted.black.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.ui.inverted.primary.buttons .button:hover, +.ui.inverted.primary.button:hover, +.ui.inverted.primary.buttons .button:focus, +.ui.inverted.primary.button:focus, +.ui.inverted.primary.buttons .button.active, +.ui.inverted.primary.button.active, +.ui.inverted.primary.buttons .button:active, +.ui.inverted.primary.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; color: #FFFFFF; } -.ui.inverted.black.buttons .button:hover, -.ui.inverted.black.button:hover { - background-color: #000000; +.ui.inverted.primary.buttons .button:hover, +.ui.inverted.primary.button:hover { + background-color: #21b8ff; } -.ui.inverted.black.buttons .button:focus, -.ui.inverted.black.button:focus { - background-color: #000000; +.ui.inverted.primary.buttons .button:focus, +.ui.inverted.primary.button:focus { + background-color: #2bbbff; } -.ui.inverted.black.buttons .active.button, -.ui.inverted.black.active.button { - background-color: #000000; +.ui.inverted.primary.buttons .active.button, +.ui.inverted.primary.active.button { + background-color: #3ac0ff; } -.ui.inverted.black.buttons .button:active, -.ui.inverted.black.button:active { - background-color: #000000; +.ui.inverted.primary.buttons .button:active, +.ui.inverted.primary.button:active { + background-color: #21b8ff; } /* Inverted Basic */ -.ui.inverted.black.basic.buttons .button, -.ui.inverted.black.buttons .basic.button, -.ui.inverted.black.basic.button { +.ui.inverted.primary.basic.buttons .button, +.ui.inverted.primary.buttons .basic.button, +.ui.inverted.primary.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.black.basic.buttons .button:hover, -.ui.inverted.black.buttons .basic.button:hover, -.ui.inverted.black.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; - color: #FFFFFF !important; +.ui.inverted.primary.basic.buttons .button:hover, +.ui.inverted.primary.buttons .basic.button:hover, +.ui.inverted.primary.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #21b8ff inset; + box-shadow: 0 0 0 2px #21b8ff inset; + color: #54C8FF; } -.ui.inverted.black.basic.buttons .button:focus, -.ui.inverted.black.basic.buttons .button:focus, -.ui.inverted.black.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; - color: #545454 !important; +.ui.inverted.primary.basic.buttons .button:focus, +.ui.inverted.primary.basic.buttons .button:focus, +.ui.inverted.primary.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #2bbbff inset; + box-shadow: 0 0 0 2px #2bbbff inset; + color: #54C8FF; } -.ui.inverted.black.basic.buttons .active.button, -.ui.inverted.black.buttons .basic.active.button, -.ui.inverted.black.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; - color: #FFFFFF !important; +.ui.inverted.primary.basic.buttons .active.button, +.ui.inverted.primary.buttons .basic.active.button, +.ui.inverted.primary.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #3ac0ff inset; + box-shadow: 0 0 0 2px #3ac0ff inset; + color: #54C8FF; } -.ui.inverted.black.basic.buttons .button:active, -.ui.inverted.black.buttons .basic.button:active, -.ui.inverted.black.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #000000 inset !important; - box-shadow: 0px 0px 0px 2px #000000 inset !important; - color: #FFFFFF !important; +.ui.inverted.primary.basic.buttons .button:active, +.ui.inverted.primary.buttons .basic.button:active, +.ui.inverted.primary.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #21b8ff inset; + box-shadow: 0 0 0 2px #21b8ff inset; + color: #54C8FF; } /* Tertiary */ -.ui.tertiary.black.buttons .button, -.ui.tertiary.black.buttons .tertiary.button, -.ui.tertiary.black.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #1B1C1D !important; +.ui.tertiary.primary.buttons .button, +.ui.tertiary.primary.buttons .tertiary.button, +.ui.tertiary.primary.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #2185D0; } -.ui.tertiary.black.buttons .button:hover, -.ui.tertiary.black.buttons button:hover, -.ui.tertiary.black.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #8b8f93 !important; - box-shadow: inset 0 -0.2em 0 #8b8f93 !important; - color: #585c5f !important; +.ui.tertiary.primary.buttons .button:hover, +.ui.tertiary.primary.buttons button:hover, +.ui.tertiary.primary.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac; + box-shadow: inset 0 -0.2em 0 #2b75ac; + color: #2b75ac; } -.ui.tertiary.black.buttons .button:focus, -.ui.tertiary.black.buttons .tertiary.button:focus, -.ui.tertiary.black.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #93969a !important; - box-shadow: inset 0 -0.2em 0 #93969a !important; - color: #606367 !important; +.ui.tertiary.primary.buttons .button:focus, +.ui.tertiary.primary.buttons .tertiary.button:focus, +.ui.tertiary.primary.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #216ea7; + box-shadow: inset 0 -0.2em 0 #216ea7; + color: #216ea7; } -.ui.tertiary.black.buttons .active.button, -.ui.tertiary.black.buttons .tertiary.active.button, -.ui.tertiary.black.active.button, -.ui.tertiary.black.buttons .button:active, -.ui.tertiary.black.buttons .tertiary.button:active, -.ui.tertiary.black.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #404245 !important; - box-shadow: inset 0 -0.2em 0 #404245 !important; - color: #0f0f10 !important; +.ui.tertiary.primary.buttons .active.button, +.ui.tertiary.primary.buttons .tertiary.active.button, +.ui.tertiary.primary.active.button, +.ui.tertiary.primary.buttons .button:active, +.ui.tertiary.primary.buttons .tertiary.button:active, +.ui.tertiary.primary.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #007bd8; + box-shadow: inset 0 -0.2em 0 #007bd8; + color: #1279c6; } - -/*--- Grey ---*/ - -.ui.grey.buttons .button, -.ui.grey.button { - background-color: #767676; +.ui.secondary.buttons .button, +.ui.secondary.button { + background-color: #1B1C1D; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.grey.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.secondary.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.grey.buttons .button:hover, -.ui.grey.button:hover { - background-color: #838383; +.ui.secondary.buttons .button:hover, +.ui.secondary.button:hover { + background-color: #27292a; color: #FFFFFF; text-shadow: none; } -.ui.grey.buttons .button:focus, -.ui.grey.button:focus { - background-color: #8a8a8a; +.ui.secondary.buttons .button:focus, +.ui.secondary.button:focus { + background-color: #2e3032; color: #FFFFFF; text-shadow: none; } -.ui.grey.buttons .button:active, -.ui.grey.button:active { - background-color: #909090; +.ui.secondary.buttons .button:active, +.ui.secondary.button:active { + background-color: #343637; color: #FFFFFF; text-shadow: none; } -.ui.grey.buttons .active.button, -.ui.grey.buttons .active.button:active, -.ui.grey.active.button, -.ui.grey.button .active.button:active { - background-color: #696969; +.ui.secondary.buttons .active.button, +.ui.secondary.buttons .active.button:active, +.ui.secondary.active.button, +.ui.secondary.button .active.button:active { + background-color: #27292a; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.grey.buttons .button, -.ui.basic.grey.button { - -webkit-box-shadow: 0px 0px 0px 1px #767676 inset !important; - box-shadow: 0px 0px 0px 1px #767676 inset !important; - color: #767676 !important; +.ui.basic.secondary.buttons .button, +.ui.basic.secondary.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #1B1C1D inset; + box-shadow: 0 0 0 1px #1B1C1D inset; + color: #1B1C1D; } -.ui.basic.grey.buttons .button:hover, -.ui.basic.grey.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #838383 inset !important; - box-shadow: 0px 0px 0px 1px #838383 inset !important; - color: #838383 !important; +.ui.basic.secondary.buttons .button:hover, +.ui.basic.secondary.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #27292a inset; + box-shadow: 0 0 0 1px #27292a inset; + color: #27292a; } -.ui.basic.grey.buttons .button:focus, -.ui.basic.grey.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #8a8a8a inset !important; - box-shadow: 0px 0px 0px 1px #8a8a8a inset !important; - color: #838383 !important; +.ui.basic.secondary.buttons .button:focus, +.ui.basic.secondary.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #2e3032 inset; + box-shadow: 0 0 0 1px #2e3032 inset; + color: #27292a; } -.ui.basic.grey.buttons .active.button, -.ui.basic.grey.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #696969 inset !important; - box-shadow: 0px 0px 0px 1px #696969 inset !important; - color: #909090 !important; +.ui.basic.secondary.buttons .active.button, +.ui.basic.secondary.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #27292a inset; + box-shadow: 0 0 0 1px #27292a inset; + color: #343637; } -.ui.basic.grey.buttons .button:active, -.ui.basic.grey.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #909090 inset !important; - box-shadow: 0px 0px 0px 1px #909090 inset !important; - color: #909090 !important; +.ui.basic.secondary.buttons .button:active, +.ui.basic.secondary.button:active { + -webkit-box-shadow: 0 0 0 1px #343637 inset; + box-shadow: 0 0 0 1px #343637 inset; + color: #343637; } -.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.secondary.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.grey.buttons .button, -.ui.inverted.grey.button { +.ui.inverted.secondary.buttons .button, +.ui.inverted.secondary.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important; - color: #FFFFFF; + -webkit-box-shadow: 0 0 0 2px #545454 inset; + box-shadow: 0 0 0 2px #545454 inset; + color: #545454; } -.ui.inverted.grey.buttons .button:hover, -.ui.inverted.grey.button:hover, -.ui.inverted.grey.buttons .button:focus, -.ui.inverted.grey.button:focus, -.ui.inverted.grey.buttons .button.active, -.ui.inverted.grey.button.active, -.ui.inverted.grey.buttons .button:active, -.ui.inverted.grey.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); +.ui.inverted.secondary.buttons .button:hover, +.ui.inverted.secondary.button:hover, +.ui.inverted.secondary.buttons .button:focus, +.ui.inverted.secondary.button:focus, +.ui.inverted.secondary.buttons .button.active, +.ui.inverted.secondary.button.active, +.ui.inverted.secondary.buttons .button:active, +.ui.inverted.secondary.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; + color: #FFFFFF; } -.ui.inverted.grey.buttons .button:hover, -.ui.inverted.grey.button:hover { - background-color: #cfd0d2; +.ui.inverted.secondary.buttons .button:hover, +.ui.inverted.secondary.button:hover { + background-color: #6e6e6e; } -.ui.inverted.grey.buttons .button:focus, -.ui.inverted.grey.button:focus { - background-color: #c7c9cb; +.ui.inverted.secondary.buttons .button:focus, +.ui.inverted.secondary.button:focus { + background-color: #686868; } -.ui.inverted.grey.buttons .active.button, -.ui.inverted.grey.active.button { - background-color: #cfd0d2; +.ui.inverted.secondary.buttons .active.button, +.ui.inverted.secondary.active.button { + background-color: #616161; } -.ui.inverted.grey.buttons .button:active, -.ui.inverted.grey.button:active { - background-color: #c2c4c5; +.ui.inverted.secondary.buttons .button:active, +.ui.inverted.secondary.button:active { + background-color: #6e6e6e; } /* Inverted Basic */ -.ui.inverted.grey.basic.buttons .button, -.ui.inverted.grey.buttons .basic.button, -.ui.inverted.grey.basic.button { +.ui.inverted.secondary.basic.buttons .button, +.ui.inverted.secondary.buttons .basic.button, +.ui.inverted.secondary.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.grey.basic.buttons .button:hover, -.ui.inverted.grey.buttons .basic.button:hover, -.ui.inverted.grey.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - color: #FFFFFF !important; +.ui.inverted.secondary.basic.buttons .button:hover, +.ui.inverted.secondary.buttons .basic.button:hover, +.ui.inverted.secondary.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #6e6e6e inset; + box-shadow: 0 0 0 2px #6e6e6e inset; + color: #545454; } -.ui.inverted.grey.basic.buttons .button:focus, -.ui.inverted.grey.basic.buttons .button:focus, -.ui.inverted.grey.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; - box-shadow: 0px 0px 0px 2px #c7c9cb inset !important; - color: #DCDDDE !important; +.ui.inverted.secondary.basic.buttons .button:focus, +.ui.inverted.secondary.basic.buttons .button:focus, +.ui.inverted.secondary.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #686868 inset; + box-shadow: 0 0 0 2px #686868 inset; + color: #545454; } -.ui.inverted.grey.basic.buttons .active.button, -.ui.inverted.grey.buttons .basic.active.button, -.ui.inverted.grey.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - box-shadow: 0px 0px 0px 2px #cfd0d2 inset !important; - color: #FFFFFF !important; +.ui.inverted.secondary.basic.buttons .active.button, +.ui.inverted.secondary.buttons .basic.active.button, +.ui.inverted.secondary.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #616161 inset; + box-shadow: 0 0 0 2px #616161 inset; + color: #545454; } -.ui.inverted.grey.basic.buttons .button:active, -.ui.inverted.grey.buttons .basic.button:active, -.ui.inverted.grey.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; - box-shadow: 0px 0px 0px 2px #c2c4c5 inset !important; - color: #FFFFFF !important; +.ui.inverted.secondary.basic.buttons .button:active, +.ui.inverted.secondary.buttons .basic.button:active, +.ui.inverted.secondary.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #6e6e6e inset; + box-shadow: 0 0 0 2px #6e6e6e inset; + color: #545454; } /* Tertiary */ -.ui.tertiary.grey.buttons .button, -.ui.tertiary.grey.buttons .tertiary.button, -.ui.tertiary.grey.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #767676 !important; +.ui.tertiary.secondary.buttons .button, +.ui.tertiary.secondary.buttons .tertiary.button, +.ui.tertiary.secondary.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #1B1C1D; } -.ui.tertiary.grey.buttons .button:hover, -.ui.tertiary.grey.buttons button:hover, -.ui.tertiary.grey.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #838383 !important; - box-shadow: inset 0 -0.2em 0 #838383 !important; - color: #838383 !important; +.ui.tertiary.secondary.buttons .button:hover, +.ui.tertiary.secondary.buttons button:hover, +.ui.tertiary.secondary.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #292929; + box-shadow: inset 0 -0.2em 0 #292929; + color: #292929; } -.ui.tertiary.grey.buttons .button:focus, -.ui.tertiary.grey.buttons .tertiary.button:focus, -.ui.tertiary.grey.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #8a8a8a !important; - box-shadow: inset 0 -0.2em 0 #8a8a8a !important; - color: #8a8a8a !important; +.ui.tertiary.secondary.buttons .button:focus, +.ui.tertiary.secondary.buttons .tertiary.button:focus, +.ui.tertiary.secondary.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #303030; + box-shadow: inset 0 -0.2em 0 #303030; + color: #303030; } -.ui.tertiary.grey.buttons .active.button, -.ui.tertiary.grey.buttons .tertiary.active.button, -.ui.tertiary.grey.active.button, -.ui.tertiary.grey.buttons .button:active, -.ui.tertiary.grey.buttons .tertiary.button:active, -.ui.tertiary.grey.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #7e5454 !important; - box-shadow: inset 0 -0.2em 0 #7e5454 !important; - color: #696969 !important; +.ui.tertiary.secondary.buttons .active.button, +.ui.tertiary.secondary.buttons .tertiary.active.button, +.ui.tertiary.secondary.active.button, +.ui.tertiary.secondary.buttons .button:active, +.ui.tertiary.secondary.buttons .tertiary.button:active, +.ui.tertiary.secondary.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #1f2933; + box-shadow: inset 0 -0.2em 0 #1f2933; + color: #27292a; } - -/*--- Brown ---*/ - -.ui.brown.buttons .button, -.ui.brown.button { - background-color: #A5673F; +.ui.red.buttons .button, +.ui.red.button { + background-color: #DB2828; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.brown.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.red.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.brown.buttons .button:hover, -.ui.brown.button:hover { - background-color: #975b33; +.ui.red.buttons .button:hover, +.ui.red.button:hover { + background-color: #d01919; color: #FFFFFF; text-shadow: none; } -.ui.brown.buttons .button:focus, -.ui.brown.button:focus { - background-color: #90532b; +.ui.red.buttons .button:focus, +.ui.red.button:focus { + background-color: #ca1010; color: #FFFFFF; text-shadow: none; } -.ui.brown.buttons .button:active, -.ui.brown.button:active { - background-color: #805031; +.ui.red.buttons .button:active, +.ui.red.button:active { + background-color: #b21e1e; color: #FFFFFF; text-shadow: none; } -.ui.brown.buttons .active.button, -.ui.brown.buttons .active.button:active, -.ui.brown.active.button, -.ui.brown.button .active.button:active { - background-color: #995a31; +.ui.red.buttons .active.button, +.ui.red.buttons .active.button:active, +.ui.red.active.button, +.ui.red.button .active.button:active { + background-color: #d41515; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.brown.buttons .button, -.ui.basic.brown.button { - -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset !important; - box-shadow: 0px 0px 0px 1px #A5673F inset !important; - color: #A5673F !important; +.ui.basic.red.buttons .button, +.ui.basic.red.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #DB2828 inset; + box-shadow: 0 0 0 1px #DB2828 inset; + color: #DB2828; } -.ui.basic.brown.buttons .button:hover, -.ui.basic.brown.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #975b33 inset !important; - box-shadow: 0px 0px 0px 1px #975b33 inset !important; - color: #975b33 !important; +.ui.basic.red.buttons .button:hover, +.ui.basic.red.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #d01919 inset; + box-shadow: 0 0 0 1px #d01919 inset; + color: #d01919; } -.ui.basic.brown.buttons .button:focus, -.ui.basic.brown.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #90532b inset !important; - box-shadow: 0px 0px 0px 1px #90532b inset !important; - color: #975b33 !important; +.ui.basic.red.buttons .button:focus, +.ui.basic.red.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #ca1010 inset; + box-shadow: 0 0 0 1px #ca1010 inset; + color: #d01919; } -.ui.basic.brown.buttons .active.button, -.ui.basic.brown.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #995a31 inset !important; - box-shadow: 0px 0px 0px 1px #995a31 inset !important; - color: #805031 !important; +.ui.basic.red.buttons .active.button, +.ui.basic.red.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #d41515 inset; + box-shadow: 0 0 0 1px #d41515 inset; + color: #b21e1e; } -.ui.basic.brown.buttons .button:active, -.ui.basic.brown.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #805031 inset !important; - box-shadow: 0px 0px 0px 1px #805031 inset !important; - color: #805031 !important; +.ui.basic.red.buttons .button:active, +.ui.basic.red.button:active { + -webkit-box-shadow: 0 0 0 1px #b21e1e inset; + box-shadow: 0 0 0 1px #b21e1e inset; + color: #b21e1e; } -.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.brown.buttons .button, -.ui.inverted.brown.button { +.ui.inverted.red.buttons .button, +.ui.inverted.red.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D67C1C inset !important; - box-shadow: 0px 0px 0px 2px #D67C1C inset !important; - color: #D67C1C; + -webkit-box-shadow: 0 0 0 2px #FF695E inset; + box-shadow: 0 0 0 2px #FF695E inset; + color: #FF695E; } -.ui.inverted.brown.buttons .button:hover, -.ui.inverted.brown.button:hover, -.ui.inverted.brown.buttons .button:focus, -.ui.inverted.brown.button:focus, -.ui.inverted.brown.buttons .button.active, -.ui.inverted.brown.button.active, -.ui.inverted.brown.buttons .button:active, -.ui.inverted.brown.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.ui.inverted.red.buttons .button:hover, +.ui.inverted.red.button:hover, +.ui.inverted.red.buttons .button:focus, +.ui.inverted.red.button:focus, +.ui.inverted.red.buttons .button.active, +.ui.inverted.red.button.active, +.ui.inverted.red.buttons .button:active, +.ui.inverted.red.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; color: #FFFFFF; } -.ui.inverted.brown.buttons .button:hover, -.ui.inverted.brown.button:hover { - background-color: #c86f11; +.ui.inverted.red.buttons .button:hover, +.ui.inverted.red.button:hover { + background-color: #ff392b; } -.ui.inverted.brown.buttons .button:focus, -.ui.inverted.brown.button:focus { - background-color: #c16808; +.ui.inverted.red.buttons .button:focus, +.ui.inverted.red.button:focus { + background-color: #ff4335; } -.ui.inverted.brown.buttons .active.button, -.ui.inverted.brown.active.button { - background-color: #cc6f0d; +.ui.inverted.red.buttons .active.button, +.ui.inverted.red.active.button { + background-color: #ff5144; } -.ui.inverted.brown.buttons .button:active, -.ui.inverted.brown.button:active { - background-color: #a96216; +.ui.inverted.red.buttons .button:active, +.ui.inverted.red.button:active { + background-color: #ff392b; } /* Inverted Basic */ -.ui.inverted.brown.basic.buttons .button, -.ui.inverted.brown.buttons .basic.button, -.ui.inverted.brown.basic.button { +.ui.inverted.red.basic.buttons .button, +.ui.inverted.red.buttons .basic.button, +.ui.inverted.red.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.brown.basic.buttons .button:hover, -.ui.inverted.brown.buttons .basic.button:hover, -.ui.inverted.brown.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #c86f11 inset !important; - box-shadow: 0px 0px 0px 2px #c86f11 inset !important; - color: #D67C1C !important; +.ui.inverted.red.basic.buttons .button:hover, +.ui.inverted.red.buttons .basic.button:hover, +.ui.inverted.red.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #ff392b inset; + box-shadow: 0 0 0 2px #ff392b inset; + color: #FF695E; } -.ui.inverted.brown.basic.buttons .button:focus, -.ui.inverted.brown.basic.buttons .button:focus, -.ui.inverted.brown.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #c16808 inset !important; - box-shadow: 0px 0px 0px 2px #c16808 inset !important; - color: #D67C1C !important; +.ui.inverted.red.basic.buttons .button:focus, +.ui.inverted.red.basic.buttons .button:focus, +.ui.inverted.red.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #ff4335 inset; + box-shadow: 0 0 0 2px #ff4335 inset; + color: #FF695E; } -.ui.inverted.brown.basic.buttons .active.button, -.ui.inverted.brown.buttons .basic.active.button, -.ui.inverted.brown.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; - box-shadow: 0px 0px 0px 2px #cc6f0d inset !important; - color: #D67C1C !important; +.ui.inverted.red.basic.buttons .active.button, +.ui.inverted.red.buttons .basic.active.button, +.ui.inverted.red.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #ff5144 inset; + box-shadow: 0 0 0 2px #ff5144 inset; + color: #FF695E; } -.ui.inverted.brown.basic.buttons .button:active, -.ui.inverted.brown.buttons .basic.button:active, -.ui.inverted.brown.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #a96216 inset !important; - box-shadow: 0px 0px 0px 2px #a96216 inset !important; - color: #D67C1C !important; +.ui.inverted.red.basic.buttons .button:active, +.ui.inverted.red.buttons .basic.button:active, +.ui.inverted.red.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #ff392b inset; + box-shadow: 0 0 0 2px #ff392b inset; + color: #FF695E; } /* Tertiary */ -.ui.tertiary.brown.buttons .button, -.ui.tertiary.brown.buttons .tertiary.button, -.ui.tertiary.brown.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #A5673F !important; +.ui.tertiary.red.buttons .button, +.ui.tertiary.red.buttons .tertiary.button, +.ui.tertiary.red.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #DB2828; } -.ui.tertiary.brown.buttons .button:hover, -.ui.tertiary.brown.buttons button:hover, -.ui.tertiary.brown.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #835f48 !important; - box-shadow: inset 0 -0.2em 0 #835f48 !important; - color: #835f48 !important; +.ui.tertiary.red.buttons .button:hover, +.ui.tertiary.red.buttons button:hover, +.ui.tertiary.red.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #b93131; + box-shadow: inset 0 -0.2em 0 #b93131; + color: #b93131; } -.ui.tertiary.brown.buttons .button:focus, -.ui.tertiary.brown.buttons .tertiary.button:focus, -.ui.tertiary.brown.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #7d573e !important; - box-shadow: inset 0 -0.2em 0 #7d573e !important; - color: #7d573e !important; +.ui.tertiary.red.buttons .button:focus, +.ui.tertiary.red.buttons .tertiary.button:focus, +.ui.tertiary.red.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #b52626; + box-shadow: inset 0 -0.2em 0 #b52626; + color: #b52626; } -.ui.tertiary.brown.buttons .active.button, -.ui.tertiary.brown.buttons .tertiary.active.button, -.ui.tertiary.brown.active.button, -.ui.tertiary.brown.buttons .button:active, -.ui.tertiary.brown.buttons .tertiary.button:active, -.ui.tertiary.brown.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #ae561d !important; - box-shadow: inset 0 -0.2em 0 #ae561d !important; - color: #995a31 !important; +.ui.tertiary.red.buttons .active.button, +.ui.tertiary.red.buttons .tertiary.active.button, +.ui.tertiary.red.active.button, +.ui.tertiary.red.buttons .button:active, +.ui.tertiary.red.buttons .tertiary.button:active, +.ui.tertiary.red.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #ea0000; + box-shadow: inset 0 -0.2em 0 #ea0000; + color: #d41515; } - -/*--- Blue ---*/ - -.ui.blue.buttons .button, -.ui.blue.button { - background-color: #2185D0; +.ui.orange.buttons .button, +.ui.orange.button { + background-color: #F2711C; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.blue.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.orange.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.blue.buttons .button:hover, -.ui.blue.button:hover { - background-color: #1678c2; +.ui.orange.buttons .button:hover, +.ui.orange.button:hover { + background-color: #f26202; color: #FFFFFF; text-shadow: none; } -.ui.blue.buttons .button:focus, -.ui.blue.button:focus { - background-color: #0d71bb; +.ui.orange.buttons .button:focus, +.ui.orange.button:focus { + background-color: #e55b00; color: #FFFFFF; text-shadow: none; } -.ui.blue.buttons .button:active, -.ui.blue.button:active { - background-color: #1a69a4; +.ui.orange.buttons .button:active, +.ui.orange.button:active { + background-color: #cf590c; color: #FFFFFF; text-shadow: none; } -.ui.blue.buttons .active.button, -.ui.blue.buttons .active.button:active, -.ui.blue.active.button, -.ui.blue.button .active.button:active { - background-color: #1279c6; +.ui.orange.buttons .active.button, +.ui.orange.buttons .active.button:active, +.ui.orange.active.button, +.ui.orange.button .active.button:active { + background-color: #f56100; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.blue.buttons .button, -.ui.basic.blue.button { - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - color: #2185D0 !important; +.ui.basic.orange.buttons .button, +.ui.basic.orange.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #F2711C inset; + box-shadow: 0 0 0 1px #F2711C inset; + color: #F2711C; } -.ui.basic.blue.buttons .button:hover, -.ui.basic.blue.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - color: #1678c2 !important; +.ui.basic.orange.buttons .button:hover, +.ui.basic.orange.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #f26202 inset; + box-shadow: 0 0 0 1px #f26202 inset; + color: #f26202; } -.ui.basic.blue.buttons .button:focus, -.ui.basic.blue.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - color: #1678c2 !important; +.ui.basic.orange.buttons .button:focus, +.ui.basic.orange.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #e55b00 inset; + box-shadow: 0 0 0 1px #e55b00 inset; + color: #f26202; } -.ui.basic.blue.buttons .active.button, -.ui.basic.blue.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - color: #1a69a4 !important; +.ui.basic.orange.buttons .active.button, +.ui.basic.orange.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #f56100 inset; + box-shadow: 0 0 0 1px #f56100 inset; + color: #cf590c; } -.ui.basic.blue.buttons .button:active, -.ui.basic.blue.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - color: #1a69a4 !important; +.ui.basic.orange.buttons .button:active, +.ui.basic.orange.button:active { + -webkit-box-shadow: 0 0 0 1px #cf590c inset; + box-shadow: 0 0 0 1px #cf590c inset; + color: #cf590c; } -.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.blue.buttons .button, -.ui.inverted.blue.button { +.ui.inverted.orange.buttons .button, +.ui.inverted.orange.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important; - box-shadow: 0px 0px 0px 2px #54C8FF inset !important; - color: #54C8FF; + -webkit-box-shadow: 0 0 0 2px #FF851B inset; + box-shadow: 0 0 0 2px #FF851B inset; + color: #FF851B; } -.ui.inverted.blue.buttons .button:hover, -.ui.inverted.blue.button:hover, -.ui.inverted.blue.buttons .button:focus, -.ui.inverted.blue.button:focus, -.ui.inverted.blue.buttons .button.active, -.ui.inverted.blue.button.active, -.ui.inverted.blue.buttons .button:active, -.ui.inverted.blue.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.ui.inverted.orange.buttons .button:hover, +.ui.inverted.orange.button:hover, +.ui.inverted.orange.buttons .button:focus, +.ui.inverted.orange.button:focus, +.ui.inverted.orange.buttons .button.active, +.ui.inverted.orange.button.active, +.ui.inverted.orange.buttons .button:active, +.ui.inverted.orange.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; color: #FFFFFF; } -.ui.inverted.blue.buttons .button:hover, -.ui.inverted.blue.button:hover { - background-color: #3ac0ff; +.ui.inverted.orange.buttons .button:hover, +.ui.inverted.orange.button:hover { + background-color: #e76b00; } -.ui.inverted.blue.buttons .button:focus, -.ui.inverted.blue.button:focus { - background-color: #2bbbff; +.ui.inverted.orange.buttons .button:focus, +.ui.inverted.orange.button:focus { + background-color: #f17000; } -.ui.inverted.blue.buttons .active.button, -.ui.inverted.blue.active.button { - background-color: #3ac0ff; +.ui.inverted.orange.buttons .active.button, +.ui.inverted.orange.active.button { + background-color: #ff7701; } -.ui.inverted.blue.buttons .button:active, -.ui.inverted.blue.button:active { - background-color: #21b8ff; +.ui.inverted.orange.buttons .button:active, +.ui.inverted.orange.button:active { + background-color: #e76b00; } /* Inverted Basic */ -.ui.inverted.blue.basic.buttons .button, -.ui.inverted.blue.buttons .basic.button, -.ui.inverted.blue.basic.button { +.ui.inverted.orange.basic.buttons .button, +.ui.inverted.orange.buttons .basic.button, +.ui.inverted.orange.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.blue.basic.buttons .button:hover, -.ui.inverted.blue.buttons .basic.button:hover, -.ui.inverted.blue.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - color: #54C8FF !important; +.ui.inverted.orange.basic.buttons .button:hover, +.ui.inverted.orange.buttons .basic.button:hover, +.ui.inverted.orange.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #e76b00 inset; + box-shadow: 0 0 0 2px #e76b00 inset; + color: #FF851B; } -.ui.inverted.blue.basic.buttons .button:focus, -.ui.inverted.blue.basic.buttons .button:focus, -.ui.inverted.blue.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - color: #54C8FF !important; +.ui.inverted.orange.basic.buttons .button:focus, +.ui.inverted.orange.basic.buttons .button:focus, +.ui.inverted.orange.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #f17000 inset; + box-shadow: 0 0 0 2px #f17000 inset; + color: #FF851B; } -.ui.inverted.blue.basic.buttons .active.button, -.ui.inverted.blue.buttons .basic.active.button, -.ui.inverted.blue.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - color: #54C8FF !important; +.ui.inverted.orange.basic.buttons .active.button, +.ui.inverted.orange.buttons .basic.active.button, +.ui.inverted.orange.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #ff7701 inset; + box-shadow: 0 0 0 2px #ff7701 inset; + color: #FF851B; } -.ui.inverted.blue.basic.buttons .button:active, -.ui.inverted.blue.buttons .basic.button:active, -.ui.inverted.blue.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - color: #54C8FF !important; +.ui.inverted.orange.basic.buttons .button:active, +.ui.inverted.orange.buttons .basic.button:active, +.ui.inverted.orange.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #e76b00 inset; + box-shadow: 0 0 0 2px #e76b00 inset; + color: #FF851B; } /* Tertiary */ -.ui.tertiary.blue.buttons .button, -.ui.tertiary.blue.buttons .tertiary.button, -.ui.tertiary.blue.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #2185D0 !important; +.ui.tertiary.orange.buttons .button, +.ui.tertiary.orange.buttons .tertiary.button, +.ui.tertiary.orange.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #F2711C; } -.ui.tertiary.blue.buttons .button:hover, -.ui.tertiary.blue.buttons button:hover, -.ui.tertiary.blue.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac !important; - box-shadow: inset 0 -0.2em 0 #2b75ac !important; - color: #2b75ac !important; +.ui.tertiary.orange.buttons .button:hover, +.ui.tertiary.orange.buttons button:hover, +.ui.tertiary.orange.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #da671b; + box-shadow: inset 0 -0.2em 0 #da671b; + color: #da671b; } -.ui.tertiary.blue.buttons .button:focus, -.ui.tertiary.blue.buttons .tertiary.button:focus, -.ui.tertiary.blue.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #216ea7 !important; - box-shadow: inset 0 -0.2em 0 #216ea7 !important; - color: #216ea7 !important; +.ui.tertiary.orange.buttons .button:focus, +.ui.tertiary.orange.buttons .tertiary.button:focus, +.ui.tertiary.orange.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #ce6017; + box-shadow: inset 0 -0.2em 0 #ce6017; + color: #ce6017; } -.ui.tertiary.blue.buttons .active.button, -.ui.tertiary.blue.buttons .tertiary.active.button, -.ui.tertiary.blue.active.button, -.ui.tertiary.blue.buttons .button:active, -.ui.tertiary.blue.buttons .tertiary.button:active, -.ui.tertiary.blue.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #007bd8 !important; - box-shadow: inset 0 -0.2em 0 #007bd8 !important; - color: #1279c6 !important; +.ui.tertiary.orange.buttons .active.button, +.ui.tertiary.orange.buttons .tertiary.active.button, +.ui.tertiary.orange.active.button, +.ui.tertiary.orange.buttons .button:active, +.ui.tertiary.orange.buttons .tertiary.button:active, +.ui.tertiary.orange.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #f56100; + box-shadow: inset 0 -0.2em 0 #f56100; + color: #f56100; } - -/*--- Green ---*/ - -.ui.green.buttons .button, -.ui.green.button { - background-color: #21BA45; +.ui.yellow.buttons .button, +.ui.yellow.button { + background-color: #FBBD08; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.green.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.yellow.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.green.buttons .button:hover, -.ui.green.button:hover { - background-color: #16ab39; +.ui.yellow.buttons .button:hover, +.ui.yellow.button:hover { + background-color: #eaae00; color: #FFFFFF; text-shadow: none; } -.ui.green.buttons .button:focus, -.ui.green.button:focus { - background-color: #0ea432; +.ui.yellow.buttons .button:focus, +.ui.yellow.button:focus { + background-color: #daa300; color: #FFFFFF; text-shadow: none; } -.ui.green.buttons .button:active, -.ui.green.button:active { - background-color: #198f35; +.ui.yellow.buttons .button:active, +.ui.yellow.button:active { + background-color: #cd9903; color: #FFFFFF; text-shadow: none; } -.ui.green.buttons .active.button, -.ui.green.buttons .active.button:active, -.ui.green.active.button, -.ui.green.button .active.button:active { - background-color: #13ae38; +.ui.yellow.buttons .active.button, +.ui.yellow.buttons .active.button:active, +.ui.yellow.active.button, +.ui.yellow.button .active.button:active { + background-color: #eaae00; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.green.buttons .button, -.ui.basic.green.button { - -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - color: #21BA45 !important; +.ui.basic.yellow.buttons .button, +.ui.basic.yellow.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #FBBD08 inset; + box-shadow: 0 0 0 1px #FBBD08 inset; + color: #FBBD08; } -.ui.basic.green.buttons .button:hover, -.ui.basic.green.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - color: #16ab39 !important; +.ui.basic.yellow.buttons .button:hover, +.ui.basic.yellow.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #eaae00 inset; + box-shadow: 0 0 0 1px #eaae00 inset; + color: #eaae00; } -.ui.basic.green.buttons .button:focus, -.ui.basic.green.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - color: #16ab39 !important; +.ui.basic.yellow.buttons .button:focus, +.ui.basic.yellow.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #daa300 inset; + box-shadow: 0 0 0 1px #daa300 inset; + color: #eaae00; } -.ui.basic.green.buttons .active.button, -.ui.basic.green.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - color: #198f35 !important; +.ui.basic.yellow.buttons .active.button, +.ui.basic.yellow.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #eaae00 inset; + box-shadow: 0 0 0 1px #eaae00 inset; + color: #cd9903; } -.ui.basic.green.buttons .button:active, -.ui.basic.green.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - box-shadow: 0px 0px 0px 1px #198f35 inset !important; - color: #198f35 !important; +.ui.basic.yellow.buttons .button:active, +.ui.basic.yellow.button:active { + -webkit-box-shadow: 0 0 0 1px #cd9903 inset; + box-shadow: 0 0 0 1px #cd9903 inset; + color: #cd9903; } -.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.green.buttons .button, -.ui.inverted.green.button { +.ui.inverted.yellow.buttons .button, +.ui.inverted.yellow.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #2ECC40 inset !important; - box-shadow: 0px 0px 0px 2px #2ECC40 inset !important; - color: #2ECC40; + -webkit-box-shadow: 0 0 0 2px #FFE21F inset; + box-shadow: 0 0 0 2px #FFE21F inset; + color: #FFE21F; } -.ui.inverted.green.buttons .button:hover, -.ui.inverted.green.button:hover, -.ui.inverted.green.buttons .button:focus, -.ui.inverted.green.button:focus, -.ui.inverted.green.buttons .button.active, -.ui.inverted.green.button.active, -.ui.inverted.green.buttons .button:active, -.ui.inverted.green.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; +.ui.inverted.yellow.buttons .button:hover, +.ui.inverted.yellow.button:hover, +.ui.inverted.yellow.buttons .button:focus, +.ui.inverted.yellow.button:focus, +.ui.inverted.yellow.buttons .button.active, +.ui.inverted.yellow.button.active, +.ui.inverted.yellow.buttons .button:active, +.ui.inverted.yellow.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; + color: rgba(0, 0, 0, 0.6); } -.ui.inverted.green.buttons .button:hover, -.ui.inverted.green.button:hover { - background-color: #22be34; +.ui.inverted.yellow.buttons .button:hover, +.ui.inverted.yellow.button:hover { + background-color: #ebcd00; } -.ui.inverted.green.buttons .button:focus, -.ui.inverted.green.button:focus { - background-color: #19b82b; +.ui.inverted.yellow.buttons .button:focus, +.ui.inverted.yellow.button:focus { + background-color: #f5d500; } -.ui.inverted.green.buttons .active.button, -.ui.inverted.green.active.button { - background-color: #1fc231; +.ui.inverted.yellow.buttons .active.button, +.ui.inverted.yellow.active.button { + background-color: #ffdf05; } -.ui.inverted.green.buttons .button:active, -.ui.inverted.green.button:active { - background-color: #25a233; +.ui.inverted.yellow.buttons .button:active, +.ui.inverted.yellow.button:active { + background-color: #ebcd00; } /* Inverted Basic */ -.ui.inverted.green.basic.buttons .button, -.ui.inverted.green.buttons .basic.button, -.ui.inverted.green.basic.button { +.ui.inverted.yellow.basic.buttons .button, +.ui.inverted.yellow.buttons .basic.button, +.ui.inverted.yellow.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.green.basic.buttons .button:hover, -.ui.inverted.green.buttons .basic.button:hover, -.ui.inverted.green.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #22be34 inset !important; - box-shadow: 0px 0px 0px 2px #22be34 inset !important; - color: #2ECC40 !important; +.ui.inverted.yellow.basic.buttons .button:hover, +.ui.inverted.yellow.buttons .basic.button:hover, +.ui.inverted.yellow.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #ebcd00 inset; + box-shadow: 0 0 0 2px #ebcd00 inset; + color: #FFE21F; } -.ui.inverted.green.basic.buttons .button:focus, -.ui.inverted.green.basic.buttons .button:focus, -.ui.inverted.green.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #19b82b inset !important; - box-shadow: 0px 0px 0px 2px #19b82b inset !important; - color: #2ECC40 !important; +.ui.inverted.yellow.basic.buttons .button:focus, +.ui.inverted.yellow.basic.buttons .button:focus, +.ui.inverted.yellow.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #f5d500 inset; + box-shadow: 0 0 0 2px #f5d500 inset; + color: #FFE21F; } -.ui.inverted.green.basic.buttons .active.button, -.ui.inverted.green.buttons .basic.active.button, -.ui.inverted.green.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #1fc231 inset !important; - box-shadow: 0px 0px 0px 2px #1fc231 inset !important; - color: #2ECC40 !important; +.ui.inverted.yellow.basic.buttons .active.button, +.ui.inverted.yellow.buttons .basic.active.button, +.ui.inverted.yellow.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #ffdf05 inset; + box-shadow: 0 0 0 2px #ffdf05 inset; + color: #FFE21F; } -.ui.inverted.green.basic.buttons .button:active, -.ui.inverted.green.buttons .basic.button:active, -.ui.inverted.green.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #25a233 inset !important; - box-shadow: 0px 0px 0px 2px #25a233 inset !important; - color: #2ECC40 !important; +.ui.inverted.yellow.basic.buttons .button:active, +.ui.inverted.yellow.buttons .basic.button:active, +.ui.inverted.yellow.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #ebcd00 inset; + box-shadow: 0 0 0 2px #ebcd00 inset; + color: #FFE21F; } /* Tertiary */ -.ui.tertiary.green.buttons .button, -.ui.tertiary.green.buttons .tertiary.button, -.ui.tertiary.green.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #21BA45 !important; +.ui.tertiary.yellow.buttons .button, +.ui.tertiary.yellow.buttons .tertiary.button, +.ui.tertiary.yellow.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #FBBD08; } -.ui.tertiary.green.buttons .button:hover, -.ui.tertiary.green.buttons button:hover, -.ui.tertiary.green.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #2a9844 !important; - box-shadow: inset 0 -0.2em 0 #2a9844 !important; - color: #2a9844 !important; +.ui.tertiary.yellow.buttons .button:hover, +.ui.tertiary.yellow.buttons button:hover, +.ui.tertiary.yellow.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #d2a217; + box-shadow: inset 0 -0.2em 0 #d2a217; + color: #d2a217; } -.ui.tertiary.green.buttons .button:focus, -.ui.tertiary.green.buttons .tertiary.button:focus, -.ui.tertiary.green.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #20923b !important; - box-shadow: inset 0 -0.2em 0 #20923b !important; - color: #20923b !important; +.ui.tertiary.yellow.buttons .button:focus, +.ui.tertiary.yellow.buttons .tertiary.button:focus, +.ui.tertiary.yellow.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #c49816; + box-shadow: inset 0 -0.2em 0 #c49816; + color: #c49816; } -.ui.tertiary.green.buttons .active.button, -.ui.tertiary.green.buttons .tertiary.active.button, -.ui.tertiary.green.active.button, -.ui.tertiary.green.buttons .button:active, -.ui.tertiary.green.buttons .tertiary.button:active, -.ui.tertiary.green.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #00c22e !important; - box-shadow: inset 0 -0.2em 0 #00c22e !important; - color: #13ae38 !important; +.ui.tertiary.yellow.buttons .active.button, +.ui.tertiary.yellow.buttons .tertiary.active.button, +.ui.tertiary.yellow.active.button, +.ui.tertiary.yellow.buttons .button:active, +.ui.tertiary.yellow.buttons .tertiary.button:active, +.ui.tertiary.yellow.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #eaae00; + box-shadow: inset 0 -0.2em 0 #eaae00; + color: #eaae00; } - -/*--- Orange ---*/ - -.ui.orange.buttons .button, -.ui.orange.button { - background-color: #F2711C; +.ui.olive.buttons .button, +.ui.olive.button { + background-color: #B5CC18; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.orange.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.olive.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.orange.buttons .button:hover, -.ui.orange.button:hover { - background-color: #f26202; +.ui.olive.buttons .button:hover, +.ui.olive.button:hover { + background-color: #a7bd0d; color: #FFFFFF; text-shadow: none; } -.ui.orange.buttons .button:focus, -.ui.orange.button:focus { - background-color: #e55b00; +.ui.olive.buttons .button:focus, +.ui.olive.button:focus { + background-color: #a0b605; color: #FFFFFF; text-shadow: none; } -.ui.orange.buttons .button:active, -.ui.orange.button:active { - background-color: #cf590c; +.ui.olive.buttons .button:active, +.ui.olive.button:active { + background-color: #8d9e13; color: #FFFFFF; text-shadow: none; } -.ui.orange.buttons .active.button, -.ui.orange.buttons .active.button:active, -.ui.orange.active.button, -.ui.orange.button .active.button:active { - background-color: #f56100; +.ui.olive.buttons .active.button, +.ui.olive.buttons .active.button:active, +.ui.olive.active.button, +.ui.olive.button .active.button:active { + background-color: #aac109; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.orange.buttons .button, -.ui.basic.orange.button { - -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset !important; - box-shadow: 0px 0px 0px 1px #F2711C inset !important; - color: #F2711C !important; +.ui.basic.olive.buttons .button, +.ui.basic.olive.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #B5CC18 inset; + box-shadow: 0 0 0 1px #B5CC18 inset; + color: #B5CC18; } -.ui.basic.orange.buttons .button:hover, -.ui.basic.orange.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #f26202 inset !important; - box-shadow: 0px 0px 0px 1px #f26202 inset !important; - color: #f26202 !important; +.ui.basic.olive.buttons .button:hover, +.ui.basic.olive.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #a7bd0d inset; + box-shadow: 0 0 0 1px #a7bd0d inset; + color: #a7bd0d; } -.ui.basic.orange.buttons .button:focus, -.ui.basic.orange.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #e55b00 inset !important; - box-shadow: 0px 0px 0px 1px #e55b00 inset !important; - color: #f26202 !important; +.ui.basic.olive.buttons .button:focus, +.ui.basic.olive.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #a0b605 inset; + box-shadow: 0 0 0 1px #a0b605 inset; + color: #a7bd0d; } -.ui.basic.orange.buttons .active.button, -.ui.basic.orange.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #f56100 inset !important; - box-shadow: 0px 0px 0px 1px #f56100 inset !important; - color: #cf590c !important; +.ui.basic.olive.buttons .active.button, +.ui.basic.olive.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #aac109 inset; + box-shadow: 0 0 0 1px #aac109 inset; + color: #8d9e13; } -.ui.basic.orange.buttons .button:active, -.ui.basic.orange.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cf590c inset !important; - box-shadow: 0px 0px 0px 1px #cf590c inset !important; - color: #cf590c !important; +.ui.basic.olive.buttons .button:active, +.ui.basic.olive.button:active { + -webkit-box-shadow: 0 0 0 1px #8d9e13 inset; + box-shadow: 0 0 0 1px #8d9e13 inset; + color: #8d9e13; } -.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.orange.buttons .button, -.ui.inverted.orange.button { +.ui.inverted.olive.buttons .button, +.ui.inverted.olive.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FF851B inset !important; - box-shadow: 0px 0px 0px 2px #FF851B inset !important; - color: #FF851B; + -webkit-box-shadow: 0 0 0 2px #D9E778 inset; + box-shadow: 0 0 0 2px #D9E778 inset; + color: #D9E778; } -.ui.inverted.orange.buttons .button:hover, -.ui.inverted.orange.button:hover, -.ui.inverted.orange.buttons .button:focus, -.ui.inverted.orange.button:focus, -.ui.inverted.orange.buttons .button.active, -.ui.inverted.orange.button.active, -.ui.inverted.orange.buttons .button:active, -.ui.inverted.orange.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; +.ui.inverted.olive.buttons .button:hover, +.ui.inverted.olive.button:hover, +.ui.inverted.olive.buttons .button:focus, +.ui.inverted.olive.button:focus, +.ui.inverted.olive.buttons .button.active, +.ui.inverted.olive.button.active, +.ui.inverted.olive.buttons .button:active, +.ui.inverted.olive.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; + color: rgba(0, 0, 0, 0.6); } -.ui.inverted.orange.buttons .button:hover, -.ui.inverted.orange.button:hover { - background-color: #ff7701; +.ui.inverted.olive.buttons .button:hover, +.ui.inverted.olive.button:hover { + background-color: #d2e745; } -.ui.inverted.orange.buttons .button:focus, -.ui.inverted.orange.button:focus { - background-color: #f17000; +.ui.inverted.olive.buttons .button:focus, +.ui.inverted.olive.button:focus { + background-color: #daef47; } -.ui.inverted.orange.buttons .active.button, -.ui.inverted.orange.active.button { - background-color: #ff7701; +.ui.inverted.olive.buttons .active.button, +.ui.inverted.olive.active.button { + background-color: #daed59; } -.ui.inverted.orange.buttons .button:active, -.ui.inverted.orange.button:active { - background-color: #e76b00; +.ui.inverted.olive.buttons .button:active, +.ui.inverted.olive.button:active { + background-color: #cddf4d; } /* Inverted Basic */ -.ui.inverted.orange.basic.buttons .button, -.ui.inverted.orange.buttons .basic.button, -.ui.inverted.orange.basic.button { +.ui.inverted.olive.basic.buttons .button, +.ui.inverted.olive.buttons .basic.button, +.ui.inverted.olive.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.orange.basic.buttons .button:hover, -.ui.inverted.orange.buttons .basic.button:hover, -.ui.inverted.orange.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - color: #FF851B !important; +.ui.inverted.olive.basic.buttons .button:hover, +.ui.inverted.olive.buttons .basic.button:hover, +.ui.inverted.olive.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #d2e745 inset; + box-shadow: 0 0 0 2px #d2e745 inset; + color: #D9E778; } -.ui.inverted.orange.basic.buttons .button:focus, -.ui.inverted.orange.basic.buttons .button:focus, -.ui.inverted.orange.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #f17000 inset !important; - box-shadow: 0px 0px 0px 2px #f17000 inset !important; - color: #FF851B !important; +.ui.inverted.olive.basic.buttons .button:focus, +.ui.inverted.olive.basic.buttons .button:focus, +.ui.inverted.olive.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #daef47 inset; + box-shadow: 0 0 0 2px #daef47 inset; + color: #D9E778; } -.ui.inverted.orange.basic.buttons .active.button, -.ui.inverted.orange.buttons .basic.active.button, -.ui.inverted.orange.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - box-shadow: 0px 0px 0px 2px #ff7701 inset !important; - color: #FF851B !important; +.ui.inverted.olive.basic.buttons .active.button, +.ui.inverted.olive.buttons .basic.active.button, +.ui.inverted.olive.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #daed59 inset; + box-shadow: 0 0 0 2px #daed59 inset; + color: #D9E778; } -.ui.inverted.orange.basic.buttons .button:active, -.ui.inverted.orange.buttons .basic.button:active, -.ui.inverted.orange.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #e76b00 inset !important; - box-shadow: 0px 0px 0px 2px #e76b00 inset !important; - color: #FF851B !important; +.ui.inverted.olive.basic.buttons .button:active, +.ui.inverted.olive.buttons .basic.button:active, +.ui.inverted.olive.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #cddf4d inset; + box-shadow: 0 0 0 2px #cddf4d inset; + color: #D9E778; } /* Tertiary */ -.ui.tertiary.orange.buttons .button, -.ui.tertiary.orange.buttons .tertiary.button, -.ui.tertiary.orange.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #F2711C !important; +.ui.tertiary.olive.buttons .button, +.ui.tertiary.olive.buttons .tertiary.button, +.ui.tertiary.olive.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #B5CC18; } -.ui.tertiary.orange.buttons .button:hover, -.ui.tertiary.orange.buttons button:hover, -.ui.tertiary.orange.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #da671b !important; - box-shadow: inset 0 -0.2em 0 #da671b !important; - color: #da671b !important; +.ui.tertiary.olive.buttons .button:hover, +.ui.tertiary.olive.buttons button:hover, +.ui.tertiary.olive.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #98a922; + box-shadow: inset 0 -0.2em 0 #98a922; + color: #98a922; } -.ui.tertiary.orange.buttons .button:focus, -.ui.tertiary.orange.buttons .tertiary.button:focus, -.ui.tertiary.orange.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #ce6017 !important; - box-shadow: inset 0 -0.2em 0 #ce6017 !important; - color: #ce6017 !important; +.ui.tertiary.olive.buttons .button:focus, +.ui.tertiary.olive.buttons .tertiary.button:focus, +.ui.tertiary.olive.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #92a418; + box-shadow: inset 0 -0.2em 0 #92a418; + color: #92a418; } -.ui.tertiary.orange.buttons .active.button, -.ui.tertiary.orange.buttons .tertiary.active.button, -.ui.tertiary.orange.active.button, -.ui.tertiary.orange.buttons .button:active, -.ui.tertiary.orange.buttons .tertiary.button:active, -.ui.tertiary.orange.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #f56100 !important; - box-shadow: inset 0 -0.2em 0 #f56100 !important; - color: #f56100 !important; +.ui.tertiary.olive.buttons .active.button, +.ui.tertiary.olive.buttons .tertiary.active.button, +.ui.tertiary.olive.active.button, +.ui.tertiary.olive.buttons .button:active, +.ui.tertiary.olive.buttons .tertiary.button:active, +.ui.tertiary.olive.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #b1cb00; + box-shadow: inset 0 -0.2em 0 #b1cb00; + color: #aac109; } - -/*--- Pink ---*/ - -.ui.pink.buttons .button, -.ui.pink.button { - background-color: #E03997; +.ui.green.buttons .button, +.ui.green.button { + background-color: #21BA45; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.pink.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.green.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.pink.buttons .button:hover, -.ui.pink.button:hover { - background-color: #e61a8d; +.ui.green.buttons .button:hover, +.ui.green.button:hover { + background-color: #16ab39; color: #FFFFFF; text-shadow: none; } -.ui.pink.buttons .button:focus, -.ui.pink.button:focus { - background-color: #e10f85; +.ui.green.buttons .button:focus, +.ui.green.button:focus { + background-color: #0ea432; color: #FFFFFF; text-shadow: none; } -.ui.pink.buttons .button:active, -.ui.pink.button:active { - background-color: #c71f7e; +.ui.green.buttons .button:active, +.ui.green.button:active { + background-color: #198f35; color: #FFFFFF; text-shadow: none; } -.ui.pink.buttons .active.button, -.ui.pink.buttons .active.button:active, -.ui.pink.active.button, -.ui.pink.button .active.button:active { - background-color: #ea158d; +.ui.green.buttons .active.button, +.ui.green.buttons .active.button:active, +.ui.green.active.button, +.ui.green.button .active.button:active { + background-color: #13ae38; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.pink.buttons .button, -.ui.basic.pink.button { - -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset !important; - box-shadow: 0px 0px 0px 1px #E03997 inset !important; - color: #E03997 !important; +.ui.basic.green.buttons .button, +.ui.basic.green.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #21BA45 inset; + box-shadow: 0 0 0 1px #21BA45 inset; + color: #21BA45; } -.ui.basic.pink.buttons .button:hover, -.ui.basic.pink.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #e61a8d inset !important; - box-shadow: 0px 0px 0px 1px #e61a8d inset !important; - color: #e61a8d !important; +.ui.basic.green.buttons .button:hover, +.ui.basic.green.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #16ab39 inset; + box-shadow: 0 0 0 1px #16ab39 inset; + color: #16ab39; } -.ui.basic.pink.buttons .button:focus, -.ui.basic.pink.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #e10f85 inset !important; - box-shadow: 0px 0px 0px 1px #e10f85 inset !important; - color: #e61a8d !important; +.ui.basic.green.buttons .button:focus, +.ui.basic.green.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #0ea432 inset; + box-shadow: 0 0 0 1px #0ea432 inset; + color: #16ab39; } -.ui.basic.pink.buttons .active.button, -.ui.basic.pink.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #ea158d inset !important; - box-shadow: 0px 0px 0px 1px #ea158d inset !important; - color: #c71f7e !important; +.ui.basic.green.buttons .active.button, +.ui.basic.green.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #13ae38 inset; + box-shadow: 0 0 0 1px #13ae38 inset; + color: #198f35; } -.ui.basic.pink.buttons .button:active, -.ui.basic.pink.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #c71f7e inset !important; - box-shadow: 0px 0px 0px 1px #c71f7e inset !important; - color: #c71f7e !important; +.ui.basic.green.buttons .button:active, +.ui.basic.green.button:active { + -webkit-box-shadow: 0 0 0 1px #198f35 inset; + box-shadow: 0 0 0 1px #198f35 inset; + color: #198f35; } -.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.pink.buttons .button, -.ui.inverted.pink.button { +.ui.inverted.green.buttons .button, +.ui.inverted.green.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; - box-shadow: 0px 0px 0px 2px #FF8EDF inset !important; - color: #FF8EDF; + -webkit-box-shadow: 0 0 0 2px #2ECC40 inset; + box-shadow: 0 0 0 2px #2ECC40 inset; + color: #2ECC40; } -.ui.inverted.pink.buttons .button:hover, -.ui.inverted.pink.button:hover, -.ui.inverted.pink.buttons .button:focus, -.ui.inverted.pink.button:focus, -.ui.inverted.pink.buttons .button.active, -.ui.inverted.pink.button.active, -.ui.inverted.pink.buttons .button:active, -.ui.inverted.pink.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.ui.inverted.green.buttons .button:hover, +.ui.inverted.green.button:hover, +.ui.inverted.green.buttons .button:focus, +.ui.inverted.green.button:focus, +.ui.inverted.green.buttons .button.active, +.ui.inverted.green.button.active, +.ui.inverted.green.buttons .button:active, +.ui.inverted.green.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; color: #FFFFFF; } -.ui.inverted.pink.buttons .button:hover, -.ui.inverted.pink.button:hover { - background-color: #ff74d8; +.ui.inverted.green.buttons .button:hover, +.ui.inverted.green.button:hover { + background-color: #1ea92e; } -.ui.inverted.pink.buttons .button:focus, -.ui.inverted.pink.button:focus { - background-color: #ff65d3; +.ui.inverted.green.buttons .button:focus, +.ui.inverted.green.button:focus { + background-color: #19b82b; } -.ui.inverted.pink.buttons .active.button, -.ui.inverted.pink.active.button { - background-color: #ff74d8; +.ui.inverted.green.buttons .active.button, +.ui.inverted.green.active.button { + background-color: #1fc231; } -.ui.inverted.pink.buttons .button:active, -.ui.inverted.pink.button:active { - background-color: #ff5bd1; +.ui.inverted.green.buttons .button:active, +.ui.inverted.green.button:active { + background-color: #25a233; } /* Inverted Basic */ -.ui.inverted.pink.basic.buttons .button, -.ui.inverted.pink.buttons .basic.button, -.ui.inverted.pink.basic.button { +.ui.inverted.green.basic.buttons .button, +.ui.inverted.green.buttons .basic.button, +.ui.inverted.green.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.pink.basic.buttons .button:hover, -.ui.inverted.pink.buttons .basic.button:hover, -.ui.inverted.pink.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - color: #FF8EDF !important; +.ui.inverted.green.basic.buttons .button:hover, +.ui.inverted.green.buttons .basic.button:hover, +.ui.inverted.green.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #1ea92e inset; + box-shadow: 0 0 0 2px #1ea92e inset; + color: #2ECC40; } -.ui.inverted.pink.basic.buttons .button:focus, -.ui.inverted.pink.basic.buttons .button:focus, -.ui.inverted.pink.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; - box-shadow: 0px 0px 0px 2px #ff65d3 inset !important; - color: #FF8EDF !important; +.ui.inverted.green.basic.buttons .button:focus, +.ui.inverted.green.basic.buttons .button:focus, +.ui.inverted.green.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #19b82b inset; + box-shadow: 0 0 0 2px #19b82b inset; + color: #2ECC40; } -.ui.inverted.pink.basic.buttons .active.button, -.ui.inverted.pink.buttons .basic.active.button, -.ui.inverted.pink.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - box-shadow: 0px 0px 0px 2px #ff74d8 inset !important; - color: #FF8EDF !important; +.ui.inverted.green.basic.buttons .active.button, +.ui.inverted.green.buttons .basic.active.button, +.ui.inverted.green.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #1fc231 inset; + box-shadow: 0 0 0 2px #1fc231 inset; + color: #2ECC40; } -.ui.inverted.pink.basic.buttons .button:active, -.ui.inverted.pink.buttons .basic.button:active, -.ui.inverted.pink.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; - box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important; - color: #FF8EDF !important; +.ui.inverted.green.basic.buttons .button:active, +.ui.inverted.green.buttons .basic.button:active, +.ui.inverted.green.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #25a233 inset; + box-shadow: 0 0 0 2px #25a233 inset; + color: #2ECC40; } /* Tertiary */ -.ui.tertiary.pink.buttons .button, -.ui.tertiary.pink.buttons .tertiary.button, -.ui.tertiary.pink.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #E03997 !important; +.ui.tertiary.green.buttons .button, +.ui.tertiary.green.buttons .tertiary.button, +.ui.tertiary.green.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #21BA45; } -.ui.tertiary.pink.buttons .button:hover, -.ui.tertiary.pink.buttons button:hover, -.ui.tertiary.pink.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #cc3389 !important; - box-shadow: inset 0 -0.2em 0 #cc3389 !important; - color: #cc3389 !important; +.ui.tertiary.green.buttons .button:hover, +.ui.tertiary.green.buttons button:hover, +.ui.tertiary.green.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #2a9844; + box-shadow: inset 0 -0.2em 0 #2a9844; + color: #2a9844; } -.ui.tertiary.pink.buttons .button:focus, -.ui.tertiary.pink.buttons .tertiary.button:focus, -.ui.tertiary.pink.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #c92782 !important; - box-shadow: inset 0 -0.2em 0 #c92782 !important; - color: #c92782 !important; +.ui.tertiary.green.buttons .button:focus, +.ui.tertiary.green.buttons .tertiary.button:focus, +.ui.tertiary.green.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #20923b; + box-shadow: inset 0 -0.2em 0 #20923b; + color: #20923b; } -.ui.tertiary.pink.buttons .active.button, -.ui.tertiary.pink.buttons .tertiary.active.button, -.ui.tertiary.pink.active.button, -.ui.tertiary.pink.buttons .button:active, -.ui.tertiary.pink.buttons .tertiary.button:active, -.ui.tertiary.pink.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #ff0090 !important; - box-shadow: inset 0 -0.2em 0 #ff0090 !important; - color: #ea158d !important; +.ui.tertiary.green.buttons .active.button, +.ui.tertiary.green.buttons .tertiary.active.button, +.ui.tertiary.green.active.button, +.ui.tertiary.green.buttons .button:active, +.ui.tertiary.green.buttons .tertiary.button:active, +.ui.tertiary.green.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #00c22e; + box-shadow: inset 0 -0.2em 0 #00c22e; + color: #13ae38; } - -/*--- Violet ---*/ - -.ui.violet.buttons .button, -.ui.violet.button { - background-color: #6435C9; +.ui.teal.buttons .button, +.ui.teal.button { + background-color: #00B5AD; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.violet.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.teal.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.violet.buttons .button:hover, -.ui.violet.button:hover { - background-color: #5829bb; +.ui.teal.buttons .button:hover, +.ui.teal.button:hover { + background-color: #009c95; color: #FFFFFF; text-shadow: none; } -.ui.violet.buttons .button:focus, -.ui.violet.button:focus { - background-color: #4f20b5; +.ui.teal.buttons .button:focus, +.ui.teal.button:focus { + background-color: #008c86; color: #FFFFFF; text-shadow: none; } -.ui.violet.buttons .button:active, -.ui.violet.button:active { - background-color: #502aa1; +.ui.teal.buttons .button:active, +.ui.teal.button:active { + background-color: #00827c; color: #FFFFFF; text-shadow: none; } -.ui.violet.buttons .active.button, -.ui.violet.buttons .active.button:active, -.ui.violet.active.button, -.ui.violet.button .active.button:active { - background-color: #5626bf; +.ui.teal.buttons .active.button, +.ui.teal.buttons .active.button:active, +.ui.teal.active.button, +.ui.teal.button .active.button:active { + background-color: #009c95; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.violet.buttons .button, -.ui.basic.violet.button { - -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset !important; - box-shadow: 0px 0px 0px 1px #6435C9 inset !important; - color: #6435C9 !important; +.ui.basic.teal.buttons .button, +.ui.basic.teal.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #00B5AD inset; + box-shadow: 0 0 0 1px #00B5AD inset; + color: #00B5AD; } -.ui.basic.violet.buttons .button:hover, -.ui.basic.violet.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #5829bb inset !important; - box-shadow: 0px 0px 0px 1px #5829bb inset !important; - color: #5829bb !important; +.ui.basic.teal.buttons .button:hover, +.ui.basic.teal.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #009c95 inset; + box-shadow: 0 0 0 1px #009c95 inset; + color: #009c95; } -.ui.basic.violet.buttons .button:focus, -.ui.basic.violet.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; - box-shadow: 0px 0px 0px 1px #4f20b5 inset !important; - color: #5829bb !important; +.ui.basic.teal.buttons .button:focus, +.ui.basic.teal.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #008c86 inset; + box-shadow: 0 0 0 1px #008c86 inset; + color: #009c95; } -.ui.basic.violet.buttons .active.button, -.ui.basic.violet.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #5626bf inset !important; - box-shadow: 0px 0px 0px 1px #5626bf inset !important; - color: #502aa1 !important; +.ui.basic.teal.buttons .active.button, +.ui.basic.teal.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #009c95 inset; + box-shadow: 0 0 0 1px #009c95 inset; + color: #00827c; } -.ui.basic.violet.buttons .button:active, -.ui.basic.violet.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #502aa1 inset !important; - box-shadow: 0px 0px 0px 1px #502aa1 inset !important; - color: #502aa1 !important; +.ui.basic.teal.buttons .button:active, +.ui.basic.teal.button:active { + -webkit-box-shadow: 0 0 0 1px #00827c inset; + box-shadow: 0 0 0 1px #00827c inset; + color: #00827c; } -.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.violet.buttons .button, -.ui.inverted.violet.button { +.ui.inverted.teal.buttons .button, +.ui.inverted.teal.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #A291FB inset !important; - box-shadow: 0px 0px 0px 2px #A291FB inset !important; - color: #A291FB; + -webkit-box-shadow: 0 0 0 2px #6DFFFF inset; + box-shadow: 0 0 0 2px #6DFFFF inset; + color: #6DFFFF; } -.ui.inverted.violet.buttons .button:hover, -.ui.inverted.violet.button:hover, -.ui.inverted.violet.buttons .button:focus, -.ui.inverted.violet.button:focus, -.ui.inverted.violet.buttons .button.active, -.ui.inverted.violet.button.active, -.ui.inverted.violet.buttons .button:active, -.ui.inverted.violet.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FFFFFF; +.ui.inverted.teal.buttons .button:hover, +.ui.inverted.teal.button:hover, +.ui.inverted.teal.buttons .button:focus, +.ui.inverted.teal.button:focus, +.ui.inverted.teal.buttons .button.active, +.ui.inverted.teal.button.active, +.ui.inverted.teal.buttons .button:active, +.ui.inverted.teal.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; + color: rgba(0, 0, 0, 0.6); } -.ui.inverted.violet.buttons .button:hover, -.ui.inverted.violet.button:hover { - background-color: #8a73ff; +.ui.inverted.teal.buttons .button:hover, +.ui.inverted.teal.button:hover { + background-color: #3affff; } -.ui.inverted.violet.buttons .button:focus, -.ui.inverted.violet.button:focus { - background-color: #7d64ff; +.ui.inverted.teal.buttons .button:focus, +.ui.inverted.teal.button:focus { + background-color: #44ffff; } -.ui.inverted.violet.buttons .active.button, -.ui.inverted.violet.active.button { - background-color: #8a73ff; +.ui.inverted.teal.buttons .active.button, +.ui.inverted.teal.active.button { + background-color: #54ffff; } -.ui.inverted.violet.buttons .button:active, -.ui.inverted.violet.button:active { - background-color: #7860f9; +.ui.inverted.teal.buttons .button:active, +.ui.inverted.teal.button:active { + background-color: #3affff; } /* Inverted Basic */ -.ui.inverted.violet.basic.buttons .button, -.ui.inverted.violet.buttons .basic.button, -.ui.inverted.violet.basic.button { +.ui.inverted.teal.basic.buttons .button, +.ui.inverted.teal.buttons .basic.button, +.ui.inverted.teal.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.violet.basic.buttons .button:hover, -.ui.inverted.violet.buttons .basic.button:hover, -.ui.inverted.violet.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - color: #A291FB !important; +.ui.inverted.teal.basic.buttons .button:hover, +.ui.inverted.teal.buttons .basic.button:hover, +.ui.inverted.teal.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #3affff inset; + box-shadow: 0 0 0 2px #3affff inset; + color: #6DFFFF; } -.ui.inverted.violet.basic.buttons .button:focus, -.ui.inverted.violet.basic.buttons .button:focus, -.ui.inverted.violet.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #7d64ff inset !important; - box-shadow: 0px 0px 0px 2px #7d64ff inset !important; - color: #A291FB !important; +.ui.inverted.teal.basic.buttons .button:focus, +.ui.inverted.teal.basic.buttons .button:focus, +.ui.inverted.teal.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #44ffff inset; + box-shadow: 0 0 0 2px #44ffff inset; + color: #6DFFFF; } -.ui.inverted.violet.basic.buttons .active.button, -.ui.inverted.violet.buttons .basic.active.button, -.ui.inverted.violet.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - box-shadow: 0px 0px 0px 2px #8a73ff inset !important; - color: #A291FB !important; +.ui.inverted.teal.basic.buttons .active.button, +.ui.inverted.teal.buttons .basic.active.button, +.ui.inverted.teal.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #54ffff inset; + box-shadow: 0 0 0 2px #54ffff inset; + color: #6DFFFF; } -.ui.inverted.violet.basic.buttons .button:active, -.ui.inverted.violet.buttons .basic.button:active, -.ui.inverted.violet.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #7860f9 inset !important; - box-shadow: 0px 0px 0px 2px #7860f9 inset !important; - color: #A291FB !important; +.ui.inverted.teal.basic.buttons .button:active, +.ui.inverted.teal.buttons .basic.button:active, +.ui.inverted.teal.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #3affff inset; + box-shadow: 0 0 0 2px #3affff inset; + color: #6DFFFF; } /* Tertiary */ -.ui.tertiary.violet.buttons .button, -.ui.tertiary.violet.buttons .tertiary.button, -.ui.tertiary.violet.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #6435C9 !important; +.ui.tertiary.teal.buttons .button, +.ui.tertiary.teal.buttons .tertiary.button, +.ui.tertiary.teal.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #00B5AD; } -.ui.tertiary.violet.buttons .button:hover, -.ui.tertiary.violet.buttons button:hover, -.ui.tertiary.violet.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #6040a5 !important; - box-shadow: inset 0 -0.2em 0 #6040a5 !important; - color: #6040a5 !important; +.ui.tertiary.teal.buttons .button:hover, +.ui.tertiary.teal.buttons button:hover, +.ui.tertiary.teal.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #108c86; + box-shadow: inset 0 -0.2em 0 #108c86; + color: #108c86; } -.ui.tertiary.violet.buttons .button:focus, -.ui.tertiary.violet.buttons .tertiary.button:focus, -.ui.tertiary.violet.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #5735a0 !important; - box-shadow: inset 0 -0.2em 0 #5735a0 !important; - color: #5735a0 !important; +.ui.tertiary.teal.buttons .button:focus, +.ui.tertiary.teal.buttons .tertiary.button:focus, +.ui.tertiary.teal.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #0e7e79; + box-shadow: inset 0 -0.2em 0 #0e7e79; + color: #0e7e79; } -.ui.tertiary.violet.buttons .active.button, -.ui.tertiary.violet.buttons .tertiary.active.button, -.ui.tertiary.violet.active.button, -.ui.tertiary.violet.buttons .button:active, -.ui.tertiary.violet.buttons .tertiary.button:active, -.ui.tertiary.violet.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6 !important; - box-shadow: inset 0 -0.2em 0 #4e0fd6 !important; - color: #5626bf !important; +.ui.tertiary.teal.buttons .active.button, +.ui.tertiary.teal.buttons .tertiary.active.button, +.ui.tertiary.teal.active.button, +.ui.tertiary.teal.buttons .button:active, +.ui.tertiary.teal.buttons .tertiary.button:active, +.ui.tertiary.teal.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #009c95; + box-shadow: inset 0 -0.2em 0 #009c95; + color: #009c95; } - -/*--- Purple ---*/ - -.ui.purple.buttons .button, -.ui.purple.button { - background-color: #A333C8; +.ui.blue.buttons .button, +.ui.blue.button { + background-color: #2185D0; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.purple.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.blue.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.purple.buttons .button:hover, -.ui.purple.button:hover { - background-color: #9627ba; +.ui.blue.buttons .button:hover, +.ui.blue.button:hover { + background-color: #1678c2; color: #FFFFFF; text-shadow: none; } -.ui.purple.buttons .button:focus, -.ui.purple.button:focus { - background-color: #8f1eb4; +.ui.blue.buttons .button:focus, +.ui.blue.button:focus { + background-color: #0d71bb; color: #FFFFFF; text-shadow: none; } -.ui.purple.buttons .button:active, -.ui.purple.button:active { - background-color: #82299f; +.ui.blue.buttons .button:active, +.ui.blue.button:active { + background-color: #1a69a4; color: #FFFFFF; text-shadow: none; } -.ui.purple.buttons .active.button, -.ui.purple.buttons .active.button:active, -.ui.purple.active.button, -.ui.purple.button .active.button:active { - background-color: #9724be; +.ui.blue.buttons .active.button, +.ui.blue.buttons .active.button:active, +.ui.blue.active.button, +.ui.blue.button .active.button:active { + background-color: #1279c6; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.purple.buttons .button, -.ui.basic.purple.button { - -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset !important; - box-shadow: 0px 0px 0px 1px #A333C8 inset !important; - color: #A333C8 !important; +.ui.basic.blue.buttons .button, +.ui.basic.blue.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #2185D0 inset; + box-shadow: 0 0 0 1px #2185D0 inset; + color: #2185D0; } -.ui.basic.purple.buttons .button:hover, -.ui.basic.purple.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #9627ba inset !important; - box-shadow: 0px 0px 0px 1px #9627ba inset !important; - color: #9627ba !important; +.ui.basic.blue.buttons .button:hover, +.ui.basic.blue.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #1678c2 inset; + box-shadow: 0 0 0 1px #1678c2 inset; + color: #1678c2; } -.ui.basic.purple.buttons .button:focus, -.ui.basic.purple.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important; - box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important; - color: #9627ba !important; +.ui.basic.blue.buttons .button:focus, +.ui.basic.blue.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #0d71bb inset; + box-shadow: 0 0 0 1px #0d71bb inset; + color: #1678c2; } -.ui.basic.purple.buttons .active.button, -.ui.basic.purple.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #9724be inset !important; - box-shadow: 0px 0px 0px 1px #9724be inset !important; - color: #82299f !important; +.ui.basic.blue.buttons .active.button, +.ui.basic.blue.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #1279c6 inset; + box-shadow: 0 0 0 1px #1279c6 inset; + color: #1a69a4; } -.ui.basic.purple.buttons .button:active, -.ui.basic.purple.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #82299f inset !important; - box-shadow: 0px 0px 0px 1px #82299f inset !important; - color: #82299f !important; +.ui.basic.blue.buttons .button:active, +.ui.basic.blue.button:active { + -webkit-box-shadow: 0 0 0 1px #1a69a4 inset; + box-shadow: 0 0 0 1px #1a69a4 inset; + color: #1a69a4; } -.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.purple.buttons .button, -.ui.inverted.purple.button { +.ui.inverted.blue.buttons .button, +.ui.inverted.blue.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #DC73FF inset !important; - box-shadow: 0px 0px 0px 2px #DC73FF inset !important; - color: #DC73FF; + -webkit-box-shadow: 0 0 0 2px #54C8FF inset; + box-shadow: 0 0 0 2px #54C8FF inset; + color: #54C8FF; } -.ui.inverted.purple.buttons .button:hover, -.ui.inverted.purple.button:hover, -.ui.inverted.purple.buttons .button:focus, -.ui.inverted.purple.button:focus, -.ui.inverted.purple.buttons .button.active, -.ui.inverted.purple.button.active, -.ui.inverted.purple.buttons .button:active, -.ui.inverted.purple.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.ui.inverted.blue.buttons .button:hover, +.ui.inverted.blue.button:hover, +.ui.inverted.blue.buttons .button:focus, +.ui.inverted.blue.button:focus, +.ui.inverted.blue.buttons .button.active, +.ui.inverted.blue.button.active, +.ui.inverted.blue.buttons .button:active, +.ui.inverted.blue.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; color: #FFFFFF; } -.ui.inverted.purple.buttons .button:hover, -.ui.inverted.purple.button:hover { - background-color: #d65aff; -} -.ui.inverted.purple.buttons .button:focus, -.ui.inverted.purple.button:focus { - background-color: #d24aff; +.ui.inverted.blue.buttons .button:hover, +.ui.inverted.blue.button:hover { + background-color: #21b8ff; } -.ui.inverted.purple.buttons .active.button, -.ui.inverted.purple.active.button { - background-color: #d65aff; +.ui.inverted.blue.buttons .button:focus, +.ui.inverted.blue.button:focus { + background-color: #2bbbff; } -.ui.inverted.purple.buttons .button:active, -.ui.inverted.purple.button:active { - background-color: #cf40ff; +.ui.inverted.blue.buttons .active.button, +.ui.inverted.blue.active.button { + background-color: #3ac0ff; } - +.ui.inverted.blue.buttons .button:active, +.ui.inverted.blue.button:active { + background-color: #21b8ff; +} + /* Inverted Basic */ -.ui.inverted.purple.basic.buttons .button, -.ui.inverted.purple.buttons .basic.button, -.ui.inverted.purple.basic.button { +.ui.inverted.blue.basic.buttons .button, +.ui.inverted.blue.buttons .basic.button, +.ui.inverted.blue.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.purple.basic.buttons .button:hover, -.ui.inverted.purple.buttons .basic.button:hover, -.ui.inverted.purple.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - box-shadow: 0px 0px 0px 2px #d65aff inset !important; - color: #DC73FF !important; +.ui.inverted.blue.basic.buttons .button:hover, +.ui.inverted.blue.buttons .basic.button:hover, +.ui.inverted.blue.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #21b8ff inset; + box-shadow: 0 0 0 2px #21b8ff inset; + color: #54C8FF; } -.ui.inverted.purple.basic.buttons .button:focus, -.ui.inverted.purple.basic.buttons .button:focus, -.ui.inverted.purple.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #d24aff inset !important; - box-shadow: 0px 0px 0px 2px #d24aff inset !important; - color: #DC73FF !important; +.ui.inverted.blue.basic.buttons .button:focus, +.ui.inverted.blue.basic.buttons .button:focus, +.ui.inverted.blue.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #2bbbff inset; + box-shadow: 0 0 0 2px #2bbbff inset; + color: #54C8FF; } -.ui.inverted.purple.basic.buttons .active.button, -.ui.inverted.purple.buttons .basic.active.button, -.ui.inverted.purple.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #d65aff inset !important; - box-shadow: 0px 0px 0px 2px #d65aff inset !important; - color: #DC73FF !important; +.ui.inverted.blue.basic.buttons .active.button, +.ui.inverted.blue.buttons .basic.active.button, +.ui.inverted.blue.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #3ac0ff inset; + box-shadow: 0 0 0 2px #3ac0ff inset; + color: #54C8FF; } -.ui.inverted.purple.basic.buttons .button:active, -.ui.inverted.purple.buttons .basic.button:active, -.ui.inverted.purple.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #cf40ff inset !important; - box-shadow: 0px 0px 0px 2px #cf40ff inset !important; - color: #DC73FF !important; +.ui.inverted.blue.basic.buttons .button:active, +.ui.inverted.blue.buttons .basic.button:active, +.ui.inverted.blue.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #21b8ff inset; + box-shadow: 0 0 0 2px #21b8ff inset; + color: #54C8FF; } /* Tertiary */ -.ui.tertiary.purple.buttons .button, -.ui.tertiary.purple.buttons .tertiary.button, -.ui.tertiary.purple.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #A333C8 !important; +.ui.tertiary.blue.buttons .button, +.ui.tertiary.blue.buttons .tertiary.button, +.ui.tertiary.blue.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #2185D0; } -.ui.tertiary.purple.buttons .button:hover, -.ui.tertiary.purple.buttons button:hover, -.ui.tertiary.purple.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #8a3ea4 !important; - box-shadow: inset 0 -0.2em 0 #8a3ea4 !important; - color: #8a3ea4 !important; +.ui.tertiary.blue.buttons .button:hover, +.ui.tertiary.blue.buttons button:hover, +.ui.tertiary.blue.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac; + box-shadow: inset 0 -0.2em 0 #2b75ac; + color: #2b75ac; } -.ui.tertiary.purple.buttons .button:focus, -.ui.tertiary.purple.buttons .tertiary.button:focus, -.ui.tertiary.purple.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #84339f !important; - box-shadow: inset 0 -0.2em 0 #84339f !important; - color: #84339f !important; +.ui.tertiary.blue.buttons .button:focus, +.ui.tertiary.blue.buttons .tertiary.button:focus, +.ui.tertiary.blue.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #216ea7; + box-shadow: inset 0 -0.2em 0 #216ea7; + color: #216ea7; } -.ui.tertiary.purple.buttons .active.button, -.ui.tertiary.purple.buttons .tertiary.active.button, -.ui.tertiary.purple.active.button, -.ui.tertiary.purple.buttons .button:active, -.ui.tertiary.purple.buttons .tertiary.button:active, -.ui.tertiary.purple.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #a30dd4 !important; - box-shadow: inset 0 -0.2em 0 #a30dd4 !important; - color: #9724be !important; +.ui.tertiary.blue.buttons .active.button, +.ui.tertiary.blue.buttons .tertiary.active.button, +.ui.tertiary.blue.active.button, +.ui.tertiary.blue.buttons .button:active, +.ui.tertiary.blue.buttons .tertiary.button:active, +.ui.tertiary.blue.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #007bd8; + box-shadow: inset 0 -0.2em 0 #007bd8; + color: #1279c6; } - -/*--- Red ---*/ - -.ui.red.buttons .button, -.ui.red.button { - background-color: #DB2828; +.ui.violet.buttons .button, +.ui.violet.button { + background-color: #6435C9; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.red.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.violet.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.red.buttons .button:hover, -.ui.red.button:hover { - background-color: #d01919; +.ui.violet.buttons .button:hover, +.ui.violet.button:hover { + background-color: #5829bb; color: #FFFFFF; text-shadow: none; } -.ui.red.buttons .button:focus, -.ui.red.button:focus { - background-color: #ca1010; +.ui.violet.buttons .button:focus, +.ui.violet.button:focus { + background-color: #4f20b5; color: #FFFFFF; text-shadow: none; } -.ui.red.buttons .button:active, -.ui.red.button:active { - background-color: #b21e1e; +.ui.violet.buttons .button:active, +.ui.violet.button:active { + background-color: #502aa1; color: #FFFFFF; text-shadow: none; } -.ui.red.buttons .active.button, -.ui.red.buttons .active.button:active, -.ui.red.active.button, -.ui.red.button .active.button:active { - background-color: #d41515; +.ui.violet.buttons .active.button, +.ui.violet.buttons .active.button:active, +.ui.violet.active.button, +.ui.violet.button .active.button:active { + background-color: #5626bf; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.red.buttons .button, -.ui.basic.red.button { - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - color: #DB2828 !important; +.ui.basic.violet.buttons .button, +.ui.basic.violet.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #6435C9 inset; + box-shadow: 0 0 0 1px #6435C9 inset; + color: #6435C9; } -.ui.basic.red.buttons .button:hover, -.ui.basic.red.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important; - box-shadow: 0px 0px 0px 1px #d01919 inset !important; - color: #d01919 !important; +.ui.basic.violet.buttons .button:hover, +.ui.basic.violet.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #5829bb inset; + box-shadow: 0 0 0 1px #5829bb inset; + color: #5829bb; } -.ui.basic.red.buttons .button:focus, -.ui.basic.red.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - color: #d01919 !important; +.ui.basic.violet.buttons .button:focus, +.ui.basic.violet.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #4f20b5 inset; + box-shadow: 0 0 0 1px #4f20b5 inset; + color: #5829bb; } -.ui.basic.red.buttons .active.button, -.ui.basic.red.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; - color: #b21e1e !important; +.ui.basic.violet.buttons .active.button, +.ui.basic.violet.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #5626bf inset; + box-shadow: 0 0 0 1px #5626bf inset; + color: #502aa1; } -.ui.basic.red.buttons .button:active, -.ui.basic.red.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - color: #b21e1e !important; +.ui.basic.violet.buttons .button:active, +.ui.basic.violet.button:active { + -webkit-box-shadow: 0 0 0 1px #502aa1 inset; + box-shadow: 0 0 0 1px #502aa1 inset; + color: #502aa1; } -.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.red.buttons .button, -.ui.inverted.red.button { +.ui.inverted.violet.buttons .button, +.ui.inverted.violet.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FF695E inset !important; - box-shadow: 0px 0px 0px 2px #FF695E inset !important; - color: #FF695E; + -webkit-box-shadow: 0 0 0 2px #A291FB inset; + box-shadow: 0 0 0 2px #A291FB inset; + color: #A291FB; } -.ui.inverted.red.buttons .button:hover, -.ui.inverted.red.button:hover, -.ui.inverted.red.buttons .button:focus, -.ui.inverted.red.button:focus, -.ui.inverted.red.buttons .button.active, -.ui.inverted.red.button.active, -.ui.inverted.red.buttons .button:active, -.ui.inverted.red.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.ui.inverted.violet.buttons .button:hover, +.ui.inverted.violet.button:hover, +.ui.inverted.violet.buttons .button:focus, +.ui.inverted.violet.button:focus, +.ui.inverted.violet.buttons .button.active, +.ui.inverted.violet.button.active, +.ui.inverted.violet.buttons .button:active, +.ui.inverted.violet.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; color: #FFFFFF; } -.ui.inverted.red.buttons .button:hover, -.ui.inverted.red.button:hover { - background-color: #ff5144; +.ui.inverted.violet.buttons .button:hover, +.ui.inverted.violet.button:hover { + background-color: #745aff; } -.ui.inverted.red.buttons .button:focus, -.ui.inverted.red.button:focus { - background-color: #ff4335; +.ui.inverted.violet.buttons .button:focus, +.ui.inverted.violet.button:focus { + background-color: #7d64ff; } -.ui.inverted.red.buttons .active.button, -.ui.inverted.red.active.button { - background-color: #ff5144; +.ui.inverted.violet.buttons .active.button, +.ui.inverted.violet.active.button { + background-color: #8a73ff; } -.ui.inverted.red.buttons .button:active, -.ui.inverted.red.button:active { - background-color: #ff392b; +.ui.inverted.violet.buttons .button:active, +.ui.inverted.violet.button:active { + background-color: #7860f9; } /* Inverted Basic */ -.ui.inverted.red.basic.buttons .button, -.ui.inverted.red.buttons .basic.button, -.ui.inverted.red.basic.button { +.ui.inverted.violet.basic.buttons .button, +.ui.inverted.violet.buttons .basic.button, +.ui.inverted.violet.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.red.basic.buttons .button:hover, -.ui.inverted.red.buttons .basic.button:hover, -.ui.inverted.red.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - color: #FF695E !important; +.ui.inverted.violet.basic.buttons .button:hover, +.ui.inverted.violet.buttons .basic.button:hover, +.ui.inverted.violet.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #745aff inset; + box-shadow: 0 0 0 2px #745aff inset; + color: #A291FB; } -.ui.inverted.red.basic.buttons .button:focus, -.ui.inverted.red.basic.buttons .button:focus, -.ui.inverted.red.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #ff4335 inset !important; - box-shadow: 0px 0px 0px 2px #ff4335 inset !important; - color: #FF695E !important; +.ui.inverted.violet.basic.buttons .button:focus, +.ui.inverted.violet.basic.buttons .button:focus, +.ui.inverted.violet.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #7d64ff inset; + box-shadow: 0 0 0 2px #7d64ff inset; + color: #A291FB; } -.ui.inverted.red.basic.buttons .active.button, -.ui.inverted.red.buttons .basic.active.button, -.ui.inverted.red.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - box-shadow: 0px 0px 0px 2px #ff5144 inset !important; - color: #FF695E !important; +.ui.inverted.violet.basic.buttons .active.button, +.ui.inverted.violet.buttons .basic.active.button, +.ui.inverted.violet.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #8a73ff inset; + box-shadow: 0 0 0 2px #8a73ff inset; + color: #A291FB; } -.ui.inverted.red.basic.buttons .button:active, -.ui.inverted.red.buttons .basic.button:active, -.ui.inverted.red.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #ff392b inset !important; - box-shadow: 0px 0px 0px 2px #ff392b inset !important; - color: #FF695E !important; +.ui.inverted.violet.basic.buttons .button:active, +.ui.inverted.violet.buttons .basic.button:active, +.ui.inverted.violet.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #7860f9 inset; + box-shadow: 0 0 0 2px #7860f9 inset; + color: #A291FB; } /* Tertiary */ -.ui.tertiary.red.buttons .button, -.ui.tertiary.red.buttons .tertiary.button, -.ui.tertiary.red.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #DB2828 !important; +.ui.tertiary.violet.buttons .button, +.ui.tertiary.violet.buttons .tertiary.button, +.ui.tertiary.violet.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #6435C9; } -.ui.tertiary.red.buttons .button:hover, -.ui.tertiary.red.buttons button:hover, -.ui.tertiary.red.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #b93131 !important; - box-shadow: inset 0 -0.2em 0 #b93131 !important; - color: #b93131 !important; +.ui.tertiary.violet.buttons .button:hover, +.ui.tertiary.violet.buttons button:hover, +.ui.tertiary.violet.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #6040a5; + box-shadow: inset 0 -0.2em 0 #6040a5; + color: #6040a5; } -.ui.tertiary.red.buttons .button:focus, -.ui.tertiary.red.buttons .tertiary.button:focus, -.ui.tertiary.red.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #b52626 !important; - box-shadow: inset 0 -0.2em 0 #b52626 !important; - color: #b52626 !important; +.ui.tertiary.violet.buttons .button:focus, +.ui.tertiary.violet.buttons .tertiary.button:focus, +.ui.tertiary.violet.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #5735a0; + box-shadow: inset 0 -0.2em 0 #5735a0; + color: #5735a0; } -.ui.tertiary.red.buttons .active.button, -.ui.tertiary.red.buttons .tertiary.active.button, -.ui.tertiary.red.active.button, -.ui.tertiary.red.buttons .button:active, -.ui.tertiary.red.buttons .tertiary.button:active, -.ui.tertiary.red.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #ea0000 !important; - box-shadow: inset 0 -0.2em 0 #ea0000 !important; - color: #d41515 !important; +.ui.tertiary.violet.buttons .active.button, +.ui.tertiary.violet.buttons .tertiary.active.button, +.ui.tertiary.violet.active.button, +.ui.tertiary.violet.buttons .button:active, +.ui.tertiary.violet.buttons .tertiary.button:active, +.ui.tertiary.violet.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6; + box-shadow: inset 0 -0.2em 0 #4e0fd6; + color: #5626bf; } - -/*--- Teal ---*/ - -.ui.teal.buttons .button, -.ui.teal.button { - background-color: #00B5AD; +.ui.purple.buttons .button, +.ui.purple.button { + background-color: #A333C8; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.teal.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.purple.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.teal.buttons .button:hover, -.ui.teal.button:hover { - background-color: #009c95; +.ui.purple.buttons .button:hover, +.ui.purple.button:hover { + background-color: #9627ba; color: #FFFFFF; text-shadow: none; } -.ui.teal.buttons .button:focus, -.ui.teal.button:focus { - background-color: #008c86; +.ui.purple.buttons .button:focus, +.ui.purple.button:focus { + background-color: #8f1eb4; color: #FFFFFF; text-shadow: none; } -.ui.teal.buttons .button:active, -.ui.teal.button:active { - background-color: #00827c; +.ui.purple.buttons .button:active, +.ui.purple.button:active { + background-color: #82299f; color: #FFFFFF; text-shadow: none; } -.ui.teal.buttons .active.button, -.ui.teal.buttons .active.button:active, -.ui.teal.active.button, -.ui.teal.button .active.button:active { - background-color: #009c95; +.ui.purple.buttons .active.button, +.ui.purple.buttons .active.button:active, +.ui.purple.active.button, +.ui.purple.button .active.button:active { + background-color: #9724be; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.teal.buttons .button, -.ui.basic.teal.button { - -webkit-box-shadow: 0px 0px 0px 1px #00B5AD inset !important; - box-shadow: 0px 0px 0px 1px #00B5AD inset !important; - color: #00B5AD !important; +.ui.basic.purple.buttons .button, +.ui.basic.purple.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #A333C8 inset; + box-shadow: 0 0 0 1px #A333C8 inset; + color: #A333C8; } -.ui.basic.teal.buttons .button:hover, -.ui.basic.teal.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; - box-shadow: 0px 0px 0px 1px #009c95 inset !important; - color: #009c95 !important; +.ui.basic.purple.buttons .button:hover, +.ui.basic.purple.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #9627ba inset; + box-shadow: 0 0 0 1px #9627ba inset; + color: #9627ba; } -.ui.basic.teal.buttons .button:focus, -.ui.basic.teal.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #008c86 inset !important; - box-shadow: 0px 0px 0px 1px #008c86 inset !important; - color: #009c95 !important; +.ui.basic.purple.buttons .button:focus, +.ui.basic.purple.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset; + box-shadow: 0 0 0 1px #8f1eb4 inset; + color: #9627ba; } -.ui.basic.teal.buttons .active.button, -.ui.basic.teal.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #009c95 inset !important; - box-shadow: 0px 0px 0px 1px #009c95 inset !important; - color: #00827c !important; +.ui.basic.purple.buttons .active.button, +.ui.basic.purple.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #9724be inset; + box-shadow: 0 0 0 1px #9724be inset; + color: #82299f; } -.ui.basic.teal.buttons .button:active, -.ui.basic.teal.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #00827c inset !important; - box-shadow: 0px 0px 0px 1px #00827c inset !important; - color: #00827c !important; +.ui.basic.purple.buttons .button:active, +.ui.basic.purple.button:active { + -webkit-box-shadow: 0 0 0 1px #82299f inset; + box-shadow: 0 0 0 1px #82299f inset; + color: #82299f; } -.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.teal.buttons .button, -.ui.inverted.teal.button { +.ui.inverted.purple.buttons .button, +.ui.inverted.purple.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; - box-shadow: 0px 0px 0px 2px #6DFFFF inset !important; - color: #6DFFFF; + -webkit-box-shadow: 0 0 0 2px #DC73FF inset; + box-shadow: 0 0 0 2px #DC73FF inset; + color: #DC73FF; } -.ui.inverted.teal.buttons .button:hover, -.ui.inverted.teal.button:hover, -.ui.inverted.teal.buttons .button:focus, -.ui.inverted.teal.button:focus, -.ui.inverted.teal.buttons .button.active, -.ui.inverted.teal.button.active, -.ui.inverted.teal.buttons .button:active, -.ui.inverted.teal.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); +.ui.inverted.purple.buttons .button:hover, +.ui.inverted.purple.button:hover, +.ui.inverted.purple.buttons .button:focus, +.ui.inverted.purple.button:focus, +.ui.inverted.purple.buttons .button.active, +.ui.inverted.purple.button.active, +.ui.inverted.purple.buttons .button:active, +.ui.inverted.purple.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; + color: #FFFFFF; } -.ui.inverted.teal.buttons .button:hover, -.ui.inverted.teal.button:hover { - background-color: #54ffff; +.ui.inverted.purple.buttons .button:hover, +.ui.inverted.purple.button:hover { + background-color: #cf40ff; } -.ui.inverted.teal.buttons .button:focus, -.ui.inverted.teal.button:focus { - background-color: #44ffff; +.ui.inverted.purple.buttons .button:focus, +.ui.inverted.purple.button:focus { + background-color: #d24aff; } -.ui.inverted.teal.buttons .active.button, -.ui.inverted.teal.active.button { - background-color: #54ffff; +.ui.inverted.purple.buttons .active.button, +.ui.inverted.purple.active.button { + background-color: #d65aff; } -.ui.inverted.teal.buttons .button:active, -.ui.inverted.teal.button:active { - background-color: #3affff; +.ui.inverted.purple.buttons .button:active, +.ui.inverted.purple.button:active { + background-color: #cf40ff; } /* Inverted Basic */ -.ui.inverted.teal.basic.buttons .button, -.ui.inverted.teal.buttons .basic.button, -.ui.inverted.teal.basic.button { +.ui.inverted.purple.basic.buttons .button, +.ui.inverted.purple.buttons .basic.button, +.ui.inverted.purple.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.teal.basic.buttons .button:hover, -.ui.inverted.teal.buttons .basic.button:hover, -.ui.inverted.teal.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - box-shadow: 0px 0px 0px 2px #54ffff inset !important; - color: #6DFFFF !important; +.ui.inverted.purple.basic.buttons .button:hover, +.ui.inverted.purple.buttons .basic.button:hover, +.ui.inverted.purple.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #cf40ff inset; + box-shadow: 0 0 0 2px #cf40ff inset; + color: #DC73FF; } -.ui.inverted.teal.basic.buttons .button:focus, -.ui.inverted.teal.basic.buttons .button:focus, -.ui.inverted.teal.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #44ffff inset !important; - box-shadow: 0px 0px 0px 2px #44ffff inset !important; - color: #6DFFFF !important; +.ui.inverted.purple.basic.buttons .button:focus, +.ui.inverted.purple.basic.buttons .button:focus, +.ui.inverted.purple.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #d24aff inset; + box-shadow: 0 0 0 2px #d24aff inset; + color: #DC73FF; } -.ui.inverted.teal.basic.buttons .active.button, -.ui.inverted.teal.buttons .basic.active.button, -.ui.inverted.teal.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #54ffff inset !important; - box-shadow: 0px 0px 0px 2px #54ffff inset !important; - color: #6DFFFF !important; +.ui.inverted.purple.basic.buttons .active.button, +.ui.inverted.purple.buttons .basic.active.button, +.ui.inverted.purple.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #d65aff inset; + box-shadow: 0 0 0 2px #d65aff inset; + color: #DC73FF; } -.ui.inverted.teal.basic.buttons .button:active, -.ui.inverted.teal.buttons .basic.button:active, -.ui.inverted.teal.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #3affff inset !important; - box-shadow: 0px 0px 0px 2px #3affff inset !important; - color: #6DFFFF !important; +.ui.inverted.purple.basic.buttons .button:active, +.ui.inverted.purple.buttons .basic.button:active, +.ui.inverted.purple.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #cf40ff inset; + box-shadow: 0 0 0 2px #cf40ff inset; + color: #DC73FF; } /* Tertiary */ -.ui.tertiary.teal.buttons .button, -.ui.tertiary.teal.buttons .tertiary.button, -.ui.tertiary.teal.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #00B5AD !important; +.ui.tertiary.purple.buttons .button, +.ui.tertiary.purple.buttons .tertiary.button, +.ui.tertiary.purple.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #A333C8; } -.ui.tertiary.teal.buttons .button:hover, -.ui.tertiary.teal.buttons button:hover, -.ui.tertiary.teal.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #108c86 !important; - box-shadow: inset 0 -0.2em 0 #108c86 !important; - color: #108c86 !important; +.ui.tertiary.purple.buttons .button:hover, +.ui.tertiary.purple.buttons button:hover, +.ui.tertiary.purple.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #8a3ea4; + box-shadow: inset 0 -0.2em 0 #8a3ea4; + color: #8a3ea4; } -.ui.tertiary.teal.buttons .button:focus, -.ui.tertiary.teal.buttons .tertiary.button:focus, -.ui.tertiary.teal.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #0e7e79 !important; - box-shadow: inset 0 -0.2em 0 #0e7e79 !important; - color: #0e7e79 !important; +.ui.tertiary.purple.buttons .button:focus, +.ui.tertiary.purple.buttons .tertiary.button:focus, +.ui.tertiary.purple.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #84339f; + box-shadow: inset 0 -0.2em 0 #84339f; + color: #84339f; } -.ui.tertiary.teal.buttons .active.button, -.ui.tertiary.teal.buttons .tertiary.active.button, -.ui.tertiary.teal.active.button, -.ui.tertiary.teal.buttons .button:active, -.ui.tertiary.teal.buttons .tertiary.button:active, -.ui.tertiary.teal.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #009c95 !important; - box-shadow: inset 0 -0.2em 0 #009c95 !important; - color: #009c95 !important; +.ui.tertiary.purple.buttons .active.button, +.ui.tertiary.purple.buttons .tertiary.active.button, +.ui.tertiary.purple.active.button, +.ui.tertiary.purple.buttons .button:active, +.ui.tertiary.purple.buttons .tertiary.button:active, +.ui.tertiary.purple.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #a30dd4; + box-shadow: inset 0 -0.2em 0 #a30dd4; + color: #9724be; } - -/*--- Olive ---*/ - -.ui.olive.buttons .button, -.ui.olive.button { - background-color: #B5CC18; +.ui.pink.buttons .button, +.ui.pink.button { + background-color: #E03997; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.olive.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.pink.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.olive.buttons .button:hover, -.ui.olive.button:hover { - background-color: #a7bd0d; +.ui.pink.buttons .button:hover, +.ui.pink.button:hover { + background-color: #e61a8d; color: #FFFFFF; text-shadow: none; } -.ui.olive.buttons .button:focus, -.ui.olive.button:focus { - background-color: #a0b605; +.ui.pink.buttons .button:focus, +.ui.pink.button:focus { + background-color: #e10f85; color: #FFFFFF; text-shadow: none; } -.ui.olive.buttons .button:active, -.ui.olive.button:active { - background-color: #8d9e13; +.ui.pink.buttons .button:active, +.ui.pink.button:active { + background-color: #c71f7e; color: #FFFFFF; text-shadow: none; } -.ui.olive.buttons .active.button, -.ui.olive.buttons .active.button:active, -.ui.olive.active.button, -.ui.olive.button .active.button:active { - background-color: #aac109; +.ui.pink.buttons .active.button, +.ui.pink.buttons .active.button:active, +.ui.pink.active.button, +.ui.pink.button .active.button:active { + background-color: #ea158d; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.olive.buttons .button, -.ui.basic.olive.button { - -webkit-box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; - box-shadow: 0px 0px 0px 1px #B5CC18 inset !important; - color: #B5CC18 !important; +.ui.basic.pink.buttons .button, +.ui.basic.pink.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #E03997 inset; + box-shadow: 0 0 0 1px #E03997 inset; + color: #E03997; } -.ui.basic.olive.buttons .button:hover, -.ui.basic.olive.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; - box-shadow: 0px 0px 0px 1px #a7bd0d inset !important; - color: #a7bd0d !important; +.ui.basic.pink.buttons .button:hover, +.ui.basic.pink.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #e61a8d inset; + box-shadow: 0 0 0 1px #e61a8d inset; + color: #e61a8d; } -.ui.basic.olive.buttons .button:focus, -.ui.basic.olive.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #a0b605 inset !important; - box-shadow: 0px 0px 0px 1px #a0b605 inset !important; - color: #a7bd0d !important; +.ui.basic.pink.buttons .button:focus, +.ui.basic.pink.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #e10f85 inset; + box-shadow: 0 0 0 1px #e10f85 inset; + color: #e61a8d; } -.ui.basic.olive.buttons .active.button, -.ui.basic.olive.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #aac109 inset !important; - box-shadow: 0px 0px 0px 1px #aac109 inset !important; - color: #8d9e13 !important; +.ui.basic.pink.buttons .active.button, +.ui.basic.pink.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #ea158d inset; + box-shadow: 0 0 0 1px #ea158d inset; + color: #c71f7e; } -.ui.basic.olive.buttons .button:active, -.ui.basic.olive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; - box-shadow: 0px 0px 0px 1px #8d9e13 inset !important; - color: #8d9e13 !important; +.ui.basic.pink.buttons .button:active, +.ui.basic.pink.button:active { + -webkit-box-shadow: 0 0 0 1px #c71f7e inset; + box-shadow: 0 0 0 1px #c71f7e inset; + color: #c71f7e; } -.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.olive.buttons .button, -.ui.inverted.olive.button { +.ui.inverted.pink.buttons .button, +.ui.inverted.pink.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #D9E778 inset !important; - box-shadow: 0px 0px 0px 2px #D9E778 inset !important; - color: #D9E778; + -webkit-box-shadow: 0 0 0 2px #FF8EDF inset; + box-shadow: 0 0 0 2px #FF8EDF inset; + color: #FF8EDF; } -.ui.inverted.olive.buttons .button:hover, -.ui.inverted.olive.button:hover, -.ui.inverted.olive.buttons .button:focus, -.ui.inverted.olive.button:focus, -.ui.inverted.olive.buttons .button.active, -.ui.inverted.olive.button.active, -.ui.inverted.olive.buttons .button:active, -.ui.inverted.olive.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); +.ui.inverted.pink.buttons .button:hover, +.ui.inverted.pink.button:hover, +.ui.inverted.pink.buttons .button:focus, +.ui.inverted.pink.button:focus, +.ui.inverted.pink.buttons .button.active, +.ui.inverted.pink.button.active, +.ui.inverted.pink.buttons .button:active, +.ui.inverted.pink.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; + color: #FFFFFF; } -.ui.inverted.olive.buttons .button:hover, -.ui.inverted.olive.button:hover { - background-color: #d8ea5c; +.ui.inverted.pink.buttons .button:hover, +.ui.inverted.pink.button:hover { + background-color: #ff5bd1; } -.ui.inverted.olive.buttons .button:focus, -.ui.inverted.olive.button:focus { - background-color: #daef47; +.ui.inverted.pink.buttons .button:focus, +.ui.inverted.pink.button:focus { + background-color: #ff65d3; } -.ui.inverted.olive.buttons .active.button, -.ui.inverted.olive.active.button { - background-color: #daed59; +.ui.inverted.pink.buttons .active.button, +.ui.inverted.pink.active.button { + background-color: #ff74d8; } -.ui.inverted.olive.buttons .button:active, -.ui.inverted.olive.button:active { - background-color: #cddf4d; +.ui.inverted.pink.buttons .button:active, +.ui.inverted.pink.button:active { + background-color: #ff5bd1; } /* Inverted Basic */ -.ui.inverted.olive.basic.buttons .button, -.ui.inverted.olive.buttons .basic.button, -.ui.inverted.olive.basic.button { +.ui.inverted.pink.basic.buttons .button, +.ui.inverted.pink.buttons .basic.button, +.ui.inverted.pink.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.olive.basic.buttons .button:hover, -.ui.inverted.olive.buttons .basic.button:hover, -.ui.inverted.olive.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; - box-shadow: 0px 0px 0px 2px #d8ea5c inset !important; - color: #D9E778 !important; +.ui.inverted.pink.basic.buttons .button:hover, +.ui.inverted.pink.buttons .basic.button:hover, +.ui.inverted.pink.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset; + box-shadow: 0 0 0 2px #ff5bd1 inset; + color: #FF8EDF; } -.ui.inverted.olive.basic.buttons .button:focus, -.ui.inverted.olive.basic.buttons .button:focus, -.ui.inverted.olive.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #daef47 inset !important; - box-shadow: 0px 0px 0px 2px #daef47 inset !important; - color: #D9E778 !important; +.ui.inverted.pink.basic.buttons .button:focus, +.ui.inverted.pink.basic.buttons .button:focus, +.ui.inverted.pink.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #ff65d3 inset; + box-shadow: 0 0 0 2px #ff65d3 inset; + color: #FF8EDF; } -.ui.inverted.olive.basic.buttons .active.button, -.ui.inverted.olive.buttons .basic.active.button, -.ui.inverted.olive.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #daed59 inset !important; - box-shadow: 0px 0px 0px 2px #daed59 inset !important; - color: #D9E778 !important; +.ui.inverted.pink.basic.buttons .active.button, +.ui.inverted.pink.buttons .basic.active.button, +.ui.inverted.pink.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #ff74d8 inset; + box-shadow: 0 0 0 2px #ff74d8 inset; + color: #FF8EDF; } -.ui.inverted.olive.basic.buttons .button:active, -.ui.inverted.olive.buttons .basic.button:active, -.ui.inverted.olive.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #cddf4d inset !important; - box-shadow: 0px 0px 0px 2px #cddf4d inset !important; - color: #D9E778 !important; +.ui.inverted.pink.basic.buttons .button:active, +.ui.inverted.pink.buttons .basic.button:active, +.ui.inverted.pink.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset; + box-shadow: 0 0 0 2px #ff5bd1 inset; + color: #FF8EDF; } /* Tertiary */ -.ui.tertiary.olive.buttons .button, -.ui.tertiary.olive.buttons .tertiary.button, -.ui.tertiary.olive.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #B5CC18 !important; +.ui.tertiary.pink.buttons .button, +.ui.tertiary.pink.buttons .tertiary.button, +.ui.tertiary.pink.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #E03997; } -.ui.tertiary.olive.buttons .button:hover, -.ui.tertiary.olive.buttons button:hover, -.ui.tertiary.olive.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #98a922 !important; - box-shadow: inset 0 -0.2em 0 #98a922 !important; - color: #98a922 !important; +.ui.tertiary.pink.buttons .button:hover, +.ui.tertiary.pink.buttons button:hover, +.ui.tertiary.pink.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #cc3389; + box-shadow: inset 0 -0.2em 0 #cc3389; + color: #cc3389; } -.ui.tertiary.olive.buttons .button:focus, -.ui.tertiary.olive.buttons .tertiary.button:focus, -.ui.tertiary.olive.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #92a418 !important; - box-shadow: inset 0 -0.2em 0 #92a418 !important; - color: #92a418 !important; +.ui.tertiary.pink.buttons .button:focus, +.ui.tertiary.pink.buttons .tertiary.button:focus, +.ui.tertiary.pink.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #c92782; + box-shadow: inset 0 -0.2em 0 #c92782; + color: #c92782; } -.ui.tertiary.olive.buttons .active.button, -.ui.tertiary.olive.buttons .tertiary.active.button, -.ui.tertiary.olive.active.button, -.ui.tertiary.olive.buttons .button:active, -.ui.tertiary.olive.buttons .tertiary.button:active, -.ui.tertiary.olive.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #b1cb00 !important; - box-shadow: inset 0 -0.2em 0 #b1cb00 !important; - color: #aac109 !important; +.ui.tertiary.pink.buttons .active.button, +.ui.tertiary.pink.buttons .tertiary.active.button, +.ui.tertiary.pink.active.button, +.ui.tertiary.pink.buttons .button:active, +.ui.tertiary.pink.buttons .tertiary.button:active, +.ui.tertiary.pink.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #ff0090; + box-shadow: inset 0 -0.2em 0 #ff0090; + color: #ea158d; } - -/*--- Yellow ---*/ - -.ui.yellow.buttons .button, -.ui.yellow.button { - background-color: #FBBD08; +.ui.brown.buttons .button, +.ui.brown.button { + background-color: #A5673F; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.yellow.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.brown.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.yellow.buttons .button:hover, -.ui.yellow.button:hover { - background-color: #eaae00; +.ui.brown.buttons .button:hover, +.ui.brown.button:hover { + background-color: #975b33; color: #FFFFFF; text-shadow: none; } -.ui.yellow.buttons .button:focus, -.ui.yellow.button:focus { - background-color: #daa300; +.ui.brown.buttons .button:focus, +.ui.brown.button:focus { + background-color: #90532b; color: #FFFFFF; text-shadow: none; } -.ui.yellow.buttons .button:active, -.ui.yellow.button:active { - background-color: #cd9903; +.ui.brown.buttons .button:active, +.ui.brown.button:active { + background-color: #805031; color: #FFFFFF; text-shadow: none; } -.ui.yellow.buttons .active.button, -.ui.yellow.buttons .active.button:active, -.ui.yellow.active.button, -.ui.yellow.button .active.button:active { - background-color: #eaae00; +.ui.brown.buttons .active.button, +.ui.brown.buttons .active.button:active, +.ui.brown.active.button, +.ui.brown.button .active.button:active { + background-color: #995a31; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.yellow.buttons .button, -.ui.basic.yellow.button { - -webkit-box-shadow: 0px 0px 0px 1px #FBBD08 inset !important; - box-shadow: 0px 0px 0px 1px #FBBD08 inset !important; - color: #FBBD08 !important; +.ui.basic.brown.buttons .button, +.ui.basic.brown.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #A5673F inset; + box-shadow: 0 0 0 1px #A5673F inset; + color: #A5673F; } -.ui.basic.yellow.buttons .button:hover, -.ui.basic.yellow.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - color: #eaae00 !important; +.ui.basic.brown.buttons .button:hover, +.ui.basic.brown.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #975b33 inset; + box-shadow: 0 0 0 1px #975b33 inset; + color: #975b33; } -.ui.basic.yellow.buttons .button:focus, -.ui.basic.yellow.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #daa300 inset !important; - box-shadow: 0px 0px 0px 1px #daa300 inset !important; - color: #eaae00 !important; +.ui.basic.brown.buttons .button:focus, +.ui.basic.brown.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #90532b inset; + box-shadow: 0 0 0 1px #90532b inset; + color: #975b33; } -.ui.basic.yellow.buttons .active.button, -.ui.basic.yellow.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - box-shadow: 0px 0px 0px 1px #eaae00 inset !important; - color: #cd9903 !important; +.ui.basic.brown.buttons .active.button, +.ui.basic.brown.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #995a31 inset; + box-shadow: 0 0 0 1px #995a31 inset; + color: #805031; } -.ui.basic.yellow.buttons .button:active, -.ui.basic.yellow.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #cd9903 inset !important; - box-shadow: 0px 0px 0px 1px #cd9903 inset !important; - color: #cd9903 !important; +.ui.basic.brown.buttons .button:active, +.ui.basic.brown.button:active { + -webkit-box-shadow: 0 0 0 1px #805031 inset; + box-shadow: 0 0 0 1px #805031 inset; + color: #805031; } -.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.yellow.buttons .button, -.ui.inverted.yellow.button { +.ui.inverted.brown.buttons .button, +.ui.inverted.brown.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #FFE21F inset !important; - box-shadow: 0px 0px 0px 2px #FFE21F inset !important; - color: #FFE21F; + -webkit-box-shadow: 0 0 0 2px #D67C1C inset; + box-shadow: 0 0 0 2px #D67C1C inset; + color: #D67C1C; } -.ui.inverted.yellow.buttons .button:hover, -.ui.inverted.yellow.button:hover, -.ui.inverted.yellow.buttons .button:focus, -.ui.inverted.yellow.button:focus, -.ui.inverted.yellow.buttons .button.active, -.ui.inverted.yellow.button.active, -.ui.inverted.yellow.buttons .button:active, -.ui.inverted.yellow.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: rgba(0, 0, 0, 0.6); +.ui.inverted.brown.buttons .button:hover, +.ui.inverted.brown.button:hover, +.ui.inverted.brown.buttons .button:focus, +.ui.inverted.brown.button:focus, +.ui.inverted.brown.buttons .button.active, +.ui.inverted.brown.button.active, +.ui.inverted.brown.buttons .button:active, +.ui.inverted.brown.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; + color: #FFFFFF; } -.ui.inverted.yellow.buttons .button:hover, -.ui.inverted.yellow.button:hover { - background-color: #ffdf05; +.ui.inverted.brown.buttons .button:hover, +.ui.inverted.brown.button:hover { + background-color: #b0620f; } -.ui.inverted.yellow.buttons .button:focus, -.ui.inverted.yellow.button:focus { - background-color: #f5d500; +.ui.inverted.brown.buttons .button:focus, +.ui.inverted.brown.button:focus { + background-color: #c16808; } -.ui.inverted.yellow.buttons .active.button, -.ui.inverted.yellow.active.button { - background-color: #ffdf05; +.ui.inverted.brown.buttons .active.button, +.ui.inverted.brown.active.button { + background-color: #cc6f0d; } -.ui.inverted.yellow.buttons .button:active, -.ui.inverted.yellow.button:active { - background-color: #ebcd00; +.ui.inverted.brown.buttons .button:active, +.ui.inverted.brown.button:active { + background-color: #a96216; } /* Inverted Basic */ -.ui.inverted.yellow.basic.buttons .button, -.ui.inverted.yellow.buttons .basic.button, -.ui.inverted.yellow.basic.button { +.ui.inverted.brown.basic.buttons .button, +.ui.inverted.brown.buttons .basic.button, +.ui.inverted.brown.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.yellow.basic.buttons .button:hover, -.ui.inverted.yellow.buttons .basic.button:hover, -.ui.inverted.yellow.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - color: #FFE21F !important; +.ui.inverted.brown.basic.buttons .button:hover, +.ui.inverted.brown.buttons .basic.button:hover, +.ui.inverted.brown.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #b0620f inset; + box-shadow: 0 0 0 2px #b0620f inset; + color: #D67C1C; } -.ui.inverted.yellow.basic.buttons .button:focus, -.ui.inverted.yellow.basic.buttons .button:focus, -.ui.inverted.yellow.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #f5d500 inset !important; - box-shadow: 0px 0px 0px 2px #f5d500 inset !important; - color: #FFE21F !important; +.ui.inverted.brown.basic.buttons .button:focus, +.ui.inverted.brown.basic.buttons .button:focus, +.ui.inverted.brown.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #c16808 inset; + box-shadow: 0 0 0 2px #c16808 inset; + color: #D67C1C; } -.ui.inverted.yellow.basic.buttons .active.button, -.ui.inverted.yellow.buttons .basic.active.button, -.ui.inverted.yellow.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - box-shadow: 0px 0px 0px 2px #ffdf05 inset !important; - color: #FFE21F !important; +.ui.inverted.brown.basic.buttons .active.button, +.ui.inverted.brown.buttons .basic.active.button, +.ui.inverted.brown.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #cc6f0d inset; + box-shadow: 0 0 0 2px #cc6f0d inset; + color: #D67C1C; } -.ui.inverted.yellow.basic.buttons .button:active, -.ui.inverted.yellow.buttons .basic.button:active, -.ui.inverted.yellow.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; - box-shadow: 0px 0px 0px 2px #ebcd00 inset !important; - color: #FFE21F !important; +.ui.inverted.brown.basic.buttons .button:active, +.ui.inverted.brown.buttons .basic.button:active, +.ui.inverted.brown.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #a96216 inset; + box-shadow: 0 0 0 2px #a96216 inset; + color: #D67C1C; } /* Tertiary */ -.ui.tertiary.yellow.buttons .button, -.ui.tertiary.yellow.buttons .tertiary.button, -.ui.tertiary.yellow.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #FBBD08 !important; +.ui.tertiary.brown.buttons .button, +.ui.tertiary.brown.buttons .tertiary.button, +.ui.tertiary.brown.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #A5673F; } -.ui.tertiary.yellow.buttons .button:hover, -.ui.tertiary.yellow.buttons button:hover, -.ui.tertiary.yellow.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #d2a217 !important; - box-shadow: inset 0 -0.2em 0 #d2a217 !important; - color: #d2a217 !important; +.ui.tertiary.brown.buttons .button:hover, +.ui.tertiary.brown.buttons button:hover, +.ui.tertiary.brown.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #835f48; + box-shadow: inset 0 -0.2em 0 #835f48; + color: #835f48; } -.ui.tertiary.yellow.buttons .button:focus, -.ui.tertiary.yellow.buttons .tertiary.button:focus, -.ui.tertiary.yellow.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #c49816 !important; - box-shadow: inset 0 -0.2em 0 #c49816 !important; - color: #c49816 !important; +.ui.tertiary.brown.buttons .button:focus, +.ui.tertiary.brown.buttons .tertiary.button:focus, +.ui.tertiary.brown.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #7d573e; + box-shadow: inset 0 -0.2em 0 #7d573e; + color: #7d573e; } -.ui.tertiary.yellow.buttons .active.button, -.ui.tertiary.yellow.buttons .tertiary.active.button, -.ui.tertiary.yellow.active.button, -.ui.tertiary.yellow.buttons .button:active, -.ui.tertiary.yellow.buttons .tertiary.button:active, -.ui.tertiary.yellow.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #eaae00 !important; - box-shadow: inset 0 -0.2em 0 #eaae00 !important; - color: #eaae00 !important; +.ui.tertiary.brown.buttons .active.button, +.ui.tertiary.brown.buttons .tertiary.active.button, +.ui.tertiary.brown.active.button, +.ui.tertiary.brown.buttons .button:active, +.ui.tertiary.brown.buttons .tertiary.button:active, +.ui.tertiary.brown.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #ae561d; + box-shadow: inset 0 -0.2em 0 #ae561d; + color: #995a31; } - -/*------------------- - Primary ---------------------*/ - -.ui.primary.buttons .button, -.ui.primary.button { - background-color: #2185D0; +.ui.grey.buttons .button, +.ui.grey.button { + background-color: #767676; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.primary.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.grey.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.primary.buttons .button:hover, -.ui.primary.button:hover { - background-color: #1678c2; +.ui.grey.buttons .button:hover, +.ui.grey.button:hover { + background-color: #838383; color: #FFFFFF; text-shadow: none; } -.ui.primary.buttons .button:focus, -.ui.primary.button:focus { - background-color: #0d71bb; +.ui.grey.buttons .button:focus, +.ui.grey.button:focus { + background-color: #8a8a8a; color: #FFFFFF; text-shadow: none; } -.ui.primary.buttons .button:active, -.ui.primary.button:active { - background-color: #1a69a4; +.ui.grey.buttons .button:active, +.ui.grey.button:active { + background-color: #909090; color: #FFFFFF; text-shadow: none; } -.ui.primary.buttons .active.button, -.ui.primary.buttons .active.button:active, -.ui.primary.active.button, -.ui.primary.button .active.button:active { - background-color: #1279c6; +.ui.grey.buttons .active.button, +.ui.grey.buttons .active.button:active, +.ui.grey.active.button, +.ui.grey.button .active.button:active { + background-color: #696969; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.primary.buttons .button, -.ui.basic.primary.button { - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - box-shadow: 0px 0px 0px 1px #2185D0 inset !important; - color: #2185D0 !important; +.ui.basic.grey.buttons .button, +.ui.basic.grey.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #767676 inset; + box-shadow: 0 0 0 1px #767676 inset; + color: #767676; } -.ui.basic.primary.buttons .button:hover, -.ui.basic.primary.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - box-shadow: 0px 0px 0px 1px #1678c2 inset !important; - color: #1678c2 !important; +.ui.basic.grey.buttons .button:hover, +.ui.basic.grey.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #838383 inset; + box-shadow: 0 0 0 1px #838383 inset; + color: #838383; } -.ui.basic.primary.buttons .button:focus, -.ui.basic.primary.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - box-shadow: 0px 0px 0px 1px #0d71bb inset !important; - color: #1678c2 !important; +.ui.basic.grey.buttons .button:focus, +.ui.basic.grey.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #8a8a8a inset; + box-shadow: 0 0 0 1px #8a8a8a inset; + color: #838383; } -.ui.basic.primary.buttons .active.button, -.ui.basic.primary.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - box-shadow: 0px 0px 0px 1px #1279c6 inset !important; - color: #1a69a4 !important; +.ui.basic.grey.buttons .active.button, +.ui.basic.grey.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #696969 inset; + box-shadow: 0 0 0 1px #696969 inset; + color: #909090; } -.ui.basic.primary.buttons .button:active, -.ui.basic.primary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - box-shadow: 0px 0px 0px 1px #1a69a4 inset !important; - color: #1a69a4 !important; +.ui.basic.grey.buttons .button:active, +.ui.basic.grey.button:active { + -webkit-box-shadow: 0 0 0 1px #909090 inset; + box-shadow: 0 0 0 1px #909090 inset; + color: #909090; } -.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.primary.buttons .button, -.ui.inverted.primary.button { +.ui.inverted.grey.buttons .button, +.ui.inverted.grey.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #54C8FF inset !important; - box-shadow: 0px 0px 0px 2px #54C8FF inset !important; - color: #54C8FF; -} -.ui.inverted.primary.buttons .button:hover, -.ui.inverted.primary.button:hover, -.ui.inverted.primary.buttons .button:focus, -.ui.inverted.primary.button:focus, -.ui.inverted.primary.buttons .button.active, -.ui.inverted.primary.button.active, -.ui.inverted.primary.buttons .button:active, -.ui.inverted.primary.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; + -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset; + box-shadow: 0 0 0 2px #D4D4D5 inset; color: #FFFFFF; } -.ui.inverted.primary.buttons .button:hover, -.ui.inverted.primary.button:hover { - background-color: #3ac0ff; +.ui.inverted.grey.buttons .button:hover, +.ui.inverted.grey.button:hover, +.ui.inverted.grey.buttons .button:focus, +.ui.inverted.grey.button:focus, +.ui.inverted.grey.buttons .button.active, +.ui.inverted.grey.button.active, +.ui.inverted.grey.buttons .button:active, +.ui.inverted.grey.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; + color: rgba(0, 0, 0, 0.6); +} +.ui.inverted.grey.buttons .button:hover, +.ui.inverted.grey.button:hover { + background-color: #c2c4c5; } -.ui.inverted.primary.buttons .button:focus, -.ui.inverted.primary.button:focus { - background-color: #2bbbff; +.ui.inverted.grey.buttons .button:focus, +.ui.inverted.grey.button:focus { + background-color: #c7c9cb; } -.ui.inverted.primary.buttons .active.button, -.ui.inverted.primary.active.button { - background-color: #3ac0ff; +.ui.inverted.grey.buttons .active.button, +.ui.inverted.grey.active.button { + background-color: #cfd0d2; } -.ui.inverted.primary.buttons .button:active, -.ui.inverted.primary.button:active { - background-color: #21b8ff; +.ui.inverted.grey.buttons .button:active, +.ui.inverted.grey.button:active { + background-color: #c2c4c5; } /* Inverted Basic */ -.ui.inverted.primary.basic.buttons .button, -.ui.inverted.primary.buttons .basic.button, -.ui.inverted.primary.basic.button { +.ui.inverted.grey.basic.buttons .button, +.ui.inverted.grey.buttons .basic.button, +.ui.inverted.grey.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.primary.basic.buttons .button:hover, -.ui.inverted.primary.buttons .basic.button:hover, -.ui.inverted.primary.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - color: #54C8FF !important; +.ui.inverted.grey.basic.buttons .button:hover, +.ui.inverted.grey.buttons .basic.button:hover, +.ui.inverted.grey.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset; + box-shadow: 0 0 0 2px #c2c4c5 inset; + color: #FFFFFF; } -.ui.inverted.primary.basic.buttons .button:focus, -.ui.inverted.primary.basic.buttons .button:focus, -.ui.inverted.primary.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - box-shadow: 0px 0px 0px 2px #2bbbff inset !important; - color: #54C8FF !important; +.ui.inverted.grey.basic.buttons .button:focus, +.ui.inverted.grey.basic.buttons .button:focus, +.ui.inverted.grey.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #c7c9cb inset; + box-shadow: 0 0 0 2px #c7c9cb inset; + color: #DCDDDE; } -.ui.inverted.primary.basic.buttons .active.button, -.ui.inverted.primary.buttons .basic.active.button, -.ui.inverted.primary.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - box-shadow: 0px 0px 0px 2px #3ac0ff inset !important; - color: #54C8FF !important; +.ui.inverted.grey.basic.buttons .active.button, +.ui.inverted.grey.buttons .basic.active.button, +.ui.inverted.grey.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset; + box-shadow: 0 0 0 2px #cfd0d2 inset; + color: #FFFFFF; } -.ui.inverted.primary.basic.buttons .button:active, -.ui.inverted.primary.buttons .basic.button:active, -.ui.inverted.primary.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - box-shadow: 0px 0px 0px 2px #21b8ff inset !important; - color: #54C8FF !important; +.ui.inverted.grey.basic.buttons .button:active, +.ui.inverted.grey.buttons .basic.button:active, +.ui.inverted.grey.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset; + box-shadow: 0 0 0 2px #c2c4c5 inset; + color: #FFFFFF; } /* Tertiary */ -.ui.tertiary.primary.buttons .button, -.ui.tertiary.primary.buttons .tertiary.button, -.ui.tertiary.primary.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #2185D0 !important; +.ui.tertiary.grey.buttons .button, +.ui.tertiary.grey.buttons .tertiary.button, +.ui.tertiary.grey.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #767676; } -.ui.tertiary.primary.buttons .button:hover, -.ui.tertiary.primary.buttons button:hover, -.ui.tertiary.primary.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac !important; - box-shadow: inset 0 -0.2em 0 #2b75ac !important; - color: #2b75ac !important; +.ui.tertiary.grey.buttons .button:hover, +.ui.tertiary.grey.buttons button:hover, +.ui.tertiary.grey.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #838383; + box-shadow: inset 0 -0.2em 0 #838383; + color: #838383; } -.ui.tertiary.primary.buttons .button:focus, -.ui.tertiary.primary.buttons .tertiary.button:focus, -.ui.tertiary.primary.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #216ea7 !important; - box-shadow: inset 0 -0.2em 0 #216ea7 !important; - color: #216ea7 !important; +.ui.tertiary.grey.buttons .button:focus, +.ui.tertiary.grey.buttons .tertiary.button:focus, +.ui.tertiary.grey.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #8a8a8a; + box-shadow: inset 0 -0.2em 0 #8a8a8a; + color: #8a8a8a; } -.ui.tertiary.primary.buttons .active.button, -.ui.tertiary.primary.buttons .tertiary.active.button, -.ui.tertiary.primary.active.button, -.ui.tertiary.primary.buttons .button:active, -.ui.tertiary.primary.buttons .tertiary.button:active, -.ui.tertiary.primary.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #007bd8 !important; - box-shadow: inset 0 -0.2em 0 #007bd8 !important; - color: #1279c6 !important; +.ui.tertiary.grey.buttons .active.button, +.ui.tertiary.grey.buttons .tertiary.active.button, +.ui.tertiary.grey.active.button, +.ui.tertiary.grey.buttons .button:active, +.ui.tertiary.grey.buttons .tertiary.button:active, +.ui.tertiary.grey.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #7e5454; + box-shadow: inset 0 -0.2em 0 #7e5454; + color: #696969; } - -/*------------------- - Secondary ---------------------*/ - -.ui.secondary.buttons .button, -.ui.secondary.button { +.ui.black.buttons .button, +.ui.black.button { background-color: #1B1C1D; color: #FFFFFF; text-shadow: none; background-image: none; } -.ui.secondary.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; +.ui.black.button { + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } -.ui.secondary.buttons .button:hover, -.ui.secondary.button:hover { +.ui.black.buttons .button:hover, +.ui.black.button:hover { background-color: #27292a; color: #FFFFFF; text-shadow: none; } -.ui.secondary.buttons .button:focus, -.ui.secondary.button:focus { - background-color: #2e3032; +.ui.black.buttons .button:focus, +.ui.black.button:focus { + background-color: #2f3032; color: #FFFFFF; text-shadow: none; } -.ui.secondary.buttons .button:active, -.ui.secondary.button:active { +.ui.black.buttons .button:active, +.ui.black.button:active { background-color: #343637; color: #FFFFFF; text-shadow: none; } -.ui.secondary.buttons .active.button, -.ui.secondary.buttons .active.button:active, -.ui.secondary.active.button, -.ui.secondary.button .active.button:active { - background-color: #27292a; +.ui.black.buttons .active.button, +.ui.black.buttons .active.button:active, +.ui.black.active.button, +.ui.black.button .active.button:active { + background-color: #0f0f10; color: #FFFFFF; text-shadow: none; } /* Basic */ -.ui.basic.secondary.buttons .button, -.ui.basic.secondary.button { - -webkit-box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - box-shadow: 0px 0px 0px 1px #1B1C1D inset !important; - color: #1B1C1D !important; +.ui.basic.black.buttons .button, +.ui.basic.black.button { + background: transparent; + -webkit-box-shadow: 0 0 0 1px #1B1C1D inset; + box-shadow: 0 0 0 1px #1B1C1D inset; + color: #1B1C1D; } -.ui.basic.secondary.buttons .button:hover, -.ui.basic.secondary.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; - color: #27292a !important; +.ui.basic.black.buttons .button:hover, +.ui.basic.black.button:hover { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #27292a inset; + box-shadow: 0 0 0 1px #27292a inset; + color: #27292a; } -.ui.basic.secondary.buttons .button:focus, -.ui.basic.secondary.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #2e3032 inset !important; - box-shadow: 0px 0px 0px 1px #2e3032 inset !important; - color: #27292a !important; +.ui.basic.black.buttons .button:focus, +.ui.basic.black.button:focus { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #2f3032 inset; + box-shadow: 0 0 0 1px #2f3032 inset; + color: #27292a; } -.ui.basic.secondary.buttons .active.button, -.ui.basic.secondary.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #27292a inset !important; - box-shadow: 0px 0px 0px 1px #27292a inset !important; - color: #343637 !important; +.ui.basic.black.buttons .active.button, +.ui.basic.black.active.button { + background: transparent ; + -webkit-box-shadow: 0 0 0 1px #0f0f10 inset; + box-shadow: 0 0 0 1px #0f0f10 inset; + color: #343637; } -.ui.basic.secondary.buttons .button:active, -.ui.basic.secondary.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #343637 inset !important; - box-shadow: 0px 0px 0px 1px #343637 inset !important; - color: #343637 !important; +.ui.basic.black.buttons .button:active, +.ui.basic.black.button:active { + -webkit-box-shadow: 0 0 0 1px #343637 inset; + box-shadow: 0 0 0 1px #343637 inset; + color: #343637; } -.ui.buttons:not(.vertical) > .basic.secondary.button:not(:first-child) { +.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) { margin-left: -1px; } /* Inverted */ -.ui.inverted.secondary.buttons .button, -.ui.inverted.secondary.button { +.ui.inverted.black.buttons .button, +.ui.inverted.black.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px #545454 inset !important; - box-shadow: 0px 0px 0px 2px #545454 inset !important; - color: #545454; + -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset; + box-shadow: 0 0 0 2px #D4D4D5 inset; + color: #FFFFFF; } -.ui.inverted.secondary.buttons .button:hover, -.ui.inverted.secondary.button:hover, -.ui.inverted.secondary.buttons .button:focus, -.ui.inverted.secondary.button:focus, -.ui.inverted.secondary.buttons .button.active, -.ui.inverted.secondary.button.active, -.ui.inverted.secondary.buttons .button:active, -.ui.inverted.secondary.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.ui.inverted.black.buttons .button:hover, +.ui.inverted.black.button:hover, +.ui.inverted.black.buttons .button:focus, +.ui.inverted.black.button:focus, +.ui.inverted.black.buttons .button.active, +.ui.inverted.black.button.active, +.ui.inverted.black.buttons .button:active, +.ui.inverted.black.button:active { + -webkit-box-shadow: none ; + box-shadow: none ; color: #FFFFFF; } -.ui.inverted.secondary.buttons .button:hover, -.ui.inverted.secondary.button:hover { - background-color: #616161; +.ui.inverted.black.buttons .button:hover, +.ui.inverted.black.button:hover { + background-color: #000000; } -.ui.inverted.secondary.buttons .button:focus, -.ui.inverted.secondary.button:focus { - background-color: #686868; +.ui.inverted.black.buttons .button:focus, +.ui.inverted.black.button:focus { + background-color: #000000; } -.ui.inverted.secondary.buttons .active.button, -.ui.inverted.secondary.active.button { - background-color: #616161; +.ui.inverted.black.buttons .active.button, +.ui.inverted.black.active.button { + background-color: #000000; } -.ui.inverted.secondary.buttons .button:active, -.ui.inverted.secondary.button:active { - background-color: #6e6e6e; +.ui.inverted.black.buttons .button:active, +.ui.inverted.black.button:active { + background-color: #000000; } /* Inverted Basic */ -.ui.inverted.secondary.basic.buttons .button, -.ui.inverted.secondary.buttons .basic.button, -.ui.inverted.secondary.basic.button { +.ui.inverted.black.basic.buttons .button, +.ui.inverted.black.buttons .basic.button, +.ui.inverted.black.basic.button { background-color: transparent; - -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important; - color: #FFFFFF !important; + -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset; + color: #FFFFFF; } -.ui.inverted.secondary.basic.buttons .button:hover, -.ui.inverted.secondary.buttons .basic.button:hover, -.ui.inverted.secondary.basic.button:hover { - -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important; - box-shadow: 0px 0px 0px 2px #616161 inset !important; - color: #545454 !important; +.ui.inverted.black.basic.buttons .button:hover, +.ui.inverted.black.buttons .basic.button:hover, +.ui.inverted.black.basic.button:hover { + -webkit-box-shadow: 0 0 0 2px #000000 inset; + box-shadow: 0 0 0 2px #000000 inset; + color: #FFFFFF; } -.ui.inverted.secondary.basic.buttons .button:focus, -.ui.inverted.secondary.basic.buttons .button:focus, -.ui.inverted.secondary.basic.button:focus { - -webkit-box-shadow: 0px 0px 0px 2px #686868 inset !important; - box-shadow: 0px 0px 0px 2px #686868 inset !important; - color: #545454 !important; +.ui.inverted.black.basic.buttons .button:focus, +.ui.inverted.black.basic.buttons .button:focus, +.ui.inverted.black.basic.button:focus { + -webkit-box-shadow: 0 0 0 2px #000000 inset; + box-shadow: 0 0 0 2px #000000 inset; + color: #545454; } -.ui.inverted.secondary.basic.buttons .active.button, -.ui.inverted.secondary.buttons .basic.active.button, -.ui.inverted.secondary.basic.active.button { - -webkit-box-shadow: 0px 0px 0px 2px #616161 inset !important; - box-shadow: 0px 0px 0px 2px #616161 inset !important; - color: #545454 !important; +.ui.inverted.black.basic.buttons .active.button, +.ui.inverted.black.buttons .basic.active.button, +.ui.inverted.black.basic.active.button { + -webkit-box-shadow: 0 0 0 2px #000000 inset; + box-shadow: 0 0 0 2px #000000 inset; + color: #FFFFFF; } -.ui.inverted.secondary.basic.buttons .button:active, -.ui.inverted.secondary.buttons .basic.button:active, -.ui.inverted.secondary.basic.button:active { - -webkit-box-shadow: 0px 0px 0px 2px #6e6e6e inset !important; - box-shadow: 0px 0px 0px 2px #6e6e6e inset !important; - color: #545454 !important; +.ui.inverted.black.basic.buttons .button:active, +.ui.inverted.black.buttons .basic.button:active, +.ui.inverted.black.basic.button:active { + -webkit-box-shadow: 0 0 0 2px #000000 inset; + box-shadow: 0 0 0 2px #000000 inset; + color: #FFFFFF; } /* Tertiary */ -.ui.tertiary.secondary.buttons .button, -.ui.tertiary.secondary.buttons .tertiary.button, -.ui.tertiary.secondary.button { - -webkit-box-shadow: none !important; - box-shadow: none !important; - color: #1B1C1D !important; +.ui.tertiary.black.buttons .button, +.ui.tertiary.black.buttons .tertiary.button, +.ui.tertiary.black.button { + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + color: #1B1C1D; } -.ui.tertiary.secondary.buttons .button:hover, -.ui.tertiary.secondary.buttons button:hover, -.ui.tertiary.secondary.button:hover { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #292929 !important; - box-shadow: inset 0 -0.2em 0 #292929 !important; - color: #292929 !important; +.ui.tertiary.black.buttons .button:hover, +.ui.tertiary.black.buttons button:hover, +.ui.tertiary.black.button:hover { + -webkit-box-shadow: inset 0 -0.2em 0 #8b8f93; + box-shadow: inset 0 -0.2em 0 #8b8f93; + color: #585c5f; } -.ui.tertiary.secondary.buttons .button:focus, -.ui.tertiary.secondary.buttons .tertiary.button:focus, -.ui.tertiary.secondary.button:focus { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #303030 !important; - box-shadow: inset 0 -0.2em 0 #303030 !important; - color: #303030 !important; +.ui.tertiary.black.buttons .button:focus, +.ui.tertiary.black.buttons .tertiary.button:focus, +.ui.tertiary.black.button:focus { + -webkit-box-shadow: inset 0 -0.2em 0 #93969a; + box-shadow: inset 0 -0.2em 0 #93969a; + color: #606367; } -.ui.tertiary.secondary.buttons .active.button, -.ui.tertiary.secondary.buttons .tertiary.active.button, -.ui.tertiary.secondary.active.button, -.ui.tertiary.secondary.buttons .button:active, -.ui.tertiary.secondary.buttons .tertiary.button:active, -.ui.tertiary.secondary.button:active { - -webkit-box-shadow: none !important; - box-shadow: none !important; - -webkit-box-shadow: inset 0 -0.2em 0 #1f2933 !important; - box-shadow: inset 0 -0.2em 0 #1f2933 !important; - color: #27292a !important; +.ui.tertiary.black.buttons .active.button, +.ui.tertiary.black.buttons .tertiary.active.button, +.ui.tertiary.black.active.button, +.ui.tertiary.black.buttons .button:active, +.ui.tertiary.black.buttons .tertiary.button:active, +.ui.tertiary.black.button:active { + -webkit-box-shadow: inset 0 -0.2em 0 #404245; + box-shadow: inset 0 -0.2em 0 #404245; + color: #0f0f10; } /*--------------- @@ -4280,8 +4144,8 @@ background-image: none; } .ui.positive.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.positive.buttons .button:hover, .ui.positive.button:hover { @@ -4313,36 +4177,37 @@ /* Basic */ .ui.basic.positive.buttons .button, .ui.basic.positive.button { - -webkit-box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - box-shadow: 0px 0px 0px 1px #21BA45 inset !important; - color: #21BA45 !important; + background: transparent; + -webkit-box-shadow: 0 0 0 1px #21BA45 inset; + box-shadow: 0 0 0 1px #21BA45 inset; + color: #21BA45; } .ui.basic.positive.buttons .button:hover, .ui.basic.positive.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - box-shadow: 0px 0px 0px 1px #16ab39 inset !important; - color: #16ab39 !important; + background: transparent; + -webkit-box-shadow: 0 0 0 1px #16ab39 inset; + box-shadow: 0 0 0 1px #16ab39 inset; + color: #16ab39; } .ui.basic.positive.buttons .button:focus, .ui.basic.positive.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - box-shadow: 0px 0px 0px 1px #0ea432 inset !important; - color: #16ab39 !important; + background: transparent; + -webkit-box-shadow: 0 0 0 1px #0ea432 inset; + box-shadow: 0 0 0 1px #0ea432 inset; + color: #16ab39; } .ui.basic.positive.buttons .active.button, .ui.basic.positive.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - box-shadow: 0px 0px 0px 1px #13ae38 inset !important; - color: #198f35 !important; + background: transparent; + -webkit-box-shadow: 0 0 0 1px #13ae38 inset; + box-shadow: 0 0 0 1px #13ae38 inset; + color: #198f35; } .ui.basic.positive.buttons .button:active, .ui.basic.positive.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #198f35 inset !important; - box-shadow: 0px 0px 0px 1px #198f35 inset !important; - color: #198f35 !important; + -webkit-box-shadow: 0 0 0 1px #198f35 inset; + box-shadow: 0 0 0 1px #198f35 inset; + color: #198f35; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; @@ -4362,8 +4227,8 @@ background-image: none; } .ui.negative.button { - -webkit-box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.negative.buttons .button:hover, .ui.negative.button:hover { @@ -4395,36 +4260,37 @@ /* Basic */ .ui.basic.negative.buttons .button, .ui.basic.negative.button { - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - box-shadow: 0px 0px 0px 1px #DB2828 inset !important; - color: #DB2828 !important; + background: transparent; + -webkit-box-shadow: 0 0 0 1px #DB2828 inset; + box-shadow: 0 0 0 1px #DB2828 inset; + color: #DB2828; } .ui.basic.negative.buttons .button:hover, .ui.basic.negative.button:hover { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d01919 inset !important; - box-shadow: 0px 0px 0px 1px #d01919 inset !important; - color: #d01919 !important; + background: transparent; + -webkit-box-shadow: 0 0 0 1px #d01919 inset; + box-shadow: 0 0 0 1px #d01919 inset; + color: #d01919; } .ui.basic.negative.buttons .button:focus, .ui.basic.negative.button:focus { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - box-shadow: 0px 0px 0px 1px #ca1010 inset !important; - color: #d01919 !important; + background: transparent; + -webkit-box-shadow: 0 0 0 1px #ca1010 inset; + box-shadow: 0 0 0 1px #ca1010 inset; + color: #d01919; } .ui.basic.negative.buttons .active.button, .ui.basic.negative.active.button { - background: transparent !important; - -webkit-box-shadow: 0px 0px 0px 1px #d41515 inset !important; - box-shadow: 0px 0px 0px 1px #d41515 inset !important; - color: #b21e1e !important; + background: transparent; + -webkit-box-shadow: 0 0 0 1px #d41515 inset; + box-shadow: 0 0 0 1px #d41515 inset; + color: #b21e1e; } .ui.basic.negative.buttons .button:active, .ui.basic.negative.button:active { - -webkit-box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - box-shadow: 0px 0px 0px 1px #b21e1e inset !important; - color: #b21e1e !important; + -webkit-box-shadow: 0 0 0 1px #b21e1e inset; + box-shadow: 0 0 0 1px #b21e1e inset; + color: #b21e1e; } .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) { margin-left: -1px; @@ -4443,9 +4309,9 @@ -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; - font-size: 0em; + font-size: 0; vertical-align: baseline; - margin: 0em 0.25em 0em 0em; + margin: 0 0.25em 0 0; } .ui.buttons:not(.basic):not(.inverted) { -webkit-box-shadow: none; @@ -4466,17 +4332,17 @@ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; - border-radius: 0em; - margin: 0px 0px 0px 0px; + border-radius: 0; + margin: 0 0 0 0; } .ui.buttons > .ui.button:not(.basic):not(.inverted), .ui.buttons:not(.basic):not(.inverted) > .button { - -webkit-box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset; } .ui.buttons .button:first-child { border-left: none; - margin-left: 0em; + margin-left: 0; border-top-left-radius: 0.28571429rem; border-bottom-left-radius: 0.28571429rem; } @@ -4499,17 +4365,17 @@ display: block; float: none; width: 100%; - margin: 0px 0px 0px 0px; + margin: 0 0 0 0; -webkit-box-shadow: none; box-shadow: none; - border-radius: 0em; + border-radius: 0; } .ui.vertical.buttons .button:first-child { border-top-left-radius: 0.28571429rem; border-top-right-radius: 0.28571429rem; } .ui.vertical.buttons .button:last-child { - margin-bottom: 0px; + margin-bottom: 0; border-bottom-left-radius: 0.28571429rem; border-bottom-right-radius: 0.28571429rem; } diff --git a/dist/components/button.min.css b/dist/components/button.min.css index 999e1f33fb..d840bc1b1b 100644 --- a/dist/components/button.min.css +++ b/dist/components/button.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Button + * # Semantic UI 2.7.0 - Button * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;will-change:'';-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:''!important;-webkit-box-shadow:''!important;box-shadow:''!important}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:'';color:rgba(0,0,0,.9);-webkit-box-shadow:0 0 0 1px transparent inset,none;box-shadow:0 0 0 1px transparent inset,none}.ui.active.button{background-color:#c0c1c2;background-image:none;-webkit-box-shadow:0 0 0 1px transparent inset;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.loading.loading.loading.loading.loading.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent!important;opacity:1;pointer-events:auto;-webkit-transition:all 0s linear,opacity .1s ease;transition:all 0s linear,opacity .1s ease}.ui.loading.button:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#fff transparent transparent;border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}@-webkit-keyframes button-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes button-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.basic.loading.button:not(.inverted):before{border-color:rgba(0,0,0,.1)}.ui.basic.loading.button:not(.inverted):after{border-top-color:#767676}.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;pointer-events:none!important}.ui.basic.buttons .ui.disabled.button{border-color:rgba(34,36,38,.5)}.ui.animated.button{position:relative;overflow:hidden;padding-right:0!important;vertical-align:middle;z-index:1}.ui.animated.button .content{will-change:transform,opacity}.ui.animated.button .visible.content{position:relative;margin-right:1.5em}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .hidden.content,.ui.animated.button .visible.content{-webkit-transition:right .3s ease 0s;transition:right .3s ease 0s}.ui.animated.button .visible.content{left:auto;right:0}.ui.animated.button .hidden.content{top:50%;left:auto;right:-100%;margin-top:-.5em}.ui.animated.button:focus .visible.content,.ui.animated.button:hover .visible.content{left:auto;right:200%}.ui.animated.button:focus .hidden.content,.ui.animated.button:hover .hidden.content{left:auto;right:0}.ui.vertical.animated.button .hidden.content,.ui.vertical.animated.button .visible.content{-webkit-transition:top .3s ease,-webkit-transform .3s ease;transition:top .3s ease,-webkit-transform .3s ease;transition:top .3s ease,transform .3s ease;transition:top .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui.vertical.animated.button .visible.content{-webkit-transform:translateY(0);transform:translateY(0);right:auto}.ui.vertical.animated.button .hidden.content{top:-50%;left:0;right:auto}.ui.vertical.animated.button:focus .visible.content,.ui.vertical.animated.button:hover .visible.content{-webkit-transform:translateY(200%);transform:translateY(200%);right:auto}.ui.vertical.animated.button:focus .hidden.content,.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}.ui.fade.animated.button .hidden.content,.ui.fade.animated.button .visible.content{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui.fade.animated.button .hidden.content{opacity:0;left:0;right:auto;-webkit-transform:scale(1.5);transform:scale(1.5)}.ui.fade.animated.button:focus .visible.content,.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;-webkit-transform:scale(.75);transform:scale(.75)}.ui.fade.animated.button:focus .hidden.content,.ui.fade.animated.button:hover .hidden.content{left:0;right:auto;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui.inverted.button{-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important;background:transparent none;color:#fff;text-shadow:none!important}.ui.inverted.buttons .button{margin:0 0 0 -2px}.ui.inverted.buttons .button:first-child{margin-left:0}.ui.inverted.vertical.buttons .button{margin:0 0 -2px 0}.ui.inverted.vertical.buttons .button:first-child{margin-top:0}.ui.inverted.button:hover{background:#fff;-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}.ui.inverted.button.active,.ui.inverted.button:focus{background:#fff;-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}.ui.inverted.button.active:focus{background:#dcddde;-webkit-box-shadow:0 0 0 2px #dcddde inset!important;box-shadow:0 0 0 2px #dcddde inset!important;color:rgba(0,0,0,.8)}.ui.labeled.button:not(.icon){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:0 0!important;padding:0!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 -1px!important;font-size:1em;padding:'';border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label:before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.facebook.button{background-color:#3b5998;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.facebook.button:hover{background-color:#304d8a;color:#fff;text-shadow:none}.ui.facebook.button:active{background-color:#2d4373;color:#fff;text-shadow:none}.ui.twitter.button{background-color:#1da1f2;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.twitter.button:hover{background-color:#0298f3;color:#fff;text-shadow:none}.ui.twitter.button:active{background-color:#0c85d0;color:#fff;text-shadow:none}.ui.google.plus.button{background-color:#dd4b39;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.google.plus.button:hover{background-color:#e0321c;color:#fff;text-shadow:none}.ui.google.plus.button:active{background-color:#c23321;color:#fff;text-shadow:none}.ui.linkedin.button{background-color:#0077b5;color:#fff;text-shadow:none}.ui.linkedin.button:hover{background-color:#00669c;color:#fff;text-shadow:none}.ui.linkedin.button:active{background-color:#005582;color:#fff;text-shadow:none}.ui.youtube.button{background-color:red;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.youtube.button:hover{background-color:#e60000;color:#fff;text-shadow:none}.ui.youtube.button:active{background-color:#c00;color:#fff;text-shadow:none}.ui.instagram.button{background-color:#49769c;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.instagram.button:hover{background-color:#3d698e;color:#fff;text-shadow:none}.ui.instagram.button:active{background-color:#395c79;color:#fff;text-shadow:none}.ui.pinterest.button{background-color:#bd081c;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.pinterest.button:hover{background-color:#ac0013;color:#fff;text-shadow:none}.ui.pinterest.button:active{background-color:#8c0615;color:#fff;text-shadow:none}.ui.vk.button{background-color:#45668e;color:#fff;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.vk.button:hover{background-color:#395980;color:#fff}.ui.vk.button:active{background-color:#344d6c;color:#fff}.ui.whatsapp.button{background-color:#25d366;color:#fff;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.whatsapp.button:hover{background-color:#19c55a;color:#fff}.ui.whatsapp.button:active{background-color:#1da851;color:#fff}.ui.telegram.button{background-color:#08c;color:#fff;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.telegram.button:hover{background-color:#0077b3;color:#fff}.ui.telegram.button:active{background-color:#069;color:#fff}.ui.button>.icon:not(.button){height:.85714286em;opacity:.8;margin:0 .42857143em 0 -.21428571em;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;vertical-align:'';color:''}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown),.ui.button:not(.icon)>.icons:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.58928571em 1.125em .58928571em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.58928571em .58928571em .58928571em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.58928571em 3.69642857em .58928571em}.ui.mini.button,.ui.mini.buttons .button,.ui.mini.buttons .or{font-size:.78571429rem}.ui.tiny.button,.ui.tiny.buttons .button,.ui.tiny.buttons .or{font-size:.85714286rem}.ui.small.button,.ui.small.buttons .button,.ui.small.buttons .or{font-size:.92857143rem}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.large.button,.ui.large.buttons .button,.ui.large.buttons .or{font-size:1.14285714rem}.ui.big.button,.ui.big.buttons .button,.ui.big.buttons .or{font-size:1.28571429rem}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1.42857143rem}.ui.massive.button,.ui.massive.buttons .button,.ui.massive.buttons .or{font-size:1.71428571rem}.ui.mini.buttons .dropdown{font-size:.78571429rem}.ui.mini.buttons .dropdown .menu>.item{font-size:.78571429rem}.ui.tiny.buttons .dropdown{font-size:.85714286rem}.ui.tiny.buttons .dropdown .menu>.item{font-size:.85714286rem}.ui.small.buttons .dropdown{font-size:.92857143rem}.ui.small.buttons .dropdown .menu>.item{font-size:.92857143rem}.ui.large.buttons .dropdown{font-size:1.14285714rem}.ui.large.buttons .dropdown .menu>.item{font-size:1.14285714rem}.ui.big.buttons .dropdown{font-size:1.28571429rem}.ui.big.buttons .dropdown .menu>.item{font-size:1.28571429rem}.ui.huge.buttons .dropdown{font-size:1.42857143rem}.ui.huge.buttons .dropdown .menu>.item{font-size:1.42857143rem}.ui.massive.buttons .dropdown{font-size:1.71428571rem}.ui.massive.buttons .dropdown .menu>.item{font-size:1.71428571rem}.ui.icon.button,.ui.icon.buttons .button{padding:.78571429em .78571429em .78571429em}.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0!important;vertical-align:top}.ui.basic.button,.ui.basic.buttons .button{background:transparent none!important;color:rgba(0,0,0,.6)!important;font-weight:400;border-radius:.28571429rem;text-transform:none;text-shadow:none!important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.basic.buttons{-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem}.ui.basic.buttons .button{border-radius:0}.ui.basic.button:hover,.ui.basic.buttons .button:hover{background:#fff!important;color:rgba(0,0,0,.8)!important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:focus,.ui.basic.buttons .button:focus{background:#fff!important;color:rgba(0,0,0,.8)!important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:active,.ui.basic.buttons .button:active{background:#f8f8f8!important;color:rgba(0,0,0,.9)!important;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset}.ui.basic.active.button,.ui.basic.buttons .active.button{background:rgba(0,0,0,.05)!important;-webkit-box-shadow:''!important;box-shadow:''!important;color:rgba(0,0,0,.95)!important}.ui.basic.active.button:hover,.ui.basic.buttons .active.button:hover{background-color:rgba(0,0,0,.05)}.ui.basic.buttons .button:hover{-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset inset;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset inset}.ui.basic.buttons .button:active{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset inset}.ui.basic.buttons .active.button{-webkit-box-shadow:''!important;box-shadow:''!important}.ui.basic.inverted.button,.ui.basic.inverted.buttons .button{background-color:transparent!important;color:#f9fafb!important;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important}.ui.basic.inverted.button:hover,.ui.basic.inverted.buttons .button:hover{color:#fff!important;-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.inverted.button:focus,.ui.basic.inverted.buttons .button:focus{color:#fff!important;-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.inverted.button:active,.ui.basic.inverted.buttons .button:active{background-color:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.9) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.9) inset!important}.ui.basic.inverted.active.button,.ui.basic.inverted.buttons .active.button{background-color:rgba(255,255,255,.08);color:#fff;text-shadow:none;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.7) inset;box-shadow:0 0 0 2px rgba(255,255,255,.7) inset}.ui.basic.inverted.active.button:hover,.ui.basic.inverted.buttons .active.button:hover{background-color:rgba(255,255,255,.15);-webkit-box-shadow:0 0 0 2px #fff inset!important;box-shadow:0 0 0 2px #fff inset!important}.ui.basic.buttons .button{border-left:1px solid rgba(34,36,38,.15);-webkit-box-shadow:none;box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none;border-left-width:0;border-top:1px solid rgba(34,36,38,.15)}.ui.basic.vertical.buttons .button:first-child{border-top-width:0}.ui.tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:color .1s ease!important;transition:color .1s ease!important;border-radius:0;margin:.28571429em .25em .28571429em 0!important;padding:.5em!important;color:rgba(0,0,0,.6)!important;background:0 0!important}.ui.tertiary.button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #666!important;box-shadow:inset 0 -.2em 0 #666!important;color:#333!important;background:0 0!important}.ui.tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #666!important;box-shadow:inset 0 -.2em 0 #666!important;color:#333!important;background:0 0!important}.ui.tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #999!important;box-shadow:inset 0 -.2em 0 #999!important;border-radius:.28571429rem .28571429rem 0 0;color:#666!important;background:0 0!important}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;top:0;left:0;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:'';-webkit-box-shadow:-1px 0 0 0 transparent inset;box-shadow:-1px 0 0 0 transparent inset}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;-webkit-box-shadow:1px 0 0 0 transparent inset;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon:after,.ui.labeled.icon.button>.icon:before,.ui.labeled.icon.buttons>.button>.icon:after,.ui.labeled.icon.buttons>.button>.icon:before{display:block;position:absolute;width:100%;top:50%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0;border-top-left-radius:.28571429rem}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0;border-bottom-left-radius:.28571429rem}.ui.fluid[class*="left labeled"].icon.button,.ui.fluid[class*="right labeled"].icon.button{padding-left:1.5em!important;padding-right:1.5em!important}.ui.button.toggle.active,.ui.buttons .button.toggle.active,.ui.toggle.buttons .active.button{background-color:#21ba45!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none;color:#fff!important}.ui.button.toggle.active:hover{background-color:#16ab39!important;text-shadow:none;color:#fff!important}.ui.circular.button{border-radius:10em}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.buttons .or{position:relative;width:.3em;height:2.57142857em;z-index:3}.ui.buttons .or:before{position:absolute;text-align:center;border-radius:500rem;content:'or';top:50%;left:50%;background-color:#fff;text-shadow:none;margin-top:-.89285714em;margin-left:-.89285714em;width:1.78571429em;height:1.78571429em;line-height:1.78571429em;color:rgba(0,0,0,.4);font-style:normal;font-weight:700;-webkit-box-shadow:0 0 0 1px transparent inset;box-shadow:0 0 0 1px transparent inset}.ui.buttons .or[data-text]:before{content:attr(data-text)}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.ui.attached.button{position:relative;display:block;margin:0;border-radius:0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15)!important;box-shadow:0 0 0 1px rgba(34,36,38,.15)!important}.ui.attached.top.button{border-radius:.28571429rem .28571429rem 0 0}.ui.attached.bottom.button{border-radius:0 0 .28571429rem .28571429rem}.ui.left.attached.button{display:inline-block;border-left:none;text-align:right;padding-right:.75em;border-radius:.28571429rem 0 0 .28571429rem}.ui.right.attached.button{display:inline-block;text-align:left;padding-left:.75em;border-radius:0 .28571429rem .28571429rem 0}.ui.attached.buttons{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:0;width:auto!important;z-index:2;margin-left:-1px;margin-right:-1px}.ui.attached.buttons .button{margin:0}.ui.attached.buttons .button:first-child{border-radius:0}.ui.attached.buttons .button:last-child{border-radius:0}.ui[class*="top attached"].buttons{margin-bottom:-1px;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="top attached"].buttons .button:first-child{border-radius:.28571429rem 0 0 0}.ui[class*="top attached"].buttons .button:last-child{border-radius:0 .28571429rem 0 0}.ui[class*="bottom attached"].buttons{margin-top:-1px;border-radius:0 0 .28571429rem .28571429rem}.ui[class*="bottom attached"].buttons .button:first-child{border-radius:0 0 0 .28571429rem}.ui[class*="bottom attached"].buttons .button:last-child{border-radius:0 0 .28571429rem 0}.ui[class*="left attached"].buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:0;margin-left:-1px;border-radius:0 .28571429rem .28571429rem 0}.ui[class*="left attached"].buttons .button:first-child{margin-left:-1px;border-radius:0 .28571429rem 0 0}.ui[class*="left attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 .28571429rem 0}.ui[class*="right attached"].buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:0;margin-right:-1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="right attached"].buttons .button:first-child{margin-left:-1px;border-radius:.28571429rem 0 0 0}.ui[class*="right attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 0 .28571429rem}.ui.fluid.button,.ui.fluid.buttons{width:100%}.ui.fluid.button{display:block}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.black.button,.ui.black.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.black.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.black.button:hover,.ui.black.buttons .button:hover{background-color:#27292a;color:#fff;text-shadow:none}.ui.black.button:focus,.ui.black.buttons .button:focus{background-color:#2f3032;color:#fff;text-shadow:none}.ui.black.button:active,.ui.black.buttons .button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.black.active.button,.ui.black.button .active.button:active,.ui.black.buttons .active.button,.ui.black.buttons .active.button:active{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.basic.black.button,.ui.basic.black.buttons .button{-webkit-box-shadow:0 0 0 1px #1b1c1d inset!important;box-shadow:0 0 0 1px #1b1c1d inset!important;color:#1b1c1d!important}.ui.basic.black.button:hover,.ui.basic.black.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #27292a inset!important;box-shadow:0 0 0 1px #27292a inset!important;color:#27292a!important}.ui.basic.black.button:focus,.ui.basic.black.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #2f3032 inset!important;box-shadow:0 0 0 1px #2f3032 inset!important;color:#27292a!important}.ui.basic.black.active.button,.ui.basic.black.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #0f0f10 inset!important;box-shadow:0 0 0 1px #0f0f10 inset!important;color:#343637!important}.ui.basic.black.button:active,.ui.basic.black.buttons .button:active{-webkit-box-shadow:0 0 0 1px #343637 inset!important;box-shadow:0 0 0 1px #343637 inset!important;color:#343637!important}.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child){margin-left:-1px}.ui.inverted.black.button,.ui.inverted.black.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #d4d4d5 inset!important;box-shadow:0 0 0 2px #d4d4d5 inset!important;color:#fff}.ui.inverted.black.button.active,.ui.inverted.black.button:active,.ui.inverted.black.button:focus,.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button.active,.ui.inverted.black.buttons .button:active,.ui.inverted.black.buttons .button:focus,.ui.inverted.black.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button:hover{background-color:#000}.ui.inverted.black.button:focus,.ui.inverted.black.buttons .button:focus{background-color:#000}.ui.inverted.black.active.button,.ui.inverted.black.buttons .active.button{background-color:#000}.ui.inverted.black.button:active,.ui.inverted.black.buttons .button:active{background-color:#000}.ui.inverted.black.basic.button,.ui.inverted.black.basic.buttons .button,.ui.inverted.black.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.black.basic.button:hover,.ui.inverted.black.basic.buttons .button:hover,.ui.inverted.black.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #000 inset!important;box-shadow:0 0 0 2px #000 inset!important;color:#fff!important}.ui.inverted.black.basic.button:focus,.ui.inverted.black.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #000 inset!important;box-shadow:0 0 0 2px #000 inset!important;color:#545454!important}.ui.inverted.black.basic.active.button,.ui.inverted.black.basic.buttons .active.button,.ui.inverted.black.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #000 inset!important;box-shadow:0 0 0 2px #000 inset!important;color:#fff!important}.ui.inverted.black.basic.button:active,.ui.inverted.black.basic.buttons .button:active,.ui.inverted.black.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #000 inset!important;box-shadow:0 0 0 2px #000 inset!important;color:#fff!important}.ui.tertiary.black.button,.ui.tertiary.black.buttons .button,.ui.tertiary.black.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#1b1c1d!important}.ui.tertiary.black.button:hover,.ui.tertiary.black.buttons .button:hover,.ui.tertiary.black.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #8b8f93!important;box-shadow:inset 0 -.2em 0 #8b8f93!important;color:#585c5f!important}.ui.tertiary.black.button:focus,.ui.tertiary.black.buttons .button:focus,.ui.tertiary.black.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #93969a!important;box-shadow:inset 0 -.2em 0 #93969a!important;color:#606367!important}.ui.tertiary.black.active.button,.ui.tertiary.black.button:active,.ui.tertiary.black.buttons .active.button,.ui.tertiary.black.buttons .button:active,.ui.tertiary.black.buttons .tertiary.active.button,.ui.tertiary.black.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #404245!important;box-shadow:inset 0 -.2em 0 #404245!important;color:#0f0f10!important}.ui.grey.button,.ui.grey.buttons .button{background-color:#767676;color:#fff;text-shadow:none;background-image:none}.ui.grey.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.grey.button:hover,.ui.grey.buttons .button:hover{background-color:#838383;color:#fff;text-shadow:none}.ui.grey.button:focus,.ui.grey.buttons .button:focus{background-color:#8a8a8a;color:#fff;text-shadow:none}.ui.grey.button:active,.ui.grey.buttons .button:active{background-color:#909090;color:#fff;text-shadow:none}.ui.grey.active.button,.ui.grey.button .active.button:active,.ui.grey.buttons .active.button,.ui.grey.buttons .active.button:active{background-color:#696969;color:#fff;text-shadow:none}.ui.basic.grey.button,.ui.basic.grey.buttons .button{-webkit-box-shadow:0 0 0 1px #767676 inset!important;box-shadow:0 0 0 1px #767676 inset!important;color:#767676!important}.ui.basic.grey.button:hover,.ui.basic.grey.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #838383 inset!important;box-shadow:0 0 0 1px #838383 inset!important;color:#838383!important}.ui.basic.grey.button:focus,.ui.basic.grey.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #8a8a8a inset!important;box-shadow:0 0 0 1px #8a8a8a inset!important;color:#838383!important}.ui.basic.grey.active.button,.ui.basic.grey.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #696969 inset!important;box-shadow:0 0 0 1px #696969 inset!important;color:#909090!important}.ui.basic.grey.button:active,.ui.basic.grey.buttons .button:active{-webkit-box-shadow:0 0 0 1px #909090 inset!important;box-shadow:0 0 0 1px #909090 inset!important;color:#909090!important}.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child){margin-left:-1px}.ui.inverted.grey.button,.ui.inverted.grey.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #d4d4d5 inset!important;box-shadow:0 0 0 2px #d4d4d5 inset!important;color:#fff}.ui.inverted.grey.button.active,.ui.inverted.grey.button:active,.ui.inverted.grey.button:focus,.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button.active,.ui.inverted.grey.buttons .button:active,.ui.inverted.grey.buttons .button:focus,.ui.inverted.grey.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:rgba(0,0,0,.6)}.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button:hover{background-color:#cfd0d2}.ui.inverted.grey.button:focus,.ui.inverted.grey.buttons .button:focus{background-color:#c7c9cb}.ui.inverted.grey.active.button,.ui.inverted.grey.buttons .active.button{background-color:#cfd0d2}.ui.inverted.grey.button:active,.ui.inverted.grey.buttons .button:active{background-color:#c2c4c5}.ui.inverted.grey.basic.button,.ui.inverted.grey.basic.buttons .button,.ui.inverted.grey.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.grey.basic.button:hover,.ui.inverted.grey.basic.buttons .button:hover,.ui.inverted.grey.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #cfd0d2 inset!important;box-shadow:0 0 0 2px #cfd0d2 inset!important;color:#fff!important}.ui.inverted.grey.basic.button:focus,.ui.inverted.grey.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #c7c9cb inset!important;box-shadow:0 0 0 2px #c7c9cb inset!important;color:#dcddde!important}.ui.inverted.grey.basic.active.button,.ui.inverted.grey.basic.buttons .active.button,.ui.inverted.grey.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #cfd0d2 inset!important;box-shadow:0 0 0 2px #cfd0d2 inset!important;color:#fff!important}.ui.inverted.grey.basic.button:active,.ui.inverted.grey.basic.buttons .button:active,.ui.inverted.grey.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #c2c4c5 inset!important;box-shadow:0 0 0 2px #c2c4c5 inset!important;color:#fff!important}.ui.tertiary.grey.button,.ui.tertiary.grey.buttons .button,.ui.tertiary.grey.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#767676!important}.ui.tertiary.grey.button:hover,.ui.tertiary.grey.buttons .button:hover,.ui.tertiary.grey.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #838383!important;box-shadow:inset 0 -.2em 0 #838383!important;color:#838383!important}.ui.tertiary.grey.button:focus,.ui.tertiary.grey.buttons .button:focus,.ui.tertiary.grey.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #8a8a8a!important;box-shadow:inset 0 -.2em 0 #8a8a8a!important;color:#8a8a8a!important}.ui.tertiary.grey.active.button,.ui.tertiary.grey.button:active,.ui.tertiary.grey.buttons .active.button,.ui.tertiary.grey.buttons .button:active,.ui.tertiary.grey.buttons .tertiary.active.button,.ui.tertiary.grey.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #7e5454!important;box-shadow:inset 0 -.2em 0 #7e5454!important;color:#696969!important}.ui.brown.button,.ui.brown.buttons .button{background-color:#a5673f;color:#fff;text-shadow:none;background-image:none}.ui.brown.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.brown.button:hover,.ui.brown.buttons .button:hover{background-color:#975b33;color:#fff;text-shadow:none}.ui.brown.button:focus,.ui.brown.buttons .button:focus{background-color:#90532b;color:#fff;text-shadow:none}.ui.brown.button:active,.ui.brown.buttons .button:active{background-color:#805031;color:#fff;text-shadow:none}.ui.brown.active.button,.ui.brown.button .active.button:active,.ui.brown.buttons .active.button,.ui.brown.buttons .active.button:active{background-color:#995a31;color:#fff;text-shadow:none}.ui.basic.brown.button,.ui.basic.brown.buttons .button{-webkit-box-shadow:0 0 0 1px #a5673f inset!important;box-shadow:0 0 0 1px #a5673f inset!important;color:#a5673f!important}.ui.basic.brown.button:hover,.ui.basic.brown.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #975b33 inset!important;box-shadow:0 0 0 1px #975b33 inset!important;color:#975b33!important}.ui.basic.brown.button:focus,.ui.basic.brown.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #90532b inset!important;box-shadow:0 0 0 1px #90532b inset!important;color:#975b33!important}.ui.basic.brown.active.button,.ui.basic.brown.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #995a31 inset!important;box-shadow:0 0 0 1px #995a31 inset!important;color:#805031!important}.ui.basic.brown.button:active,.ui.basic.brown.buttons .button:active{-webkit-box-shadow:0 0 0 1px #805031 inset!important;box-shadow:0 0 0 1px #805031 inset!important;color:#805031!important}.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child){margin-left:-1px}.ui.inverted.brown.button,.ui.inverted.brown.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #d67c1c inset!important;box-shadow:0 0 0 2px #d67c1c inset!important;color:#d67c1c}.ui.inverted.brown.button.active,.ui.inverted.brown.button:active,.ui.inverted.brown.button:focus,.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button.active,.ui.inverted.brown.buttons .button:active,.ui.inverted.brown.buttons .button:focus,.ui.inverted.brown.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button:hover{background-color:#c86f11}.ui.inverted.brown.button:focus,.ui.inverted.brown.buttons .button:focus{background-color:#c16808}.ui.inverted.brown.active.button,.ui.inverted.brown.buttons .active.button{background-color:#cc6f0d}.ui.inverted.brown.button:active,.ui.inverted.brown.buttons .button:active{background-color:#a96216}.ui.inverted.brown.basic.button,.ui.inverted.brown.basic.buttons .button,.ui.inverted.brown.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.brown.basic.button:hover,.ui.inverted.brown.basic.buttons .button:hover,.ui.inverted.brown.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #c86f11 inset!important;box-shadow:0 0 0 2px #c86f11 inset!important;color:#d67c1c!important}.ui.inverted.brown.basic.button:focus,.ui.inverted.brown.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #c16808 inset!important;box-shadow:0 0 0 2px #c16808 inset!important;color:#d67c1c!important}.ui.inverted.brown.basic.active.button,.ui.inverted.brown.basic.buttons .active.button,.ui.inverted.brown.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #cc6f0d inset!important;box-shadow:0 0 0 2px #cc6f0d inset!important;color:#d67c1c!important}.ui.inverted.brown.basic.button:active,.ui.inverted.brown.basic.buttons .button:active,.ui.inverted.brown.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #a96216 inset!important;box-shadow:0 0 0 2px #a96216 inset!important;color:#d67c1c!important}.ui.tertiary.brown.button,.ui.tertiary.brown.buttons .button,.ui.tertiary.brown.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#a5673f!important}.ui.tertiary.brown.button:hover,.ui.tertiary.brown.buttons .button:hover,.ui.tertiary.brown.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #835f48!important;box-shadow:inset 0 -.2em 0 #835f48!important;color:#835f48!important}.ui.tertiary.brown.button:focus,.ui.tertiary.brown.buttons .button:focus,.ui.tertiary.brown.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #7d573e!important;box-shadow:inset 0 -.2em 0 #7d573e!important;color:#7d573e!important}.ui.tertiary.brown.active.button,.ui.tertiary.brown.button:active,.ui.tertiary.brown.buttons .active.button,.ui.tertiary.brown.buttons .button:active,.ui.tertiary.brown.buttons .tertiary.active.button,.ui.tertiary.brown.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #ae561d!important;box-shadow:inset 0 -.2em 0 #ae561d!important;color:#995a31!important}.ui.blue.button,.ui.blue.buttons .button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.blue.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.blue.button:hover,.ui.blue.buttons .button:hover{background-color:#1678c2;color:#fff;text-shadow:none}.ui.blue.button:focus,.ui.blue.buttons .button:focus{background-color:#0d71bb;color:#fff;text-shadow:none}.ui.blue.button:active,.ui.blue.buttons .button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.blue.active.button,.ui.blue.button .active.button:active,.ui.blue.buttons .active.button,.ui.blue.buttons .active.button:active{background-color:#1279c6;color:#fff;text-shadow:none}.ui.basic.blue.button,.ui.basic.blue.buttons .button{-webkit-box-shadow:0 0 0 1px #2185d0 inset!important;box-shadow:0 0 0 1px #2185d0 inset!important;color:#2185d0!important}.ui.basic.blue.button:hover,.ui.basic.blue.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #1678c2 inset!important;box-shadow:0 0 0 1px #1678c2 inset!important;color:#1678c2!important}.ui.basic.blue.button:focus,.ui.basic.blue.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #0d71bb inset!important;box-shadow:0 0 0 1px #0d71bb inset!important;color:#1678c2!important}.ui.basic.blue.active.button,.ui.basic.blue.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #1279c6 inset!important;box-shadow:0 0 0 1px #1279c6 inset!important;color:#1a69a4!important}.ui.basic.blue.button:active,.ui.basic.blue.buttons .button:active{-webkit-box-shadow:0 0 0 1px #1a69a4 inset!important;box-shadow:0 0 0 1px #1a69a4 inset!important;color:#1a69a4!important}.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child){margin-left:-1px}.ui.inverted.blue.button,.ui.inverted.blue.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #54c8ff inset!important;box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff}.ui.inverted.blue.button.active,.ui.inverted.blue.button:active,.ui.inverted.blue.button:focus,.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button.active,.ui.inverted.blue.buttons .button:active,.ui.inverted.blue.buttons .button:focus,.ui.inverted.blue.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button:hover{background-color:#3ac0ff}.ui.inverted.blue.button:focus,.ui.inverted.blue.buttons .button:focus{background-color:#2bbbff}.ui.inverted.blue.active.button,.ui.inverted.blue.buttons .active.button{background-color:#3ac0ff}.ui.inverted.blue.button:active,.ui.inverted.blue.buttons .button:active{background-color:#21b8ff}.ui.inverted.blue.basic.button,.ui.inverted.blue.basic.buttons .button,.ui.inverted.blue.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.blue.basic.button:hover,.ui.inverted.blue.basic.buttons .button:hover,.ui.inverted.blue.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #3ac0ff inset!important;box-shadow:0 0 0 2px #3ac0ff inset!important;color:#54c8ff!important}.ui.inverted.blue.basic.button:focus,.ui.inverted.blue.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #2bbbff inset!important;box-shadow:0 0 0 2px #2bbbff inset!important;color:#54c8ff!important}.ui.inverted.blue.basic.active.button,.ui.inverted.blue.basic.buttons .active.button,.ui.inverted.blue.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #3ac0ff inset!important;box-shadow:0 0 0 2px #3ac0ff inset!important;color:#54c8ff!important}.ui.inverted.blue.basic.button:active,.ui.inverted.blue.basic.buttons .button:active,.ui.inverted.blue.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #21b8ff inset!important;box-shadow:0 0 0 2px #21b8ff inset!important;color:#54c8ff!important}.ui.tertiary.blue.button,.ui.tertiary.blue.buttons .button,.ui.tertiary.blue.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#2185d0!important}.ui.tertiary.blue.button:hover,.ui.tertiary.blue.buttons .button:hover,.ui.tertiary.blue.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #2b75ac!important;box-shadow:inset 0 -.2em 0 #2b75ac!important;color:#2b75ac!important}.ui.tertiary.blue.button:focus,.ui.tertiary.blue.buttons .button:focus,.ui.tertiary.blue.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #216ea7!important;box-shadow:inset 0 -.2em 0 #216ea7!important;color:#216ea7!important}.ui.tertiary.blue.active.button,.ui.tertiary.blue.button:active,.ui.tertiary.blue.buttons .active.button,.ui.tertiary.blue.buttons .button:active,.ui.tertiary.blue.buttons .tertiary.active.button,.ui.tertiary.blue.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #007bd8!important;box-shadow:inset 0 -.2em 0 #007bd8!important;color:#1279c6!important}.ui.green.button,.ui.green.buttons .button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.green.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#16ab39;color:#fff;text-shadow:none}.ui.green.button:focus,.ui.green.buttons .button:focus{background-color:#0ea432;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#13ae38;color:#fff;text-shadow:none}.ui.basic.green.button,.ui.basic.green.buttons .button{-webkit-box-shadow:0 0 0 1px #21ba45 inset!important;box-shadow:0 0 0 1px #21ba45 inset!important;color:#21ba45!important}.ui.basic.green.button:hover,.ui.basic.green.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #16ab39 inset!important;box-shadow:0 0 0 1px #16ab39 inset!important;color:#16ab39!important}.ui.basic.green.button:focus,.ui.basic.green.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #0ea432 inset!important;box-shadow:0 0 0 1px #0ea432 inset!important;color:#16ab39!important}.ui.basic.green.active.button,.ui.basic.green.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #13ae38 inset!important;box-shadow:0 0 0 1px #13ae38 inset!important;color:#198f35!important}.ui.basic.green.button:active,.ui.basic.green.buttons .button:active{-webkit-box-shadow:0 0 0 1px #198f35 inset!important;box-shadow:0 0 0 1px #198f35 inset!important;color:#198f35!important}.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child){margin-left:-1px}.ui.inverted.green.button,.ui.inverted.green.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #2ecc40 inset!important;box-shadow:0 0 0 2px #2ecc40 inset!important;color:#2ecc40}.ui.inverted.green.button.active,.ui.inverted.green.button:active,.ui.inverted.green.button:focus,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button.active,.ui.inverted.green.buttons .button:active,.ui.inverted.green.buttons .button:focus,.ui.inverted.green.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button:hover{background-color:#22be34}.ui.inverted.green.button:focus,.ui.inverted.green.buttons .button:focus{background-color:#19b82b}.ui.inverted.green.active.button,.ui.inverted.green.buttons .active.button{background-color:#1fc231}.ui.inverted.green.button:active,.ui.inverted.green.buttons .button:active{background-color:#25a233}.ui.inverted.green.basic.button,.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.green.basic.button:hover,.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #22be34 inset!important;box-shadow:0 0 0 2px #22be34 inset!important;color:#2ecc40!important}.ui.inverted.green.basic.button:focus,.ui.inverted.green.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #19b82b inset!important;box-shadow:0 0 0 2px #19b82b inset!important;color:#2ecc40!important}.ui.inverted.green.basic.active.button,.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #1fc231 inset!important;box-shadow:0 0 0 2px #1fc231 inset!important;color:#2ecc40!important}.ui.inverted.green.basic.button:active,.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #25a233 inset!important;box-shadow:0 0 0 2px #25a233 inset!important;color:#2ecc40!important}.ui.tertiary.green.button,.ui.tertiary.green.buttons .button,.ui.tertiary.green.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#21ba45!important}.ui.tertiary.green.button:hover,.ui.tertiary.green.buttons .button:hover,.ui.tertiary.green.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #2a9844!important;box-shadow:inset 0 -.2em 0 #2a9844!important;color:#2a9844!important}.ui.tertiary.green.button:focus,.ui.tertiary.green.buttons .button:focus,.ui.tertiary.green.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #20923b!important;box-shadow:inset 0 -.2em 0 #20923b!important;color:#20923b!important}.ui.tertiary.green.active.button,.ui.tertiary.green.button:active,.ui.tertiary.green.buttons .active.button,.ui.tertiary.green.buttons .button:active,.ui.tertiary.green.buttons .tertiary.active.button,.ui.tertiary.green.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #00c22e!important;box-shadow:inset 0 -.2em 0 #00c22e!important;color:#13ae38!important}.ui.orange.button,.ui.orange.buttons .button{background-color:#f2711c;color:#fff;text-shadow:none;background-image:none}.ui.orange.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.orange.button:hover,.ui.orange.buttons .button:hover{background-color:#f26202;color:#fff;text-shadow:none}.ui.orange.button:focus,.ui.orange.buttons .button:focus{background-color:#e55b00;color:#fff;text-shadow:none}.ui.orange.button:active,.ui.orange.buttons .button:active{background-color:#cf590c;color:#fff;text-shadow:none}.ui.orange.active.button,.ui.orange.button .active.button:active,.ui.orange.buttons .active.button,.ui.orange.buttons .active.button:active{background-color:#f56100;color:#fff;text-shadow:none}.ui.basic.orange.button,.ui.basic.orange.buttons .button{-webkit-box-shadow:0 0 0 1px #f2711c inset!important;box-shadow:0 0 0 1px #f2711c inset!important;color:#f2711c!important}.ui.basic.orange.button:hover,.ui.basic.orange.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #f26202 inset!important;box-shadow:0 0 0 1px #f26202 inset!important;color:#f26202!important}.ui.basic.orange.button:focus,.ui.basic.orange.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #e55b00 inset!important;box-shadow:0 0 0 1px #e55b00 inset!important;color:#f26202!important}.ui.basic.orange.active.button,.ui.basic.orange.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #f56100 inset!important;box-shadow:0 0 0 1px #f56100 inset!important;color:#cf590c!important}.ui.basic.orange.button:active,.ui.basic.orange.buttons .button:active{-webkit-box-shadow:0 0 0 1px #cf590c inset!important;box-shadow:0 0 0 1px #cf590c inset!important;color:#cf590c!important}.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child){margin-left:-1px}.ui.inverted.orange.button,.ui.inverted.orange.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #ff851b inset!important;box-shadow:0 0 0 2px #ff851b inset!important;color:#ff851b}.ui.inverted.orange.button.active,.ui.inverted.orange.button:active,.ui.inverted.orange.button:focus,.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button.active,.ui.inverted.orange.buttons .button:active,.ui.inverted.orange.buttons .button:focus,.ui.inverted.orange.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button:hover{background-color:#ff7701}.ui.inverted.orange.button:focus,.ui.inverted.orange.buttons .button:focus{background-color:#f17000}.ui.inverted.orange.active.button,.ui.inverted.orange.buttons .active.button{background-color:#ff7701}.ui.inverted.orange.button:active,.ui.inverted.orange.buttons .button:active{background-color:#e76b00}.ui.inverted.orange.basic.button,.ui.inverted.orange.basic.buttons .button,.ui.inverted.orange.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.orange.basic.button:hover,.ui.inverted.orange.basic.buttons .button:hover,.ui.inverted.orange.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #ff7701 inset!important;box-shadow:0 0 0 2px #ff7701 inset!important;color:#ff851b!important}.ui.inverted.orange.basic.button:focus,.ui.inverted.orange.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #f17000 inset!important;box-shadow:0 0 0 2px #f17000 inset!important;color:#ff851b!important}.ui.inverted.orange.basic.active.button,.ui.inverted.orange.basic.buttons .active.button,.ui.inverted.orange.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #ff7701 inset!important;box-shadow:0 0 0 2px #ff7701 inset!important;color:#ff851b!important}.ui.inverted.orange.basic.button:active,.ui.inverted.orange.basic.buttons .button:active,.ui.inverted.orange.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #e76b00 inset!important;box-shadow:0 0 0 2px #e76b00 inset!important;color:#ff851b!important}.ui.tertiary.orange.button,.ui.tertiary.orange.buttons .button,.ui.tertiary.orange.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#f2711c!important}.ui.tertiary.orange.button:hover,.ui.tertiary.orange.buttons .button:hover,.ui.tertiary.orange.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #da671b!important;box-shadow:inset 0 -.2em 0 #da671b!important;color:#da671b!important}.ui.tertiary.orange.button:focus,.ui.tertiary.orange.buttons .button:focus,.ui.tertiary.orange.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #ce6017!important;box-shadow:inset 0 -.2em 0 #ce6017!important;color:#ce6017!important}.ui.tertiary.orange.active.button,.ui.tertiary.orange.button:active,.ui.tertiary.orange.buttons .active.button,.ui.tertiary.orange.buttons .button:active,.ui.tertiary.orange.buttons .tertiary.active.button,.ui.tertiary.orange.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #f56100!important;box-shadow:inset 0 -.2em 0 #f56100!important;color:#f56100!important}.ui.pink.button,.ui.pink.buttons .button{background-color:#e03997;color:#fff;text-shadow:none;background-image:none}.ui.pink.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.pink.button:hover,.ui.pink.buttons .button:hover{background-color:#e61a8d;color:#fff;text-shadow:none}.ui.pink.button:focus,.ui.pink.buttons .button:focus{background-color:#e10f85;color:#fff;text-shadow:none}.ui.pink.button:active,.ui.pink.buttons .button:active{background-color:#c71f7e;color:#fff;text-shadow:none}.ui.pink.active.button,.ui.pink.button .active.button:active,.ui.pink.buttons .active.button,.ui.pink.buttons .active.button:active{background-color:#ea158d;color:#fff;text-shadow:none}.ui.basic.pink.button,.ui.basic.pink.buttons .button{-webkit-box-shadow:0 0 0 1px #e03997 inset!important;box-shadow:0 0 0 1px #e03997 inset!important;color:#e03997!important}.ui.basic.pink.button:hover,.ui.basic.pink.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #e61a8d inset!important;box-shadow:0 0 0 1px #e61a8d inset!important;color:#e61a8d!important}.ui.basic.pink.button:focus,.ui.basic.pink.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #e10f85 inset!important;box-shadow:0 0 0 1px #e10f85 inset!important;color:#e61a8d!important}.ui.basic.pink.active.button,.ui.basic.pink.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #ea158d inset!important;box-shadow:0 0 0 1px #ea158d inset!important;color:#c71f7e!important}.ui.basic.pink.button:active,.ui.basic.pink.buttons .button:active{-webkit-box-shadow:0 0 0 1px #c71f7e inset!important;box-shadow:0 0 0 1px #c71f7e inset!important;color:#c71f7e!important}.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child){margin-left:-1px}.ui.inverted.pink.button,.ui.inverted.pink.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #ff8edf inset!important;box-shadow:0 0 0 2px #ff8edf inset!important;color:#ff8edf}.ui.inverted.pink.button.active,.ui.inverted.pink.button:active,.ui.inverted.pink.button:focus,.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button.active,.ui.inverted.pink.buttons .button:active,.ui.inverted.pink.buttons .button:focus,.ui.inverted.pink.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button:hover{background-color:#ff74d8}.ui.inverted.pink.button:focus,.ui.inverted.pink.buttons .button:focus{background-color:#ff65d3}.ui.inverted.pink.active.button,.ui.inverted.pink.buttons .active.button{background-color:#ff74d8}.ui.inverted.pink.button:active,.ui.inverted.pink.buttons .button:active{background-color:#ff5bd1}.ui.inverted.pink.basic.button,.ui.inverted.pink.basic.buttons .button,.ui.inverted.pink.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.pink.basic.button:hover,.ui.inverted.pink.basic.buttons .button:hover,.ui.inverted.pink.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #ff74d8 inset!important;box-shadow:0 0 0 2px #ff74d8 inset!important;color:#ff8edf!important}.ui.inverted.pink.basic.button:focus,.ui.inverted.pink.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #ff65d3 inset!important;box-shadow:0 0 0 2px #ff65d3 inset!important;color:#ff8edf!important}.ui.inverted.pink.basic.active.button,.ui.inverted.pink.basic.buttons .active.button,.ui.inverted.pink.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #ff74d8 inset!important;box-shadow:0 0 0 2px #ff74d8 inset!important;color:#ff8edf!important}.ui.inverted.pink.basic.button:active,.ui.inverted.pink.basic.buttons .button:active,.ui.inverted.pink.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #ff5bd1 inset!important;box-shadow:0 0 0 2px #ff5bd1 inset!important;color:#ff8edf!important}.ui.tertiary.pink.button,.ui.tertiary.pink.buttons .button,.ui.tertiary.pink.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#e03997!important}.ui.tertiary.pink.button:hover,.ui.tertiary.pink.buttons .button:hover,.ui.tertiary.pink.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #cc3389!important;box-shadow:inset 0 -.2em 0 #cc3389!important;color:#cc3389!important}.ui.tertiary.pink.button:focus,.ui.tertiary.pink.buttons .button:focus,.ui.tertiary.pink.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #c92782!important;box-shadow:inset 0 -.2em 0 #c92782!important;color:#c92782!important}.ui.tertiary.pink.active.button,.ui.tertiary.pink.button:active,.ui.tertiary.pink.buttons .active.button,.ui.tertiary.pink.buttons .button:active,.ui.tertiary.pink.buttons .tertiary.active.button,.ui.tertiary.pink.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #ff0090!important;box-shadow:inset 0 -.2em 0 #ff0090!important;color:#ea158d!important}.ui.violet.button,.ui.violet.buttons .button{background-color:#6435c9;color:#fff;text-shadow:none;background-image:none}.ui.violet.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.violet.button:hover,.ui.violet.buttons .button:hover{background-color:#5829bb;color:#fff;text-shadow:none}.ui.violet.button:focus,.ui.violet.buttons .button:focus{background-color:#4f20b5;color:#fff;text-shadow:none}.ui.violet.button:active,.ui.violet.buttons .button:active{background-color:#502aa1;color:#fff;text-shadow:none}.ui.violet.active.button,.ui.violet.button .active.button:active,.ui.violet.buttons .active.button,.ui.violet.buttons .active.button:active{background-color:#5626bf;color:#fff;text-shadow:none}.ui.basic.violet.button,.ui.basic.violet.buttons .button{-webkit-box-shadow:0 0 0 1px #6435c9 inset!important;box-shadow:0 0 0 1px #6435c9 inset!important;color:#6435c9!important}.ui.basic.violet.button:hover,.ui.basic.violet.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #5829bb inset!important;box-shadow:0 0 0 1px #5829bb inset!important;color:#5829bb!important}.ui.basic.violet.button:focus,.ui.basic.violet.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #4f20b5 inset!important;box-shadow:0 0 0 1px #4f20b5 inset!important;color:#5829bb!important}.ui.basic.violet.active.button,.ui.basic.violet.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #5626bf inset!important;box-shadow:0 0 0 1px #5626bf inset!important;color:#502aa1!important}.ui.basic.violet.button:active,.ui.basic.violet.buttons .button:active{-webkit-box-shadow:0 0 0 1px #502aa1 inset!important;box-shadow:0 0 0 1px #502aa1 inset!important;color:#502aa1!important}.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child){margin-left:-1px}.ui.inverted.violet.button,.ui.inverted.violet.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #a291fb inset!important;box-shadow:0 0 0 2px #a291fb inset!important;color:#a291fb}.ui.inverted.violet.button.active,.ui.inverted.violet.button:active,.ui.inverted.violet.button:focus,.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button.active,.ui.inverted.violet.buttons .button:active,.ui.inverted.violet.buttons .button:focus,.ui.inverted.violet.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button:hover{background-color:#8a73ff}.ui.inverted.violet.button:focus,.ui.inverted.violet.buttons .button:focus{background-color:#7d64ff}.ui.inverted.violet.active.button,.ui.inverted.violet.buttons .active.button{background-color:#8a73ff}.ui.inverted.violet.button:active,.ui.inverted.violet.buttons .button:active{background-color:#7860f9}.ui.inverted.violet.basic.button,.ui.inverted.violet.basic.buttons .button,.ui.inverted.violet.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.violet.basic.button:hover,.ui.inverted.violet.basic.buttons .button:hover,.ui.inverted.violet.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #8a73ff inset!important;box-shadow:0 0 0 2px #8a73ff inset!important;color:#a291fb!important}.ui.inverted.violet.basic.button:focus,.ui.inverted.violet.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #7d64ff inset!important;box-shadow:0 0 0 2px #7d64ff inset!important;color:#a291fb!important}.ui.inverted.violet.basic.active.button,.ui.inverted.violet.basic.buttons .active.button,.ui.inverted.violet.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #8a73ff inset!important;box-shadow:0 0 0 2px #8a73ff inset!important;color:#a291fb!important}.ui.inverted.violet.basic.button:active,.ui.inverted.violet.basic.buttons .button:active,.ui.inverted.violet.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #7860f9 inset!important;box-shadow:0 0 0 2px #7860f9 inset!important;color:#a291fb!important}.ui.tertiary.violet.button,.ui.tertiary.violet.buttons .button,.ui.tertiary.violet.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#6435c9!important}.ui.tertiary.violet.button:hover,.ui.tertiary.violet.buttons .button:hover,.ui.tertiary.violet.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #6040a5!important;box-shadow:inset 0 -.2em 0 #6040a5!important;color:#6040a5!important}.ui.tertiary.violet.button:focus,.ui.tertiary.violet.buttons .button:focus,.ui.tertiary.violet.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #5735a0!important;box-shadow:inset 0 -.2em 0 #5735a0!important;color:#5735a0!important}.ui.tertiary.violet.active.button,.ui.tertiary.violet.button:active,.ui.tertiary.violet.buttons .active.button,.ui.tertiary.violet.buttons .button:active,.ui.tertiary.violet.buttons .tertiary.active.button,.ui.tertiary.violet.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #4e0fd6!important;box-shadow:inset 0 -.2em 0 #4e0fd6!important;color:#5626bf!important}.ui.purple.button,.ui.purple.buttons .button{background-color:#a333c8;color:#fff;text-shadow:none;background-image:none}.ui.purple.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.purple.button:hover,.ui.purple.buttons .button:hover{background-color:#9627ba;color:#fff;text-shadow:none}.ui.purple.button:focus,.ui.purple.buttons .button:focus{background-color:#8f1eb4;color:#fff;text-shadow:none}.ui.purple.button:active,.ui.purple.buttons .button:active{background-color:#82299f;color:#fff;text-shadow:none}.ui.purple.active.button,.ui.purple.button .active.button:active,.ui.purple.buttons .active.button,.ui.purple.buttons .active.button:active{background-color:#9724be;color:#fff;text-shadow:none}.ui.basic.purple.button,.ui.basic.purple.buttons .button{-webkit-box-shadow:0 0 0 1px #a333c8 inset!important;box-shadow:0 0 0 1px #a333c8 inset!important;color:#a333c8!important}.ui.basic.purple.button:hover,.ui.basic.purple.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #9627ba inset!important;box-shadow:0 0 0 1px #9627ba inset!important;color:#9627ba!important}.ui.basic.purple.button:focus,.ui.basic.purple.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #8f1eb4 inset!important;box-shadow:0 0 0 1px #8f1eb4 inset!important;color:#9627ba!important}.ui.basic.purple.active.button,.ui.basic.purple.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #9724be inset!important;box-shadow:0 0 0 1px #9724be inset!important;color:#82299f!important}.ui.basic.purple.button:active,.ui.basic.purple.buttons .button:active{-webkit-box-shadow:0 0 0 1px #82299f inset!important;box-shadow:0 0 0 1px #82299f inset!important;color:#82299f!important}.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child){margin-left:-1px}.ui.inverted.purple.button,.ui.inverted.purple.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #dc73ff inset!important;box-shadow:0 0 0 2px #dc73ff inset!important;color:#dc73ff}.ui.inverted.purple.button.active,.ui.inverted.purple.button:active,.ui.inverted.purple.button:focus,.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button.active,.ui.inverted.purple.buttons .button:active,.ui.inverted.purple.buttons .button:focus,.ui.inverted.purple.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button:hover{background-color:#d65aff}.ui.inverted.purple.button:focus,.ui.inverted.purple.buttons .button:focus{background-color:#d24aff}.ui.inverted.purple.active.button,.ui.inverted.purple.buttons .active.button{background-color:#d65aff}.ui.inverted.purple.button:active,.ui.inverted.purple.buttons .button:active{background-color:#cf40ff}.ui.inverted.purple.basic.button,.ui.inverted.purple.basic.buttons .button,.ui.inverted.purple.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.purple.basic.button:hover,.ui.inverted.purple.basic.buttons .button:hover,.ui.inverted.purple.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #d65aff inset!important;box-shadow:0 0 0 2px #d65aff inset!important;color:#dc73ff!important}.ui.inverted.purple.basic.button:focus,.ui.inverted.purple.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #d24aff inset!important;box-shadow:0 0 0 2px #d24aff inset!important;color:#dc73ff!important}.ui.inverted.purple.basic.active.button,.ui.inverted.purple.basic.buttons .active.button,.ui.inverted.purple.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #d65aff inset!important;box-shadow:0 0 0 2px #d65aff inset!important;color:#dc73ff!important}.ui.inverted.purple.basic.button:active,.ui.inverted.purple.basic.buttons .button:active,.ui.inverted.purple.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #cf40ff inset!important;box-shadow:0 0 0 2px #cf40ff inset!important;color:#dc73ff!important}.ui.tertiary.purple.button,.ui.tertiary.purple.buttons .button,.ui.tertiary.purple.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#a333c8!important}.ui.tertiary.purple.button:hover,.ui.tertiary.purple.buttons .button:hover,.ui.tertiary.purple.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #8a3ea4!important;box-shadow:inset 0 -.2em 0 #8a3ea4!important;color:#8a3ea4!important}.ui.tertiary.purple.button:focus,.ui.tertiary.purple.buttons .button:focus,.ui.tertiary.purple.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #84339f!important;box-shadow:inset 0 -.2em 0 #84339f!important;color:#84339f!important}.ui.tertiary.purple.active.button,.ui.tertiary.purple.button:active,.ui.tertiary.purple.buttons .active.button,.ui.tertiary.purple.buttons .button:active,.ui.tertiary.purple.buttons .tertiary.active.button,.ui.tertiary.purple.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #a30dd4!important;box-shadow:inset 0 -.2em 0 #a30dd4!important;color:#9724be!important}.ui.red.button,.ui.red.buttons .button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.red.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#d01919;color:#fff;text-shadow:none}.ui.red.button:focus,.ui.red.buttons .button:focus{background-color:#ca1010;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#d41515;color:#fff;text-shadow:none}.ui.basic.red.button,.ui.basic.red.buttons .button{-webkit-box-shadow:0 0 0 1px #db2828 inset!important;box-shadow:0 0 0 1px #db2828 inset!important;color:#db2828!important}.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #d01919 inset!important;box-shadow:0 0 0 1px #d01919 inset!important;color:#d01919!important}.ui.basic.red.button:focus,.ui.basic.red.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #ca1010 inset!important;box-shadow:0 0 0 1px #ca1010 inset!important;color:#d01919!important}.ui.basic.red.active.button,.ui.basic.red.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #d41515 inset!important;box-shadow:0 0 0 1px #d41515 inset!important;color:#b21e1e!important}.ui.basic.red.button:active,.ui.basic.red.buttons .button:active{-webkit-box-shadow:0 0 0 1px #b21e1e inset!important;box-shadow:0 0 0 1px #b21e1e inset!important;color:#b21e1e!important}.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child){margin-left:-1px}.ui.inverted.red.button,.ui.inverted.red.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #ff695e inset!important;box-shadow:0 0 0 2px #ff695e inset!important;color:#ff695e}.ui.inverted.red.button.active,.ui.inverted.red.button:active,.ui.inverted.red.button:focus,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button.active,.ui.inverted.red.buttons .button:active,.ui.inverted.red.buttons .button:focus,.ui.inverted.red.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button:hover{background-color:#ff5144}.ui.inverted.red.button:focus,.ui.inverted.red.buttons .button:focus{background-color:#ff4335}.ui.inverted.red.active.button,.ui.inverted.red.buttons .active.button{background-color:#ff5144}.ui.inverted.red.button:active,.ui.inverted.red.buttons .button:active{background-color:#ff392b}.ui.inverted.red.basic.button,.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.red.basic.button:hover,.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #ff5144 inset!important;box-shadow:0 0 0 2px #ff5144 inset!important;color:#ff695e!important}.ui.inverted.red.basic.button:focus,.ui.inverted.red.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #ff4335 inset!important;box-shadow:0 0 0 2px #ff4335 inset!important;color:#ff695e!important}.ui.inverted.red.basic.active.button,.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #ff5144 inset!important;box-shadow:0 0 0 2px #ff5144 inset!important;color:#ff695e!important}.ui.inverted.red.basic.button:active,.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #ff392b inset!important;box-shadow:0 0 0 2px #ff392b inset!important;color:#ff695e!important}.ui.tertiary.red.button,.ui.tertiary.red.buttons .button,.ui.tertiary.red.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#db2828!important}.ui.tertiary.red.button:hover,.ui.tertiary.red.buttons .button:hover,.ui.tertiary.red.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #b93131!important;box-shadow:inset 0 -.2em 0 #b93131!important;color:#b93131!important}.ui.tertiary.red.button:focus,.ui.tertiary.red.buttons .button:focus,.ui.tertiary.red.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #b52626!important;box-shadow:inset 0 -.2em 0 #b52626!important;color:#b52626!important}.ui.tertiary.red.active.button,.ui.tertiary.red.button:active,.ui.tertiary.red.buttons .active.button,.ui.tertiary.red.buttons .button:active,.ui.tertiary.red.buttons .tertiary.active.button,.ui.tertiary.red.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #ea0000!important;box-shadow:inset 0 -.2em 0 #ea0000!important;color:#d41515!important}.ui.teal.button,.ui.teal.buttons .button{background-color:#00b5ad;color:#fff;text-shadow:none;background-image:none}.ui.teal.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.teal.button:hover,.ui.teal.buttons .button:hover{background-color:#009c95;color:#fff;text-shadow:none}.ui.teal.button:focus,.ui.teal.buttons .button:focus{background-color:#008c86;color:#fff;text-shadow:none}.ui.teal.button:active,.ui.teal.buttons .button:active{background-color:#00827c;color:#fff;text-shadow:none}.ui.teal.active.button,.ui.teal.button .active.button:active,.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active{background-color:#009c95;color:#fff;text-shadow:none}.ui.basic.teal.button,.ui.basic.teal.buttons .button{-webkit-box-shadow:0 0 0 1px #00b5ad inset!important;box-shadow:0 0 0 1px #00b5ad inset!important;color:#00b5ad!important}.ui.basic.teal.button:hover,.ui.basic.teal.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #009c95 inset!important;box-shadow:0 0 0 1px #009c95 inset!important;color:#009c95!important}.ui.basic.teal.button:focus,.ui.basic.teal.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #008c86 inset!important;box-shadow:0 0 0 1px #008c86 inset!important;color:#009c95!important}.ui.basic.teal.active.button,.ui.basic.teal.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #009c95 inset!important;box-shadow:0 0 0 1px #009c95 inset!important;color:#00827c!important}.ui.basic.teal.button:active,.ui.basic.teal.buttons .button:active{-webkit-box-shadow:0 0 0 1px #00827c inset!important;box-shadow:0 0 0 1px #00827c inset!important;color:#00827c!important}.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child){margin-left:-1px}.ui.inverted.teal.button,.ui.inverted.teal.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #6dffff inset!important;box-shadow:0 0 0 2px #6dffff inset!important;color:#6dffff}.ui.inverted.teal.button.active,.ui.inverted.teal.button:active,.ui.inverted.teal.button:focus,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button.active,.ui.inverted.teal.buttons .button:active,.ui.inverted.teal.buttons .button:focus,.ui.inverted.teal.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:rgba(0,0,0,.6)}.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button:hover{background-color:#54ffff}.ui.inverted.teal.button:focus,.ui.inverted.teal.buttons .button:focus{background-color:#4ff}.ui.inverted.teal.active.button,.ui.inverted.teal.buttons .active.button{background-color:#54ffff}.ui.inverted.teal.button:active,.ui.inverted.teal.buttons .button:active{background-color:#3affff}.ui.inverted.teal.basic.button,.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.teal.basic.button:hover,.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #54ffff inset!important;box-shadow:0 0 0 2px #54ffff inset!important;color:#6dffff!important}.ui.inverted.teal.basic.button:focus,.ui.inverted.teal.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #4ff inset!important;box-shadow:0 0 0 2px #4ff inset!important;color:#6dffff!important}.ui.inverted.teal.basic.active.button,.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #54ffff inset!important;box-shadow:0 0 0 2px #54ffff inset!important;color:#6dffff!important}.ui.inverted.teal.basic.button:active,.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #3affff inset!important;box-shadow:0 0 0 2px #3affff inset!important;color:#6dffff!important}.ui.tertiary.teal.button,.ui.tertiary.teal.buttons .button,.ui.tertiary.teal.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#00b5ad!important}.ui.tertiary.teal.button:hover,.ui.tertiary.teal.buttons .button:hover,.ui.tertiary.teal.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #108c86!important;box-shadow:inset 0 -.2em 0 #108c86!important;color:#108c86!important}.ui.tertiary.teal.button:focus,.ui.tertiary.teal.buttons .button:focus,.ui.tertiary.teal.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #0e7e79!important;box-shadow:inset 0 -.2em 0 #0e7e79!important;color:#0e7e79!important}.ui.tertiary.teal.active.button,.ui.tertiary.teal.button:active,.ui.tertiary.teal.buttons .active.button,.ui.tertiary.teal.buttons .button:active,.ui.tertiary.teal.buttons .tertiary.active.button,.ui.tertiary.teal.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #009c95!important;box-shadow:inset 0 -.2em 0 #009c95!important;color:#009c95!important}.ui.olive.button,.ui.olive.buttons .button{background-color:#b5cc18;color:#fff;text-shadow:none;background-image:none}.ui.olive.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.olive.button:hover,.ui.olive.buttons .button:hover{background-color:#a7bd0d;color:#fff;text-shadow:none}.ui.olive.button:focus,.ui.olive.buttons .button:focus{background-color:#a0b605;color:#fff;text-shadow:none}.ui.olive.button:active,.ui.olive.buttons .button:active{background-color:#8d9e13;color:#fff;text-shadow:none}.ui.olive.active.button,.ui.olive.button .active.button:active,.ui.olive.buttons .active.button,.ui.olive.buttons .active.button:active{background-color:#aac109;color:#fff;text-shadow:none}.ui.basic.olive.button,.ui.basic.olive.buttons .button{-webkit-box-shadow:0 0 0 1px #b5cc18 inset!important;box-shadow:0 0 0 1px #b5cc18 inset!important;color:#b5cc18!important}.ui.basic.olive.button:hover,.ui.basic.olive.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #a7bd0d inset!important;box-shadow:0 0 0 1px #a7bd0d inset!important;color:#a7bd0d!important}.ui.basic.olive.button:focus,.ui.basic.olive.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #a0b605 inset!important;box-shadow:0 0 0 1px #a0b605 inset!important;color:#a7bd0d!important}.ui.basic.olive.active.button,.ui.basic.olive.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #aac109 inset!important;box-shadow:0 0 0 1px #aac109 inset!important;color:#8d9e13!important}.ui.basic.olive.button:active,.ui.basic.olive.buttons .button:active{-webkit-box-shadow:0 0 0 1px #8d9e13 inset!important;box-shadow:0 0 0 1px #8d9e13 inset!important;color:#8d9e13!important}.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child){margin-left:-1px}.ui.inverted.olive.button,.ui.inverted.olive.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #d9e778 inset!important;box-shadow:0 0 0 2px #d9e778 inset!important;color:#d9e778}.ui.inverted.olive.button.active,.ui.inverted.olive.button:active,.ui.inverted.olive.button:focus,.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button.active,.ui.inverted.olive.buttons .button:active,.ui.inverted.olive.buttons .button:focus,.ui.inverted.olive.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:rgba(0,0,0,.6)}.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button:hover{background-color:#d8ea5c}.ui.inverted.olive.button:focus,.ui.inverted.olive.buttons .button:focus{background-color:#daef47}.ui.inverted.olive.active.button,.ui.inverted.olive.buttons .active.button{background-color:#daed59}.ui.inverted.olive.button:active,.ui.inverted.olive.buttons .button:active{background-color:#cddf4d}.ui.inverted.olive.basic.button,.ui.inverted.olive.basic.buttons .button,.ui.inverted.olive.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.olive.basic.button:hover,.ui.inverted.olive.basic.buttons .button:hover,.ui.inverted.olive.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #d8ea5c inset!important;box-shadow:0 0 0 2px #d8ea5c inset!important;color:#d9e778!important}.ui.inverted.olive.basic.button:focus,.ui.inverted.olive.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #daef47 inset!important;box-shadow:0 0 0 2px #daef47 inset!important;color:#d9e778!important}.ui.inverted.olive.basic.active.button,.ui.inverted.olive.basic.buttons .active.button,.ui.inverted.olive.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #daed59 inset!important;box-shadow:0 0 0 2px #daed59 inset!important;color:#d9e778!important}.ui.inverted.olive.basic.button:active,.ui.inverted.olive.basic.buttons .button:active,.ui.inverted.olive.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #cddf4d inset!important;box-shadow:0 0 0 2px #cddf4d inset!important;color:#d9e778!important}.ui.tertiary.olive.button,.ui.tertiary.olive.buttons .button,.ui.tertiary.olive.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#b5cc18!important}.ui.tertiary.olive.button:hover,.ui.tertiary.olive.buttons .button:hover,.ui.tertiary.olive.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #98a922!important;box-shadow:inset 0 -.2em 0 #98a922!important;color:#98a922!important}.ui.tertiary.olive.button:focus,.ui.tertiary.olive.buttons .button:focus,.ui.tertiary.olive.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #92a418!important;box-shadow:inset 0 -.2em 0 #92a418!important;color:#92a418!important}.ui.tertiary.olive.active.button,.ui.tertiary.olive.button:active,.ui.tertiary.olive.buttons .active.button,.ui.tertiary.olive.buttons .button:active,.ui.tertiary.olive.buttons .tertiary.active.button,.ui.tertiary.olive.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #b1cb00!important;box-shadow:inset 0 -.2em 0 #b1cb00!important;color:#aac109!important}.ui.yellow.button,.ui.yellow.buttons .button{background-color:#fbbd08;color:#fff;text-shadow:none;background-image:none}.ui.yellow.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.yellow.button:hover,.ui.yellow.buttons .button:hover{background-color:#eaae00;color:#fff;text-shadow:none}.ui.yellow.button:focus,.ui.yellow.buttons .button:focus{background-color:#daa300;color:#fff;text-shadow:none}.ui.yellow.button:active,.ui.yellow.buttons .button:active{background-color:#cd9903;color:#fff;text-shadow:none}.ui.yellow.active.button,.ui.yellow.button .active.button:active,.ui.yellow.buttons .active.button,.ui.yellow.buttons .active.button:active{background-color:#eaae00;color:#fff;text-shadow:none}.ui.basic.yellow.button,.ui.basic.yellow.buttons .button{-webkit-box-shadow:0 0 0 1px #fbbd08 inset!important;box-shadow:0 0 0 1px #fbbd08 inset!important;color:#fbbd08!important}.ui.basic.yellow.button:hover,.ui.basic.yellow.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #eaae00 inset!important;box-shadow:0 0 0 1px #eaae00 inset!important;color:#eaae00!important}.ui.basic.yellow.button:focus,.ui.basic.yellow.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #daa300 inset!important;box-shadow:0 0 0 1px #daa300 inset!important;color:#eaae00!important}.ui.basic.yellow.active.button,.ui.basic.yellow.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #eaae00 inset!important;box-shadow:0 0 0 1px #eaae00 inset!important;color:#cd9903!important}.ui.basic.yellow.button:active,.ui.basic.yellow.buttons .button:active{-webkit-box-shadow:0 0 0 1px #cd9903 inset!important;box-shadow:0 0 0 1px #cd9903 inset!important;color:#cd9903!important}.ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child){margin-left:-1px}.ui.inverted.yellow.button,.ui.inverted.yellow.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #ffe21f inset!important;box-shadow:0 0 0 2px #ffe21f inset!important;color:#ffe21f}.ui.inverted.yellow.button.active,.ui.inverted.yellow.button:active,.ui.inverted.yellow.button:focus,.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .button.active,.ui.inverted.yellow.buttons .button:active,.ui.inverted.yellow.buttons .button:focus,.ui.inverted.yellow.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:rgba(0,0,0,.6)}.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .button:hover{background-color:#ffdf05}.ui.inverted.yellow.button:focus,.ui.inverted.yellow.buttons .button:focus{background-color:#f5d500}.ui.inverted.yellow.active.button,.ui.inverted.yellow.buttons .active.button{background-color:#ffdf05}.ui.inverted.yellow.button:active,.ui.inverted.yellow.buttons .button:active{background-color:#ebcd00}.ui.inverted.yellow.basic.button,.ui.inverted.yellow.basic.buttons .button,.ui.inverted.yellow.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.yellow.basic.button:hover,.ui.inverted.yellow.basic.buttons .button:hover,.ui.inverted.yellow.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #ffdf05 inset!important;box-shadow:0 0 0 2px #ffdf05 inset!important;color:#ffe21f!important}.ui.inverted.yellow.basic.button:focus,.ui.inverted.yellow.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #f5d500 inset!important;box-shadow:0 0 0 2px #f5d500 inset!important;color:#ffe21f!important}.ui.inverted.yellow.basic.active.button,.ui.inverted.yellow.basic.buttons .active.button,.ui.inverted.yellow.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #ffdf05 inset!important;box-shadow:0 0 0 2px #ffdf05 inset!important;color:#ffe21f!important}.ui.inverted.yellow.basic.button:active,.ui.inverted.yellow.basic.buttons .button:active,.ui.inverted.yellow.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #ebcd00 inset!important;box-shadow:0 0 0 2px #ebcd00 inset!important;color:#ffe21f!important}.ui.tertiary.yellow.button,.ui.tertiary.yellow.buttons .button,.ui.tertiary.yellow.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fbbd08!important}.ui.tertiary.yellow.button:hover,.ui.tertiary.yellow.buttons .button:hover,.ui.tertiary.yellow.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #d2a217!important;box-shadow:inset 0 -.2em 0 #d2a217!important;color:#d2a217!important}.ui.tertiary.yellow.button:focus,.ui.tertiary.yellow.buttons .button:focus,.ui.tertiary.yellow.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #c49816!important;box-shadow:inset 0 -.2em 0 #c49816!important;color:#c49816!important}.ui.tertiary.yellow.active.button,.ui.tertiary.yellow.button:active,.ui.tertiary.yellow.buttons .active.button,.ui.tertiary.yellow.buttons .button:active,.ui.tertiary.yellow.buttons .tertiary.active.button,.ui.tertiary.yellow.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #eaae00!important;box-shadow:inset 0 -.2em 0 #eaae00!important;color:#eaae00!important}.ui.primary.button,.ui.primary.buttons .button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#1678c2;color:#fff;text-shadow:none}.ui.primary.button:focus,.ui.primary.buttons .button:focus{background-color:#0d71bb;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active,.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active{background-color:#1279c6;color:#fff;text-shadow:none}.ui.basic.primary.button,.ui.basic.primary.buttons .button{-webkit-box-shadow:0 0 0 1px #2185d0 inset!important;box-shadow:0 0 0 1px #2185d0 inset!important;color:#2185d0!important}.ui.basic.primary.button:hover,.ui.basic.primary.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #1678c2 inset!important;box-shadow:0 0 0 1px #1678c2 inset!important;color:#1678c2!important}.ui.basic.primary.button:focus,.ui.basic.primary.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #0d71bb inset!important;box-shadow:0 0 0 1px #0d71bb inset!important;color:#1678c2!important}.ui.basic.primary.active.button,.ui.basic.primary.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #1279c6 inset!important;box-shadow:0 0 0 1px #1279c6 inset!important;color:#1a69a4!important}.ui.basic.primary.button:active,.ui.basic.primary.buttons .button:active{-webkit-box-shadow:0 0 0 1px #1a69a4 inset!important;box-shadow:0 0 0 1px #1a69a4 inset!important;color:#1a69a4!important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.inverted.primary.button,.ui.inverted.primary.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #54c8ff inset!important;box-shadow:0 0 0 2px #54c8ff inset!important;color:#54c8ff}.ui.inverted.primary.button.active,.ui.inverted.primary.button:active,.ui.inverted.primary.button:focus,.ui.inverted.primary.button:hover,.ui.inverted.primary.buttons .button.active,.ui.inverted.primary.buttons .button:active,.ui.inverted.primary.buttons .button:focus,.ui.inverted.primary.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.primary.button:hover,.ui.inverted.primary.buttons .button:hover{background-color:#3ac0ff}.ui.inverted.primary.button:focus,.ui.inverted.primary.buttons .button:focus{background-color:#2bbbff}.ui.inverted.primary.active.button,.ui.inverted.primary.buttons .active.button{background-color:#3ac0ff}.ui.inverted.primary.button:active,.ui.inverted.primary.buttons .button:active{background-color:#21b8ff}.ui.inverted.primary.basic.button,.ui.inverted.primary.basic.buttons .button,.ui.inverted.primary.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.primary.basic.button:hover,.ui.inverted.primary.basic.buttons .button:hover,.ui.inverted.primary.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #3ac0ff inset!important;box-shadow:0 0 0 2px #3ac0ff inset!important;color:#54c8ff!important}.ui.inverted.primary.basic.button:focus,.ui.inverted.primary.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #2bbbff inset!important;box-shadow:0 0 0 2px #2bbbff inset!important;color:#54c8ff!important}.ui.inverted.primary.basic.active.button,.ui.inverted.primary.basic.buttons .active.button,.ui.inverted.primary.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #3ac0ff inset!important;box-shadow:0 0 0 2px #3ac0ff inset!important;color:#54c8ff!important}.ui.inverted.primary.basic.button:active,.ui.inverted.primary.basic.buttons .button:active,.ui.inverted.primary.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #21b8ff inset!important;box-shadow:0 0 0 2px #21b8ff inset!important;color:#54c8ff!important}.ui.tertiary.primary.button,.ui.tertiary.primary.buttons .button,.ui.tertiary.primary.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#2185d0!important}.ui.tertiary.primary.button:hover,.ui.tertiary.primary.buttons .button:hover,.ui.tertiary.primary.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #2b75ac!important;box-shadow:inset 0 -.2em 0 #2b75ac!important;color:#2b75ac!important}.ui.tertiary.primary.button:focus,.ui.tertiary.primary.buttons .button:focus,.ui.tertiary.primary.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #216ea7!important;box-shadow:inset 0 -.2em 0 #216ea7!important;color:#216ea7!important}.ui.tertiary.primary.active.button,.ui.tertiary.primary.button:active,.ui.tertiary.primary.buttons .active.button,.ui.tertiary.primary.buttons .button:active,.ui.tertiary.primary.buttons .tertiary.active.button,.ui.tertiary.primary.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #007bd8!important;box-shadow:inset 0 -.2em 0 #007bd8!important;color:#1279c6!important}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#27292a;color:#fff;text-shadow:none}.ui.secondary.button:focus,.ui.secondary.buttons .button:focus{background-color:#2e3032;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active,.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active{background-color:#27292a;color:#fff;text-shadow:none}.ui.basic.secondary.button,.ui.basic.secondary.buttons .button{-webkit-box-shadow:0 0 0 1px #1b1c1d inset!important;box-shadow:0 0 0 1px #1b1c1d inset!important;color:#1b1c1d!important}.ui.basic.secondary.button:hover,.ui.basic.secondary.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #27292a inset!important;box-shadow:0 0 0 1px #27292a inset!important;color:#27292a!important}.ui.basic.secondary.button:focus,.ui.basic.secondary.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #2e3032 inset!important;box-shadow:0 0 0 1px #2e3032 inset!important;color:#27292a!important}.ui.basic.secondary.active.button,.ui.basic.secondary.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #27292a inset!important;box-shadow:0 0 0 1px #27292a inset!important;color:#343637!important}.ui.basic.secondary.button:active,.ui.basic.secondary.buttons .button:active{-webkit-box-shadow:0 0 0 1px #343637 inset!important;box-shadow:0 0 0 1px #343637 inset!important;color:#343637!important}.ui.buttons:not(.vertical)>.basic.secondary.button:not(:first-child){margin-left:-1px}.ui.inverted.secondary.button,.ui.inverted.secondary.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #545454 inset!important;box-shadow:0 0 0 2px #545454 inset!important;color:#545454}.ui.inverted.secondary.button.active,.ui.inverted.secondary.button:active,.ui.inverted.secondary.button:focus,.ui.inverted.secondary.button:hover,.ui.inverted.secondary.buttons .button.active,.ui.inverted.secondary.buttons .button:active,.ui.inverted.secondary.buttons .button:focus,.ui.inverted.secondary.buttons .button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.inverted.secondary.button:hover,.ui.inverted.secondary.buttons .button:hover{background-color:#616161}.ui.inverted.secondary.button:focus,.ui.inverted.secondary.buttons .button:focus{background-color:#686868}.ui.inverted.secondary.active.button,.ui.inverted.secondary.buttons .active.button{background-color:#616161}.ui.inverted.secondary.button:active,.ui.inverted.secondary.buttons .button:active{background-color:#6e6e6e}.ui.inverted.secondary.basic.button,.ui.inverted.secondary.basic.buttons .button,.ui.inverted.secondary.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset!important;color:#fff!important}.ui.inverted.secondary.basic.button:hover,.ui.inverted.secondary.basic.buttons .button:hover,.ui.inverted.secondary.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #616161 inset!important;box-shadow:0 0 0 2px #616161 inset!important;color:#545454!important}.ui.inverted.secondary.basic.button:focus,.ui.inverted.secondary.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #686868 inset!important;box-shadow:0 0 0 2px #686868 inset!important;color:#545454!important}.ui.inverted.secondary.basic.active.button,.ui.inverted.secondary.basic.buttons .active.button,.ui.inverted.secondary.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #616161 inset!important;box-shadow:0 0 0 2px #616161 inset!important;color:#545454!important}.ui.inverted.secondary.basic.button:active,.ui.inverted.secondary.basic.buttons .button:active,.ui.inverted.secondary.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #6e6e6e inset!important;box-shadow:0 0 0 2px #6e6e6e inset!important;color:#545454!important}.ui.tertiary.secondary.button,.ui.tertiary.secondary.buttons .button,.ui.tertiary.secondary.buttons .tertiary.button{-webkit-box-shadow:none!important;box-shadow:none!important;color:#1b1c1d!important}.ui.tertiary.secondary.button:hover,.ui.tertiary.secondary.buttons .button:hover,.ui.tertiary.secondary.buttons button:hover{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #292929!important;box-shadow:inset 0 -.2em 0 #292929!important;color:#292929!important}.ui.tertiary.secondary.button:focus,.ui.tertiary.secondary.buttons .button:focus,.ui.tertiary.secondary.buttons .tertiary.button:focus{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #303030!important;box-shadow:inset 0 -.2em 0 #303030!important;color:#303030!important}.ui.tertiary.secondary.active.button,.ui.tertiary.secondary.button:active,.ui.tertiary.secondary.buttons .active.button,.ui.tertiary.secondary.buttons .button:active,.ui.tertiary.secondary.buttons .tertiary.active.button,.ui.tertiary.secondary.buttons .tertiary.button:active{-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-box-shadow:inset 0 -.2em 0 #1f2933!important;box-shadow:inset 0 -.2em 0 #1f2933!important;color:#27292a!important}.ui.positive.button,.ui.positive.buttons .button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover,.ui.positive.buttons .button:hover{background-color:#16ab39;color:#fff;text-shadow:none}.ui.positive.button:focus,.ui.positive.buttons .button:focus{background-color:#0ea432;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#13ae38;color:#fff;text-shadow:none}.ui.basic.positive.button,.ui.basic.positive.buttons .button{-webkit-box-shadow:0 0 0 1px #21ba45 inset!important;box-shadow:0 0 0 1px #21ba45 inset!important;color:#21ba45!important}.ui.basic.positive.button:hover,.ui.basic.positive.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #16ab39 inset!important;box-shadow:0 0 0 1px #16ab39 inset!important;color:#16ab39!important}.ui.basic.positive.button:focus,.ui.basic.positive.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #0ea432 inset!important;box-shadow:0 0 0 1px #0ea432 inset!important;color:#16ab39!important}.ui.basic.positive.active.button,.ui.basic.positive.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #13ae38 inset!important;box-shadow:0 0 0 1px #13ae38 inset!important;color:#198f35!important}.ui.basic.positive.button:active,.ui.basic.positive.buttons .button:active{-webkit-box-shadow:0 0 0 1px #198f35 inset!important;box-shadow:0 0 0 1px #198f35 inset!important;color:#198f35!important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.negative.button,.ui.negative.buttons .button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover,.ui.negative.buttons .button:hover{background-color:#d01919;color:#fff;text-shadow:none}.ui.negative.button:focus,.ui.negative.buttons .button:focus{background-color:#ca1010;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#d41515;color:#fff;text-shadow:none}.ui.basic.negative.button,.ui.basic.negative.buttons .button{-webkit-box-shadow:0 0 0 1px #db2828 inset!important;box-shadow:0 0 0 1px #db2828 inset!important;color:#db2828!important}.ui.basic.negative.button:hover,.ui.basic.negative.buttons .button:hover{background:0 0!important;-webkit-box-shadow:0 0 0 1px #d01919 inset!important;box-shadow:0 0 0 1px #d01919 inset!important;color:#d01919!important}.ui.basic.negative.button:focus,.ui.basic.negative.buttons .button:focus{background:0 0!important;-webkit-box-shadow:0 0 0 1px #ca1010 inset!important;box-shadow:0 0 0 1px #ca1010 inset!important;color:#d01919!important}.ui.basic.negative.active.button,.ui.basic.negative.buttons .active.button{background:0 0!important;-webkit-box-shadow:0 0 0 1px #d41515 inset!important;box-shadow:0 0 0 1px #d41515 inset!important;color:#b21e1e!important}.ui.basic.negative.button:active,.ui.basic.negative.buttons .button:active{-webkit-box-shadow:0 0 0 1px #b21e1e inset!important;box-shadow:0 0 0 1px #b21e1e inset!important;color:#b21e1e!important}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 .25em 0 0}.ui.buttons:not(.basic):not(.inverted){-webkit-box-shadow:none;box-shadow:none}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;border-radius:0;margin:0}.ui.buttons:not(.basic):not(.inverted)>.button,.ui.buttons>.ui.button:not(.basic):not(.inverted){-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.buttons .button:last-child{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.ui.vertical.buttons .button:first-child{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.vertical.buttons .button:last-child{margin-bottom:0;border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.buttons .button:only-child{border-radius:.28571429rem} \ No newline at end of file + */.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2 none;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em .78571429em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;will-change:auto;-webkit-tap-highlight-color:transparent}.ui.button:hover{background-color:#cacbcd;background-image:none;-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}.ui.button:hover .icon{opacity:.85}.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:none;-webkit-box-shadow:'';box-shadow:''}.ui.button:focus .icon{opacity:.85}.ui.active.button:active,.ui.button:active{background-color:#babbbc;background-image:'';color:rgba(0,0,0,.9);-webkit-box-shadow:0 0 0 1px transparent inset,none;box-shadow:0 0 0 1px transparent inset,none}.ui.active.button{background-color:#c0c1c2;background-image:none;-webkit-box-shadow:0 0 0 1px transparent inset;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}.ui.active.button:active{background-color:#c0c1c2;background-image:none}.ui.loading.loading.loading.loading.loading.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent;opacity:1;pointer-events:auto;-webkit-transition:all 0s linear,opacity .1s ease;transition:all 0s linear,opacity .1s ease}.ui.loading.button:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}.ui.loading.button:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid currentColor;color:#fff;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.labeled.icon.loading.button .icon{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.ui.basic.loading.button:not(.inverted):before{border-color:rgba(0,0,0,.1)}.ui.basic.loading.button:not(.inverted):after{border-color:#767676}.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none;-webkit-box-shadow:none;box-shadow:none;pointer-events:none!important}.ui.basic.buttons .ui.disabled.button{border-color:rgba(34,36,38,.5)}.ui.animated.button{position:relative;overflow:hidden;padding-right:0!important;vertical-align:middle;z-index:1}.ui.animated.button .content{will-change:transform,opacity}.ui.animated.button .visible.content{position:relative;margin-right:1.5em}.ui.animated.button .hidden.content{position:absolute;width:100%}.ui.animated.button .hidden.content,.ui.animated.button .visible.content{-webkit-transition:right .3s ease 0s;transition:right .3s ease 0s}.ui.animated.button .visible.content{left:auto;right:0}.ui.animated.button .hidden.content{top:50%;left:auto;right:-100%;margin-top:-.5em}.ui.animated.button:focus .visible.content,.ui.animated.button:hover .visible.content{left:auto;right:200%}.ui.animated.button:focus .hidden.content,.ui.animated.button:hover .hidden.content{left:auto;right:0}.ui.vertical.animated.button .hidden.content,.ui.vertical.animated.button .visible.content{-webkit-transition:top .3s ease,-webkit-transform .3s ease;transition:top .3s ease,-webkit-transform .3s ease;transition:top .3s ease,transform .3s ease;transition:top .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui.vertical.animated.button .visible.content{-webkit-transform:translateY(0);transform:translateY(0);right:auto}.ui.vertical.animated.button .hidden.content{top:-50%;left:0;right:auto}.ui.vertical.animated.button:focus .visible.content,.ui.vertical.animated.button:hover .visible.content{-webkit-transform:translateY(200%);transform:translateY(200%);right:auto}.ui.vertical.animated.button:focus .hidden.content,.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}.ui.fade.animated.button .hidden.content,.ui.fade.animated.button .visible.content{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease}.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui.fade.animated.button .hidden.content{opacity:0;left:0;right:auto;-webkit-transform:scale(1.5);transform:scale(1.5)}.ui.fade.animated.button:focus .visible.content,.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;-webkit-transform:scale(.75);transform:scale(.75)}.ui.fade.animated.button:focus .hidden.content,.ui.fade.animated.button:hover .hidden.content{left:0;right:auto;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.ui.inverted.button{-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff inset;background:transparent none;color:#fff;text-shadow:none!important}.ui.inverted.buttons .button{margin:0 0 0 -2px}.ui.inverted.buttons .button:first-child{margin-left:0}.ui.inverted.vertical.buttons .button{margin:0 0 -2px 0}.ui.inverted.vertical.buttons .button:first-child{margin-top:0}.ui.inverted.button:hover{background:#fff;-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff inset;color:rgba(0,0,0,.8)}.ui.inverted.button.active,.ui.inverted.button:focus{background:#fff;-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff inset;color:rgba(0,0,0,.8)}.ui.inverted.button.active:focus{background:#dcddde;-webkit-box-shadow:0 0 0 2px #dcddde inset;box-shadow:0 0 0 2px #dcddde inset;color:rgba(0,0,0,.8)}.ui.labeled.button:not(.icon){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:0 0;padding:0!important;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.labeled.button>.button{margin:0}.ui.labeled.button>.label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 -1px!important;font-size:1em;padding:'';border-color:rgba(34,36,38,.15)}.ui.labeled.button>.tag.label:before{width:1.85em;height:1.85em}.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.button:not([class*="left labeled"])>.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}.ui.facebook.button{background-color:#3b5998;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.facebook.button:hover{background-color:#304d8a;color:#fff;text-shadow:none}.ui.facebook.button:active{background-color:#2d4373;color:#fff;text-shadow:none}.ui.twitter.button{background-color:#1da1f2;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.twitter.button:hover{background-color:#0298f3;color:#fff;text-shadow:none}.ui.twitter.button:active{background-color:#0c85d0;color:#fff;text-shadow:none}.ui.google.plus.button{background-color:#dd4b39;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.google.plus.button:hover{background-color:#e0321c;color:#fff;text-shadow:none}.ui.google.plus.button:active{background-color:#c23321;color:#fff;text-shadow:none}.ui.linkedin.button{background-color:#0077b5;color:#fff;text-shadow:none}.ui.linkedin.button:hover{background-color:#00669c;color:#fff;text-shadow:none}.ui.linkedin.button:active{background-color:#005582;color:#fff;text-shadow:none}.ui.youtube.button{background-color:red;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.youtube.button:hover{background-color:#e60000;color:#fff;text-shadow:none}.ui.youtube.button:active{background-color:#c00;color:#fff;text-shadow:none}.ui.instagram.button{background-color:#49769c;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.instagram.button:hover{background-color:#3d698e;color:#fff;text-shadow:none}.ui.instagram.button:active{background-color:#395c79;color:#fff;text-shadow:none}.ui.pinterest.button{background-color:#bd081c;color:#fff;text-shadow:none;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.pinterest.button:hover{background-color:#ac0013;color:#fff;text-shadow:none}.ui.pinterest.button:active{background-color:#8c0615;color:#fff;text-shadow:none}.ui.vk.button{background-color:#45668e;color:#fff;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.vk.button:hover{background-color:#395980;color:#fff}.ui.vk.button:active{background-color:#344d6c;color:#fff}.ui.whatsapp.button{background-color:#25d366;color:#fff;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.whatsapp.button:hover{background-color:#19c55a;color:#fff}.ui.whatsapp.button:active{background-color:#1da851;color:#fff}.ui.telegram.button{background-color:#08c;color:#fff;background-image:none;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.telegram.button:hover{background-color:#0077b3;color:#fff}.ui.telegram.button:active{background-color:#069;color:#fff}.ui.button>.icon:not(.button){height:.85714286em;opacity:.8;margin:0 .42857143em 0 -.21428571em;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;vertical-align:'';color:''}.ui.button:not(.icon)>.icon:not(.button):not(.dropdown),.ui.button:not(.icon)>.icons:not(.button):not(.dropdown){margin:0 .42857143em 0 -.21428571em}.ui.button:not(.icon)>.right.icon:not(.button):not(.dropdown){margin:0 -.21428571em 0 .42857143em}.ui[class*="left floated"].button,.ui[class*="left floated"].buttons{float:left;margin-left:0;margin-right:.25em}.ui[class*="right floated"].button,.ui[class*="right floated"].buttons{float:right;margin-right:0;margin-left:.25em}.ui.compact.button,.ui.compact.buttons .button{padding:.58928571em 1.125em .58928571em}.ui.compact.icon.button,.ui.compact.icon.buttons .button{padding:.58928571em .58928571em .58928571em}.ui.compact.labeled.icon.button,.ui.compact.labeled.icon.buttons .button{padding:.58928571em 3.69642857em .58928571em}.ui.mini.button,.ui.mini.buttons .button,.ui.mini.buttons .or{font-size:.78571429rem}.ui.tiny.button,.ui.tiny.buttons .button,.ui.tiny.buttons .or{font-size:.85714286rem}.ui.small.button,.ui.small.buttons .button,.ui.small.buttons .or{font-size:.92857143rem}.ui.button,.ui.buttons .button,.ui.buttons .or{font-size:1rem}.ui.large.button,.ui.large.buttons .button,.ui.large.buttons .or{font-size:1.14285714rem}.ui.big.button,.ui.big.buttons .button,.ui.big.buttons .or{font-size:1.28571429rem}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1.42857143rem}.ui.massive.button,.ui.massive.buttons .button,.ui.massive.buttons .or{font-size:1.71428571rem}.ui.mini.buttons .dropdown{font-size:.78571429rem}.ui.mini.buttons .dropdown .menu>.item{font-size:.78571429rem}.ui.tiny.buttons .dropdown{font-size:.85714286rem}.ui.tiny.buttons .dropdown .menu>.item{font-size:.85714286rem}.ui.small.buttons .dropdown{font-size:.92857143rem}.ui.small.buttons .dropdown .menu>.item{font-size:.92857143rem}.ui.large.buttons .dropdown{font-size:1.14285714rem}.ui.large.buttons .dropdown .menu>.item{font-size:1.14285714rem}.ui.big.buttons .dropdown{font-size:1.28571429rem}.ui.big.buttons .dropdown .menu>.item{font-size:1.28571429rem}.ui.huge.buttons .dropdown{font-size:1.42857143rem}.ui.huge.buttons .dropdown .menu>.item{font-size:1.42857143rem}.ui.massive.buttons .dropdown{font-size:1.71428571rem}.ui.massive.buttons .dropdown .menu>.item{font-size:1.71428571rem}.ui.icon.button,.ui.icon.buttons .button{padding:.78571429em .78571429em .78571429em}.ui.icon.button>.icon,.ui.icon.buttons .button>.icon{opacity:.9;margin:0!important;vertical-align:top}.ui.basic.button,.ui.basic.buttons .button{background:transparent none;color:rgba(0,0,0,.6);font-weight:400;border-radius:.28571429rem;text-transform:none;text-shadow:none!important;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.basic.buttons{-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem}.ui.basic.buttons .button{border-radius:0}.ui.basic.button:hover,.ui.basic.buttons .button:hover{background:#fff;color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:focus,.ui.basic.buttons .button:focus{background:#fff;color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.basic.button:active,.ui.basic.buttons .button:active{background:#f8f8f8;color:rgba(0,0,0,.9);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset}.ui.basic.active.button,.ui.basic.buttons .active.button{background:rgba(0,0,0,.05);-webkit-box-shadow:'';box-shadow:'';color:rgba(0,0,0,.95)}.ui.basic.active.button:hover,.ui.basic.buttons .active.button:hover{background-color:rgba(0,0,0,.05)}.ui.basic.buttons .button:hover{-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset inset;box-shadow:0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset inset}.ui.basic.buttons .button:active{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset inset}.ui.basic.buttons .active.button{-webkit-box-shadow:'';box-shadow:''}.ui.basic.inverted.button,.ui.basic.inverted.buttons .button{background-color:transparent;color:#f9fafb;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset}.ui.basic.inverted.button:hover,.ui.basic.inverted.buttons .button:hover{color:#fff;-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff inset}.ui.basic.inverted.button:focus,.ui.basic.inverted.buttons .button:focus{color:#fff;-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff inset}.ui.basic.inverted.button:active,.ui.basic.inverted.buttons .button:active{background-color:rgba(255,255,255,.08);color:#fff;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.9) inset;box-shadow:0 0 0 2px rgba(255,255,255,.9) inset}.ui.basic.inverted.active.button,.ui.basic.inverted.buttons .active.button{background-color:rgba(255,255,255,.08);color:#fff;text-shadow:none;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.7) inset;box-shadow:0 0 0 2px rgba(255,255,255,.7) inset}.ui.basic.inverted.active.button:hover,.ui.basic.inverted.buttons .active.button:hover{background-color:rgba(255,255,255,.15);-webkit-box-shadow:0 0 0 2px #fff inset;box-shadow:0 0 0 2px #fff inset}.ui.basic.buttons .button{border-left:1px solid rgba(34,36,38,.15);-webkit-box-shadow:none;box-shadow:none}.ui.basic.vertical.buttons .button{border-left:none;border-left-width:0;border-top:1px solid rgba(34,36,38,.15)}.ui.basic.vertical.buttons .button:first-child{border-top-width:0}.ui.tertiary.button{-webkit-transition:color .1s ease!important;transition:color .1s ease!important;border-radius:0;margin:.28571429em .25em .28571429em 0!important;padding:.5em!important;-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.6);background:0 0}.ui.tertiary.button:hover{-webkit-box-shadow:inset 0 -.2em 0 #666;box-shadow:inset 0 -.2em 0 #666;color:#333;background:0 0}.ui.tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #666;box-shadow:inset 0 -.2em 0 #666;color:#333;background:0 0}.ui.tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #999;box-shadow:inset 0 -.2em 0 #999;border-radius:.28571429rem .28571429rem 0 0;color:#666;background:0 0}.ui.labeled.icon.button,.ui.labeled.icon.buttons .button{position:relative;padding-left:4.07142857em!important;padding-right:1.5em!important}.ui.labeled.icon.button>.icon,.ui.labeled.icon.buttons>.button>.icon{position:absolute;top:0;left:0;height:100%;line-height:1;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit;text-align:center;margin:0;width:2.57142857em;background-color:rgba(0,0,0,.05);color:'';-webkit-box-shadow:-1px 0 0 0 transparent inset;box-shadow:-1px 0 0 0 transparent inset}.ui[class*="right labeled"].icon.button{padding-right:4.07142857em!important;padding-left:1.5em!important}.ui[class*="right labeled"].icon.button>.icon{left:auto;right:0;border-radius:0;border-top-right-radius:inherit;border-bottom-right-radius:inherit;-webkit-box-shadow:1px 0 0 0 transparent inset;box-shadow:1px 0 0 0 transparent inset}.ui.labeled.icon.button>.icon:after,.ui.labeled.icon.button>.icon:before,.ui.labeled.icon.buttons>.button>.icon:after,.ui.labeled.icon.buttons>.button>.icon:before{display:block;position:absolute;width:100%;top:50%;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ui.labeled.icon.buttons .button>.icon{border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{border-radius:0;border-top-left-radius:.28571429rem}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{border-radius:0;border-bottom-left-radius:.28571429rem}.ui.fluid[class*="left labeled"].icon.button,.ui.fluid[class*="right labeled"].icon.button{padding-left:1.5em!important;padding-right:1.5em!important}.ui.button.toggle.active,.ui.buttons .button.toggle.active,.ui.toggle.buttons .active.button{background-color:#21ba45;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;color:#fff}.ui.button.toggle.active:hover{background-color:#16ab39;text-shadow:none;color:#fff}.ui.circular.button{border-radius:10em}.ui.circular.button>.icon{width:1em;vertical-align:baseline}.ui.buttons .or{position:relative;width:.3em;height:2.57142857em;z-index:3}.ui.buttons .or:before{position:absolute;text-align:center;border-radius:500rem;content:'or';top:50%;left:50%;background-color:#fff;text-shadow:none;margin-top:-.89285714em;margin-left:-.89285714em;width:1.78571429em;height:1.78571429em;line-height:1.78571429em;color:rgba(0,0,0,.4);font-style:normal;font-weight:700;-webkit-box-shadow:0 0 0 1px transparent inset;box-shadow:0 0 0 1px transparent inset}.ui.buttons .or[data-text]:before{content:attr(data-text)}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.ui.attached.button{position:relative;display:block;margin:0;border-radius:0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15);box-shadow:0 0 0 1px rgba(34,36,38,.15)}.ui.attached.top.button{border-radius:.28571429rem .28571429rem 0 0}.ui.attached.bottom.button{border-radius:0 0 .28571429rem .28571429rem}.ui.left.attached.button{display:inline-block;border-left:none;text-align:right;padding-right:.75em;border-radius:.28571429rem 0 0 .28571429rem}.ui.right.attached.button{display:inline-block;text-align:left;padding-left:.75em;border-radius:0 .28571429rem .28571429rem 0}.ui.attached.buttons{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:0;width:auto!important;z-index:2;margin-left:-1px;margin-right:-1px}.ui.attached.buttons .button{margin:0}.ui.attached.buttons .button:first-child{border-radius:0}.ui.attached.buttons .button:last-child{border-radius:0}.ui[class*="top attached"].buttons{margin-bottom:-1px;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="top attached"].buttons .button:first-child{border-radius:.28571429rem 0 0 0}.ui[class*="top attached"].buttons .button:last-child{border-radius:0 .28571429rem 0 0}.ui[class*="bottom attached"].buttons{margin-top:-1px;border-radius:0 0 .28571429rem .28571429rem}.ui[class*="bottom attached"].buttons .button:first-child{border-radius:0 0 0 .28571429rem}.ui[class*="bottom attached"].buttons .button:last-child{border-radius:0 0 .28571429rem 0}.ui[class*="left attached"].buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:0;margin-left:-1px;border-radius:0 .28571429rem .28571429rem 0}.ui[class*="left attached"].buttons .button:first-child{margin-left:-1px;border-radius:0 .28571429rem 0 0}.ui[class*="left attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 .28571429rem 0}.ui[class*="right attached"].buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:0;margin-right:-1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="right attached"].buttons .button:first-child{margin-left:-1px;border-radius:.28571429rem 0 0 0}.ui[class*="right attached"].buttons .button:last-child{margin-left:-1px;border-radius:0 0 0 .28571429rem}.ui.fluid.button,.ui.fluid.buttons{width:100%}.ui.fluid.button{display:block}.ui.two.buttons{width:100%}.ui.two.buttons>.button{width:50%}.ui.three.buttons{width:100%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons{width:100%}.ui.four.buttons>.button{width:25%}.ui.five.buttons{width:100%}.ui.five.buttons>.button{width:20%}.ui.six.buttons{width:100%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons{width:100%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons{width:100%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons{width:100%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons{width:100%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons{width:100%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.buttons{width:100%}.ui.twelve.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.ui.two.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.primary.button,.ui.primary.buttons .button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.primary.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.primary.button:hover,.ui.primary.buttons .button:hover{background-color:#1678c2;color:#fff;text-shadow:none}.ui.primary.button:focus,.ui.primary.buttons .button:focus{background-color:#0d71bb;color:#fff;text-shadow:none}.ui.primary.button:active,.ui.primary.buttons .button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.primary.active.button,.ui.primary.button .active.button:active,.ui.primary.buttons .active.button,.ui.primary.buttons .active.button:active{background-color:#1279c6;color:#fff;text-shadow:none}.ui.basic.primary.button,.ui.basic.primary.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #2185d0 inset;box-shadow:0 0 0 1px #2185d0 inset;color:#2185d0}.ui.basic.primary.button:hover,.ui.basic.primary.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #1678c2 inset;box-shadow:0 0 0 1px #1678c2 inset;color:#1678c2}.ui.basic.primary.button:focus,.ui.basic.primary.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #0d71bb inset;box-shadow:0 0 0 1px #0d71bb inset;color:#1678c2}.ui.basic.primary.active.button,.ui.basic.primary.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #1279c6 inset;box-shadow:0 0 0 1px #1279c6 inset;color:#1a69a4}.ui.basic.primary.button:active,.ui.basic.primary.buttons .button:active{-webkit-box-shadow:0 0 0 1px #1a69a4 inset;box-shadow:0 0 0 1px #1a69a4 inset;color:#1a69a4}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.inverted.primary.button,.ui.inverted.primary.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #54c8ff inset;box-shadow:0 0 0 2px #54c8ff inset;color:#54c8ff}.ui.inverted.primary.button.active,.ui.inverted.primary.button:active,.ui.inverted.primary.button:focus,.ui.inverted.primary.button:hover,.ui.inverted.primary.buttons .button.active,.ui.inverted.primary.buttons .button:active,.ui.inverted.primary.buttons .button:focus,.ui.inverted.primary.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.primary.button:hover,.ui.inverted.primary.buttons .button:hover{background-color:#21b8ff}.ui.inverted.primary.button:focus,.ui.inverted.primary.buttons .button:focus{background-color:#2bbbff}.ui.inverted.primary.active.button,.ui.inverted.primary.buttons .active.button{background-color:#3ac0ff}.ui.inverted.primary.button:active,.ui.inverted.primary.buttons .button:active{background-color:#21b8ff}.ui.inverted.primary.basic.button,.ui.inverted.primary.basic.buttons .button,.ui.inverted.primary.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.primary.basic.button:hover,.ui.inverted.primary.basic.buttons .button:hover,.ui.inverted.primary.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #21b8ff inset;box-shadow:0 0 0 2px #21b8ff inset;color:#54c8ff}.ui.inverted.primary.basic.button:focus,.ui.inverted.primary.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #2bbbff inset;box-shadow:0 0 0 2px #2bbbff inset;color:#54c8ff}.ui.inverted.primary.basic.active.button,.ui.inverted.primary.basic.buttons .active.button,.ui.inverted.primary.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #3ac0ff inset;box-shadow:0 0 0 2px #3ac0ff inset;color:#54c8ff}.ui.inverted.primary.basic.button:active,.ui.inverted.primary.basic.buttons .button:active,.ui.inverted.primary.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #21b8ff inset;box-shadow:0 0 0 2px #21b8ff inset;color:#54c8ff}.ui.tertiary.primary.button,.ui.tertiary.primary.buttons .button,.ui.tertiary.primary.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#2185d0}.ui.tertiary.primary.button:hover,.ui.tertiary.primary.buttons .button:hover,.ui.tertiary.primary.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #2b75ac;box-shadow:inset 0 -.2em 0 #2b75ac;color:#2b75ac}.ui.tertiary.primary.button:focus,.ui.tertiary.primary.buttons .button:focus,.ui.tertiary.primary.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #216ea7;box-shadow:inset 0 -.2em 0 #216ea7;color:#216ea7}.ui.tertiary.primary.active.button,.ui.tertiary.primary.button:active,.ui.tertiary.primary.buttons .active.button,.ui.tertiary.primary.buttons .button:active,.ui.tertiary.primary.buttons .tertiary.active.button,.ui.tertiary.primary.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #007bd8;box-shadow:inset 0 -.2em 0 #007bd8;color:#1279c6}.ui.secondary.button,.ui.secondary.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.secondary.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.secondary.button:hover,.ui.secondary.buttons .button:hover{background-color:#27292a;color:#fff;text-shadow:none}.ui.secondary.button:focus,.ui.secondary.buttons .button:focus{background-color:#2e3032;color:#fff;text-shadow:none}.ui.secondary.button:active,.ui.secondary.buttons .button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.secondary.active.button,.ui.secondary.button .active.button:active,.ui.secondary.buttons .active.button,.ui.secondary.buttons .active.button:active{background-color:#27292a;color:#fff;text-shadow:none}.ui.basic.secondary.button,.ui.basic.secondary.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #1b1c1d inset;box-shadow:0 0 0 1px #1b1c1d inset;color:#1b1c1d}.ui.basic.secondary.button:hover,.ui.basic.secondary.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #27292a inset;box-shadow:0 0 0 1px #27292a inset;color:#27292a}.ui.basic.secondary.button:focus,.ui.basic.secondary.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #2e3032 inset;box-shadow:0 0 0 1px #2e3032 inset;color:#27292a}.ui.basic.secondary.active.button,.ui.basic.secondary.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #27292a inset;box-shadow:0 0 0 1px #27292a inset;color:#343637}.ui.basic.secondary.button:active,.ui.basic.secondary.buttons .button:active{-webkit-box-shadow:0 0 0 1px #343637 inset;box-shadow:0 0 0 1px #343637 inset;color:#343637}.ui.buttons:not(.vertical)>.basic.secondary.button:not(:first-child){margin-left:-1px}.ui.inverted.secondary.button,.ui.inverted.secondary.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #545454 inset;box-shadow:0 0 0 2px #545454 inset;color:#545454}.ui.inverted.secondary.button.active,.ui.inverted.secondary.button:active,.ui.inverted.secondary.button:focus,.ui.inverted.secondary.button:hover,.ui.inverted.secondary.buttons .button.active,.ui.inverted.secondary.buttons .button:active,.ui.inverted.secondary.buttons .button:focus,.ui.inverted.secondary.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.secondary.button:hover,.ui.inverted.secondary.buttons .button:hover{background-color:#6e6e6e}.ui.inverted.secondary.button:focus,.ui.inverted.secondary.buttons .button:focus{background-color:#686868}.ui.inverted.secondary.active.button,.ui.inverted.secondary.buttons .active.button{background-color:#616161}.ui.inverted.secondary.button:active,.ui.inverted.secondary.buttons .button:active{background-color:#6e6e6e}.ui.inverted.secondary.basic.button,.ui.inverted.secondary.basic.buttons .button,.ui.inverted.secondary.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.secondary.basic.button:hover,.ui.inverted.secondary.basic.buttons .button:hover,.ui.inverted.secondary.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #6e6e6e inset;box-shadow:0 0 0 2px #6e6e6e inset;color:#545454}.ui.inverted.secondary.basic.button:focus,.ui.inverted.secondary.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #686868 inset;box-shadow:0 0 0 2px #686868 inset;color:#545454}.ui.inverted.secondary.basic.active.button,.ui.inverted.secondary.basic.buttons .active.button,.ui.inverted.secondary.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #616161 inset;box-shadow:0 0 0 2px #616161 inset;color:#545454}.ui.inverted.secondary.basic.button:active,.ui.inverted.secondary.basic.buttons .button:active,.ui.inverted.secondary.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #6e6e6e inset;box-shadow:0 0 0 2px #6e6e6e inset;color:#545454}.ui.tertiary.secondary.button,.ui.tertiary.secondary.buttons .button,.ui.tertiary.secondary.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#1b1c1d}.ui.tertiary.secondary.button:hover,.ui.tertiary.secondary.buttons .button:hover,.ui.tertiary.secondary.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #292929;box-shadow:inset 0 -.2em 0 #292929;color:#292929}.ui.tertiary.secondary.button:focus,.ui.tertiary.secondary.buttons .button:focus,.ui.tertiary.secondary.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #303030;box-shadow:inset 0 -.2em 0 #303030;color:#303030}.ui.tertiary.secondary.active.button,.ui.tertiary.secondary.button:active,.ui.tertiary.secondary.buttons .active.button,.ui.tertiary.secondary.buttons .button:active,.ui.tertiary.secondary.buttons .tertiary.active.button,.ui.tertiary.secondary.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #1f2933;box-shadow:inset 0 -.2em 0 #1f2933;color:#27292a}.ui.red.button,.ui.red.buttons .button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.red.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.red.button:hover,.ui.red.buttons .button:hover{background-color:#d01919;color:#fff;text-shadow:none}.ui.red.button:focus,.ui.red.buttons .button:focus{background-color:#ca1010;color:#fff;text-shadow:none}.ui.red.button:active,.ui.red.buttons .button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.red.active.button,.ui.red.button .active.button:active,.ui.red.buttons .active.button,.ui.red.buttons .active.button:active{background-color:#d41515;color:#fff;text-shadow:none}.ui.basic.red.button,.ui.basic.red.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #db2828 inset;box-shadow:0 0 0 1px #db2828 inset;color:#db2828}.ui.basic.red.button:hover,.ui.basic.red.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #d01919 inset;box-shadow:0 0 0 1px #d01919 inset;color:#d01919}.ui.basic.red.button:focus,.ui.basic.red.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #ca1010 inset;box-shadow:0 0 0 1px #ca1010 inset;color:#d01919}.ui.basic.red.active.button,.ui.basic.red.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #d41515 inset;box-shadow:0 0 0 1px #d41515 inset;color:#b21e1e}.ui.basic.red.button:active,.ui.basic.red.buttons .button:active{-webkit-box-shadow:0 0 0 1px #b21e1e inset;box-shadow:0 0 0 1px #b21e1e inset;color:#b21e1e}.ui.buttons:not(.vertical)>.basic.red.button:not(:first-child){margin-left:-1px}.ui.inverted.red.button,.ui.inverted.red.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #ff695e inset;box-shadow:0 0 0 2px #ff695e inset;color:#ff695e}.ui.inverted.red.button.active,.ui.inverted.red.button:active,.ui.inverted.red.button:focus,.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button.active,.ui.inverted.red.buttons .button:active,.ui.inverted.red.buttons .button:focus,.ui.inverted.red.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.red.button:hover,.ui.inverted.red.buttons .button:hover{background-color:#ff392b}.ui.inverted.red.button:focus,.ui.inverted.red.buttons .button:focus{background-color:#ff4335}.ui.inverted.red.active.button,.ui.inverted.red.buttons .active.button{background-color:#ff5144}.ui.inverted.red.button:active,.ui.inverted.red.buttons .button:active{background-color:#ff392b}.ui.inverted.red.basic.button,.ui.inverted.red.basic.buttons .button,.ui.inverted.red.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.red.basic.button:hover,.ui.inverted.red.basic.buttons .button:hover,.ui.inverted.red.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #ff392b inset;box-shadow:0 0 0 2px #ff392b inset;color:#ff695e}.ui.inverted.red.basic.button:focus,.ui.inverted.red.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #ff4335 inset;box-shadow:0 0 0 2px #ff4335 inset;color:#ff695e}.ui.inverted.red.basic.active.button,.ui.inverted.red.basic.buttons .active.button,.ui.inverted.red.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #ff5144 inset;box-shadow:0 0 0 2px #ff5144 inset;color:#ff695e}.ui.inverted.red.basic.button:active,.ui.inverted.red.basic.buttons .button:active,.ui.inverted.red.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #ff392b inset;box-shadow:0 0 0 2px #ff392b inset;color:#ff695e}.ui.tertiary.red.button,.ui.tertiary.red.buttons .button,.ui.tertiary.red.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#db2828}.ui.tertiary.red.button:hover,.ui.tertiary.red.buttons .button:hover,.ui.tertiary.red.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #b93131;box-shadow:inset 0 -.2em 0 #b93131;color:#b93131}.ui.tertiary.red.button:focus,.ui.tertiary.red.buttons .button:focus,.ui.tertiary.red.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #b52626;box-shadow:inset 0 -.2em 0 #b52626;color:#b52626}.ui.tertiary.red.active.button,.ui.tertiary.red.button:active,.ui.tertiary.red.buttons .active.button,.ui.tertiary.red.buttons .button:active,.ui.tertiary.red.buttons .tertiary.active.button,.ui.tertiary.red.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #ea0000;box-shadow:inset 0 -.2em 0 #ea0000;color:#d41515}.ui.orange.button,.ui.orange.buttons .button{background-color:#f2711c;color:#fff;text-shadow:none;background-image:none}.ui.orange.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.orange.button:hover,.ui.orange.buttons .button:hover{background-color:#f26202;color:#fff;text-shadow:none}.ui.orange.button:focus,.ui.orange.buttons .button:focus{background-color:#e55b00;color:#fff;text-shadow:none}.ui.orange.button:active,.ui.orange.buttons .button:active{background-color:#cf590c;color:#fff;text-shadow:none}.ui.orange.active.button,.ui.orange.button .active.button:active,.ui.orange.buttons .active.button,.ui.orange.buttons .active.button:active{background-color:#f56100;color:#fff;text-shadow:none}.ui.basic.orange.button,.ui.basic.orange.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #f2711c inset;box-shadow:0 0 0 1px #f2711c inset;color:#f2711c}.ui.basic.orange.button:hover,.ui.basic.orange.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #f26202 inset;box-shadow:0 0 0 1px #f26202 inset;color:#f26202}.ui.basic.orange.button:focus,.ui.basic.orange.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #e55b00 inset;box-shadow:0 0 0 1px #e55b00 inset;color:#f26202}.ui.basic.orange.active.button,.ui.basic.orange.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #f56100 inset;box-shadow:0 0 0 1px #f56100 inset;color:#cf590c}.ui.basic.orange.button:active,.ui.basic.orange.buttons .button:active{-webkit-box-shadow:0 0 0 1px #cf590c inset;box-shadow:0 0 0 1px #cf590c inset;color:#cf590c}.ui.buttons:not(.vertical)>.basic.orange.button:not(:first-child){margin-left:-1px}.ui.inverted.orange.button,.ui.inverted.orange.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #ff851b inset;box-shadow:0 0 0 2px #ff851b inset;color:#ff851b}.ui.inverted.orange.button.active,.ui.inverted.orange.button:active,.ui.inverted.orange.button:focus,.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button.active,.ui.inverted.orange.buttons .button:active,.ui.inverted.orange.buttons .button:focus,.ui.inverted.orange.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.orange.button:hover,.ui.inverted.orange.buttons .button:hover{background-color:#e76b00}.ui.inverted.orange.button:focus,.ui.inverted.orange.buttons .button:focus{background-color:#f17000}.ui.inverted.orange.active.button,.ui.inverted.orange.buttons .active.button{background-color:#ff7701}.ui.inverted.orange.button:active,.ui.inverted.orange.buttons .button:active{background-color:#e76b00}.ui.inverted.orange.basic.button,.ui.inverted.orange.basic.buttons .button,.ui.inverted.orange.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.orange.basic.button:hover,.ui.inverted.orange.basic.buttons .button:hover,.ui.inverted.orange.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #e76b00 inset;box-shadow:0 0 0 2px #e76b00 inset;color:#ff851b}.ui.inverted.orange.basic.button:focus,.ui.inverted.orange.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #f17000 inset;box-shadow:0 0 0 2px #f17000 inset;color:#ff851b}.ui.inverted.orange.basic.active.button,.ui.inverted.orange.basic.buttons .active.button,.ui.inverted.orange.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #ff7701 inset;box-shadow:0 0 0 2px #ff7701 inset;color:#ff851b}.ui.inverted.orange.basic.button:active,.ui.inverted.orange.basic.buttons .button:active,.ui.inverted.orange.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #e76b00 inset;box-shadow:0 0 0 2px #e76b00 inset;color:#ff851b}.ui.tertiary.orange.button,.ui.tertiary.orange.buttons .button,.ui.tertiary.orange.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#f2711c}.ui.tertiary.orange.button:hover,.ui.tertiary.orange.buttons .button:hover,.ui.tertiary.orange.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #da671b;box-shadow:inset 0 -.2em 0 #da671b;color:#da671b}.ui.tertiary.orange.button:focus,.ui.tertiary.orange.buttons .button:focus,.ui.tertiary.orange.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #ce6017;box-shadow:inset 0 -.2em 0 #ce6017;color:#ce6017}.ui.tertiary.orange.active.button,.ui.tertiary.orange.button:active,.ui.tertiary.orange.buttons .active.button,.ui.tertiary.orange.buttons .button:active,.ui.tertiary.orange.buttons .tertiary.active.button,.ui.tertiary.orange.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #f56100;box-shadow:inset 0 -.2em 0 #f56100;color:#f56100}.ui.yellow.button,.ui.yellow.buttons .button{background-color:#fbbd08;color:#fff;text-shadow:none;background-image:none}.ui.yellow.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.yellow.button:hover,.ui.yellow.buttons .button:hover{background-color:#eaae00;color:#fff;text-shadow:none}.ui.yellow.button:focus,.ui.yellow.buttons .button:focus{background-color:#daa300;color:#fff;text-shadow:none}.ui.yellow.button:active,.ui.yellow.buttons .button:active{background-color:#cd9903;color:#fff;text-shadow:none}.ui.yellow.active.button,.ui.yellow.button .active.button:active,.ui.yellow.buttons .active.button,.ui.yellow.buttons .active.button:active{background-color:#eaae00;color:#fff;text-shadow:none}.ui.basic.yellow.button,.ui.basic.yellow.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #fbbd08 inset;box-shadow:0 0 0 1px #fbbd08 inset;color:#fbbd08}.ui.basic.yellow.button:hover,.ui.basic.yellow.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #eaae00 inset;box-shadow:0 0 0 1px #eaae00 inset;color:#eaae00}.ui.basic.yellow.button:focus,.ui.basic.yellow.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #daa300 inset;box-shadow:0 0 0 1px #daa300 inset;color:#eaae00}.ui.basic.yellow.active.button,.ui.basic.yellow.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #eaae00 inset;box-shadow:0 0 0 1px #eaae00 inset;color:#cd9903}.ui.basic.yellow.button:active,.ui.basic.yellow.buttons .button:active{-webkit-box-shadow:0 0 0 1px #cd9903 inset;box-shadow:0 0 0 1px #cd9903 inset;color:#cd9903}.ui.buttons:not(.vertical)>.basic.yellow.button:not(:first-child){margin-left:-1px}.ui.inverted.yellow.button,.ui.inverted.yellow.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #ffe21f inset;box-shadow:0 0 0 2px #ffe21f inset;color:#ffe21f}.ui.inverted.yellow.button.active,.ui.inverted.yellow.button:active,.ui.inverted.yellow.button:focus,.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .button.active,.ui.inverted.yellow.buttons .button:active,.ui.inverted.yellow.buttons .button:focus,.ui.inverted.yellow.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.6)}.ui.inverted.yellow.button:hover,.ui.inverted.yellow.buttons .button:hover{background-color:#ebcd00}.ui.inverted.yellow.button:focus,.ui.inverted.yellow.buttons .button:focus{background-color:#f5d500}.ui.inverted.yellow.active.button,.ui.inverted.yellow.buttons .active.button{background-color:#ffdf05}.ui.inverted.yellow.button:active,.ui.inverted.yellow.buttons .button:active{background-color:#ebcd00}.ui.inverted.yellow.basic.button,.ui.inverted.yellow.basic.buttons .button,.ui.inverted.yellow.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.yellow.basic.button:hover,.ui.inverted.yellow.basic.buttons .button:hover,.ui.inverted.yellow.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #ebcd00 inset;box-shadow:0 0 0 2px #ebcd00 inset;color:#ffe21f}.ui.inverted.yellow.basic.button:focus,.ui.inverted.yellow.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #f5d500 inset;box-shadow:0 0 0 2px #f5d500 inset;color:#ffe21f}.ui.inverted.yellow.basic.active.button,.ui.inverted.yellow.basic.buttons .active.button,.ui.inverted.yellow.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #ffdf05 inset;box-shadow:0 0 0 2px #ffdf05 inset;color:#ffe21f}.ui.inverted.yellow.basic.button:active,.ui.inverted.yellow.basic.buttons .button:active,.ui.inverted.yellow.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #ebcd00 inset;box-shadow:0 0 0 2px #ebcd00 inset;color:#ffe21f}.ui.tertiary.yellow.button,.ui.tertiary.yellow.buttons .button,.ui.tertiary.yellow.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#fbbd08}.ui.tertiary.yellow.button:hover,.ui.tertiary.yellow.buttons .button:hover,.ui.tertiary.yellow.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #d2a217;box-shadow:inset 0 -.2em 0 #d2a217;color:#d2a217}.ui.tertiary.yellow.button:focus,.ui.tertiary.yellow.buttons .button:focus,.ui.tertiary.yellow.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #c49816;box-shadow:inset 0 -.2em 0 #c49816;color:#c49816}.ui.tertiary.yellow.active.button,.ui.tertiary.yellow.button:active,.ui.tertiary.yellow.buttons .active.button,.ui.tertiary.yellow.buttons .button:active,.ui.tertiary.yellow.buttons .tertiary.active.button,.ui.tertiary.yellow.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #eaae00;box-shadow:inset 0 -.2em 0 #eaae00;color:#eaae00}.ui.olive.button,.ui.olive.buttons .button{background-color:#b5cc18;color:#fff;text-shadow:none;background-image:none}.ui.olive.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.olive.button:hover,.ui.olive.buttons .button:hover{background-color:#a7bd0d;color:#fff;text-shadow:none}.ui.olive.button:focus,.ui.olive.buttons .button:focus{background-color:#a0b605;color:#fff;text-shadow:none}.ui.olive.button:active,.ui.olive.buttons .button:active{background-color:#8d9e13;color:#fff;text-shadow:none}.ui.olive.active.button,.ui.olive.button .active.button:active,.ui.olive.buttons .active.button,.ui.olive.buttons .active.button:active{background-color:#aac109;color:#fff;text-shadow:none}.ui.basic.olive.button,.ui.basic.olive.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #b5cc18 inset;box-shadow:0 0 0 1px #b5cc18 inset;color:#b5cc18}.ui.basic.olive.button:hover,.ui.basic.olive.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #a7bd0d inset;box-shadow:0 0 0 1px #a7bd0d inset;color:#a7bd0d}.ui.basic.olive.button:focus,.ui.basic.olive.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #a0b605 inset;box-shadow:0 0 0 1px #a0b605 inset;color:#a7bd0d}.ui.basic.olive.active.button,.ui.basic.olive.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #aac109 inset;box-shadow:0 0 0 1px #aac109 inset;color:#8d9e13}.ui.basic.olive.button:active,.ui.basic.olive.buttons .button:active{-webkit-box-shadow:0 0 0 1px #8d9e13 inset;box-shadow:0 0 0 1px #8d9e13 inset;color:#8d9e13}.ui.buttons:not(.vertical)>.basic.olive.button:not(:first-child){margin-left:-1px}.ui.inverted.olive.button,.ui.inverted.olive.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #d9e778 inset;box-shadow:0 0 0 2px #d9e778 inset;color:#d9e778}.ui.inverted.olive.button.active,.ui.inverted.olive.button:active,.ui.inverted.olive.button:focus,.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button.active,.ui.inverted.olive.buttons .button:active,.ui.inverted.olive.buttons .button:focus,.ui.inverted.olive.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.6)}.ui.inverted.olive.button:hover,.ui.inverted.olive.buttons .button:hover{background-color:#d2e745}.ui.inverted.olive.button:focus,.ui.inverted.olive.buttons .button:focus{background-color:#daef47}.ui.inverted.olive.active.button,.ui.inverted.olive.buttons .active.button{background-color:#daed59}.ui.inverted.olive.button:active,.ui.inverted.olive.buttons .button:active{background-color:#cddf4d}.ui.inverted.olive.basic.button,.ui.inverted.olive.basic.buttons .button,.ui.inverted.olive.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.olive.basic.button:hover,.ui.inverted.olive.basic.buttons .button:hover,.ui.inverted.olive.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #d2e745 inset;box-shadow:0 0 0 2px #d2e745 inset;color:#d9e778}.ui.inverted.olive.basic.button:focus,.ui.inverted.olive.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #daef47 inset;box-shadow:0 0 0 2px #daef47 inset;color:#d9e778}.ui.inverted.olive.basic.active.button,.ui.inverted.olive.basic.buttons .active.button,.ui.inverted.olive.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #daed59 inset;box-shadow:0 0 0 2px #daed59 inset;color:#d9e778}.ui.inverted.olive.basic.button:active,.ui.inverted.olive.basic.buttons .button:active,.ui.inverted.olive.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #cddf4d inset;box-shadow:0 0 0 2px #cddf4d inset;color:#d9e778}.ui.tertiary.olive.button,.ui.tertiary.olive.buttons .button,.ui.tertiary.olive.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#b5cc18}.ui.tertiary.olive.button:hover,.ui.tertiary.olive.buttons .button:hover,.ui.tertiary.olive.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #98a922;box-shadow:inset 0 -.2em 0 #98a922;color:#98a922}.ui.tertiary.olive.button:focus,.ui.tertiary.olive.buttons .button:focus,.ui.tertiary.olive.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #92a418;box-shadow:inset 0 -.2em 0 #92a418;color:#92a418}.ui.tertiary.olive.active.button,.ui.tertiary.olive.button:active,.ui.tertiary.olive.buttons .active.button,.ui.tertiary.olive.buttons .button:active,.ui.tertiary.olive.buttons .tertiary.active.button,.ui.tertiary.olive.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #b1cb00;box-shadow:inset 0 -.2em 0 #b1cb00;color:#aac109}.ui.green.button,.ui.green.buttons .button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.green.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.green.button:hover,.ui.green.buttons .button:hover{background-color:#16ab39;color:#fff;text-shadow:none}.ui.green.button:focus,.ui.green.buttons .button:focus{background-color:#0ea432;color:#fff;text-shadow:none}.ui.green.button:active,.ui.green.buttons .button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.green.active.button,.ui.green.button .active.button:active,.ui.green.buttons .active.button,.ui.green.buttons .active.button:active{background-color:#13ae38;color:#fff;text-shadow:none}.ui.basic.green.button,.ui.basic.green.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #21ba45 inset;box-shadow:0 0 0 1px #21ba45 inset;color:#21ba45}.ui.basic.green.button:hover,.ui.basic.green.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #16ab39 inset;box-shadow:0 0 0 1px #16ab39 inset;color:#16ab39}.ui.basic.green.button:focus,.ui.basic.green.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #0ea432 inset;box-shadow:0 0 0 1px #0ea432 inset;color:#16ab39}.ui.basic.green.active.button,.ui.basic.green.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #13ae38 inset;box-shadow:0 0 0 1px #13ae38 inset;color:#198f35}.ui.basic.green.button:active,.ui.basic.green.buttons .button:active{-webkit-box-shadow:0 0 0 1px #198f35 inset;box-shadow:0 0 0 1px #198f35 inset;color:#198f35}.ui.buttons:not(.vertical)>.basic.green.button:not(:first-child){margin-left:-1px}.ui.inverted.green.button,.ui.inverted.green.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #2ecc40 inset;box-shadow:0 0 0 2px #2ecc40 inset;color:#2ecc40}.ui.inverted.green.button.active,.ui.inverted.green.button:active,.ui.inverted.green.button:focus,.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button.active,.ui.inverted.green.buttons .button:active,.ui.inverted.green.buttons .button:focus,.ui.inverted.green.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.green.button:hover,.ui.inverted.green.buttons .button:hover{background-color:#1ea92e}.ui.inverted.green.button:focus,.ui.inverted.green.buttons .button:focus{background-color:#19b82b}.ui.inverted.green.active.button,.ui.inverted.green.buttons .active.button{background-color:#1fc231}.ui.inverted.green.button:active,.ui.inverted.green.buttons .button:active{background-color:#25a233}.ui.inverted.green.basic.button,.ui.inverted.green.basic.buttons .button,.ui.inverted.green.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.green.basic.button:hover,.ui.inverted.green.basic.buttons .button:hover,.ui.inverted.green.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #1ea92e inset;box-shadow:0 0 0 2px #1ea92e inset;color:#2ecc40}.ui.inverted.green.basic.button:focus,.ui.inverted.green.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #19b82b inset;box-shadow:0 0 0 2px #19b82b inset;color:#2ecc40}.ui.inverted.green.basic.active.button,.ui.inverted.green.basic.buttons .active.button,.ui.inverted.green.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #1fc231 inset;box-shadow:0 0 0 2px #1fc231 inset;color:#2ecc40}.ui.inverted.green.basic.button:active,.ui.inverted.green.basic.buttons .button:active,.ui.inverted.green.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #25a233 inset;box-shadow:0 0 0 2px #25a233 inset;color:#2ecc40}.ui.tertiary.green.button,.ui.tertiary.green.buttons .button,.ui.tertiary.green.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#21ba45}.ui.tertiary.green.button:hover,.ui.tertiary.green.buttons .button:hover,.ui.tertiary.green.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #2a9844;box-shadow:inset 0 -.2em 0 #2a9844;color:#2a9844}.ui.tertiary.green.button:focus,.ui.tertiary.green.buttons .button:focus,.ui.tertiary.green.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #20923b;box-shadow:inset 0 -.2em 0 #20923b;color:#20923b}.ui.tertiary.green.active.button,.ui.tertiary.green.button:active,.ui.tertiary.green.buttons .active.button,.ui.tertiary.green.buttons .button:active,.ui.tertiary.green.buttons .tertiary.active.button,.ui.tertiary.green.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #00c22e;box-shadow:inset 0 -.2em 0 #00c22e;color:#13ae38}.ui.teal.button,.ui.teal.buttons .button{background-color:#00b5ad;color:#fff;text-shadow:none;background-image:none}.ui.teal.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.teal.button:hover,.ui.teal.buttons .button:hover{background-color:#009c95;color:#fff;text-shadow:none}.ui.teal.button:focus,.ui.teal.buttons .button:focus{background-color:#008c86;color:#fff;text-shadow:none}.ui.teal.button:active,.ui.teal.buttons .button:active{background-color:#00827c;color:#fff;text-shadow:none}.ui.teal.active.button,.ui.teal.button .active.button:active,.ui.teal.buttons .active.button,.ui.teal.buttons .active.button:active{background-color:#009c95;color:#fff;text-shadow:none}.ui.basic.teal.button,.ui.basic.teal.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #00b5ad inset;box-shadow:0 0 0 1px #00b5ad inset;color:#00b5ad}.ui.basic.teal.button:hover,.ui.basic.teal.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #009c95 inset;box-shadow:0 0 0 1px #009c95 inset;color:#009c95}.ui.basic.teal.button:focus,.ui.basic.teal.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #008c86 inset;box-shadow:0 0 0 1px #008c86 inset;color:#009c95}.ui.basic.teal.active.button,.ui.basic.teal.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #009c95 inset;box-shadow:0 0 0 1px #009c95 inset;color:#00827c}.ui.basic.teal.button:active,.ui.basic.teal.buttons .button:active{-webkit-box-shadow:0 0 0 1px #00827c inset;box-shadow:0 0 0 1px #00827c inset;color:#00827c}.ui.buttons:not(.vertical)>.basic.teal.button:not(:first-child){margin-left:-1px}.ui.inverted.teal.button,.ui.inverted.teal.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #6dffff inset;box-shadow:0 0 0 2px #6dffff inset;color:#6dffff}.ui.inverted.teal.button.active,.ui.inverted.teal.button:active,.ui.inverted.teal.button:focus,.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button.active,.ui.inverted.teal.buttons .button:active,.ui.inverted.teal.buttons .button:focus,.ui.inverted.teal.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.6)}.ui.inverted.teal.button:hover,.ui.inverted.teal.buttons .button:hover{background-color:#3affff}.ui.inverted.teal.button:focus,.ui.inverted.teal.buttons .button:focus{background-color:#4ff}.ui.inverted.teal.active.button,.ui.inverted.teal.buttons .active.button{background-color:#54ffff}.ui.inverted.teal.button:active,.ui.inverted.teal.buttons .button:active{background-color:#3affff}.ui.inverted.teal.basic.button,.ui.inverted.teal.basic.buttons .button,.ui.inverted.teal.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.teal.basic.button:hover,.ui.inverted.teal.basic.buttons .button:hover,.ui.inverted.teal.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #3affff inset;box-shadow:0 0 0 2px #3affff inset;color:#6dffff}.ui.inverted.teal.basic.button:focus,.ui.inverted.teal.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #4ff inset;box-shadow:0 0 0 2px #4ff inset;color:#6dffff}.ui.inverted.teal.basic.active.button,.ui.inverted.teal.basic.buttons .active.button,.ui.inverted.teal.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #54ffff inset;box-shadow:0 0 0 2px #54ffff inset;color:#6dffff}.ui.inverted.teal.basic.button:active,.ui.inverted.teal.basic.buttons .button:active,.ui.inverted.teal.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #3affff inset;box-shadow:0 0 0 2px #3affff inset;color:#6dffff}.ui.tertiary.teal.button,.ui.tertiary.teal.buttons .button,.ui.tertiary.teal.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#00b5ad}.ui.tertiary.teal.button:hover,.ui.tertiary.teal.buttons .button:hover,.ui.tertiary.teal.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #108c86;box-shadow:inset 0 -.2em 0 #108c86;color:#108c86}.ui.tertiary.teal.button:focus,.ui.tertiary.teal.buttons .button:focus,.ui.tertiary.teal.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #0e7e79;box-shadow:inset 0 -.2em 0 #0e7e79;color:#0e7e79}.ui.tertiary.teal.active.button,.ui.tertiary.teal.button:active,.ui.tertiary.teal.buttons .active.button,.ui.tertiary.teal.buttons .button:active,.ui.tertiary.teal.buttons .tertiary.active.button,.ui.tertiary.teal.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #009c95;box-shadow:inset 0 -.2em 0 #009c95;color:#009c95}.ui.blue.button,.ui.blue.buttons .button{background-color:#2185d0;color:#fff;text-shadow:none;background-image:none}.ui.blue.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.blue.button:hover,.ui.blue.buttons .button:hover{background-color:#1678c2;color:#fff;text-shadow:none}.ui.blue.button:focus,.ui.blue.buttons .button:focus{background-color:#0d71bb;color:#fff;text-shadow:none}.ui.blue.button:active,.ui.blue.buttons .button:active{background-color:#1a69a4;color:#fff;text-shadow:none}.ui.blue.active.button,.ui.blue.button .active.button:active,.ui.blue.buttons .active.button,.ui.blue.buttons .active.button:active{background-color:#1279c6;color:#fff;text-shadow:none}.ui.basic.blue.button,.ui.basic.blue.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #2185d0 inset;box-shadow:0 0 0 1px #2185d0 inset;color:#2185d0}.ui.basic.blue.button:hover,.ui.basic.blue.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #1678c2 inset;box-shadow:0 0 0 1px #1678c2 inset;color:#1678c2}.ui.basic.blue.button:focus,.ui.basic.blue.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #0d71bb inset;box-shadow:0 0 0 1px #0d71bb inset;color:#1678c2}.ui.basic.blue.active.button,.ui.basic.blue.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #1279c6 inset;box-shadow:0 0 0 1px #1279c6 inset;color:#1a69a4}.ui.basic.blue.button:active,.ui.basic.blue.buttons .button:active{-webkit-box-shadow:0 0 0 1px #1a69a4 inset;box-shadow:0 0 0 1px #1a69a4 inset;color:#1a69a4}.ui.buttons:not(.vertical)>.basic.blue.button:not(:first-child){margin-left:-1px}.ui.inverted.blue.button,.ui.inverted.blue.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #54c8ff inset;box-shadow:0 0 0 2px #54c8ff inset;color:#54c8ff}.ui.inverted.blue.button.active,.ui.inverted.blue.button:active,.ui.inverted.blue.button:focus,.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button.active,.ui.inverted.blue.buttons .button:active,.ui.inverted.blue.buttons .button:focus,.ui.inverted.blue.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.blue.button:hover,.ui.inverted.blue.buttons .button:hover{background-color:#21b8ff}.ui.inverted.blue.button:focus,.ui.inverted.blue.buttons .button:focus{background-color:#2bbbff}.ui.inverted.blue.active.button,.ui.inverted.blue.buttons .active.button{background-color:#3ac0ff}.ui.inverted.blue.button:active,.ui.inverted.blue.buttons .button:active{background-color:#21b8ff}.ui.inverted.blue.basic.button,.ui.inverted.blue.basic.buttons .button,.ui.inverted.blue.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.blue.basic.button:hover,.ui.inverted.blue.basic.buttons .button:hover,.ui.inverted.blue.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #21b8ff inset;box-shadow:0 0 0 2px #21b8ff inset;color:#54c8ff}.ui.inverted.blue.basic.button:focus,.ui.inverted.blue.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #2bbbff inset;box-shadow:0 0 0 2px #2bbbff inset;color:#54c8ff}.ui.inverted.blue.basic.active.button,.ui.inverted.blue.basic.buttons .active.button,.ui.inverted.blue.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #3ac0ff inset;box-shadow:0 0 0 2px #3ac0ff inset;color:#54c8ff}.ui.inverted.blue.basic.button:active,.ui.inverted.blue.basic.buttons .button:active,.ui.inverted.blue.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #21b8ff inset;box-shadow:0 0 0 2px #21b8ff inset;color:#54c8ff}.ui.tertiary.blue.button,.ui.tertiary.blue.buttons .button,.ui.tertiary.blue.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#2185d0}.ui.tertiary.blue.button:hover,.ui.tertiary.blue.buttons .button:hover,.ui.tertiary.blue.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #2b75ac;box-shadow:inset 0 -.2em 0 #2b75ac;color:#2b75ac}.ui.tertiary.blue.button:focus,.ui.tertiary.blue.buttons .button:focus,.ui.tertiary.blue.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #216ea7;box-shadow:inset 0 -.2em 0 #216ea7;color:#216ea7}.ui.tertiary.blue.active.button,.ui.tertiary.blue.button:active,.ui.tertiary.blue.buttons .active.button,.ui.tertiary.blue.buttons .button:active,.ui.tertiary.blue.buttons .tertiary.active.button,.ui.tertiary.blue.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #007bd8;box-shadow:inset 0 -.2em 0 #007bd8;color:#1279c6}.ui.violet.button,.ui.violet.buttons .button{background-color:#6435c9;color:#fff;text-shadow:none;background-image:none}.ui.violet.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.violet.button:hover,.ui.violet.buttons .button:hover{background-color:#5829bb;color:#fff;text-shadow:none}.ui.violet.button:focus,.ui.violet.buttons .button:focus{background-color:#4f20b5;color:#fff;text-shadow:none}.ui.violet.button:active,.ui.violet.buttons .button:active{background-color:#502aa1;color:#fff;text-shadow:none}.ui.violet.active.button,.ui.violet.button .active.button:active,.ui.violet.buttons .active.button,.ui.violet.buttons .active.button:active{background-color:#5626bf;color:#fff;text-shadow:none}.ui.basic.violet.button,.ui.basic.violet.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #6435c9 inset;box-shadow:0 0 0 1px #6435c9 inset;color:#6435c9}.ui.basic.violet.button:hover,.ui.basic.violet.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #5829bb inset;box-shadow:0 0 0 1px #5829bb inset;color:#5829bb}.ui.basic.violet.button:focus,.ui.basic.violet.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #4f20b5 inset;box-shadow:0 0 0 1px #4f20b5 inset;color:#5829bb}.ui.basic.violet.active.button,.ui.basic.violet.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #5626bf inset;box-shadow:0 0 0 1px #5626bf inset;color:#502aa1}.ui.basic.violet.button:active,.ui.basic.violet.buttons .button:active{-webkit-box-shadow:0 0 0 1px #502aa1 inset;box-shadow:0 0 0 1px #502aa1 inset;color:#502aa1}.ui.buttons:not(.vertical)>.basic.violet.button:not(:first-child){margin-left:-1px}.ui.inverted.violet.button,.ui.inverted.violet.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #a291fb inset;box-shadow:0 0 0 2px #a291fb inset;color:#a291fb}.ui.inverted.violet.button.active,.ui.inverted.violet.button:active,.ui.inverted.violet.button:focus,.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button.active,.ui.inverted.violet.buttons .button:active,.ui.inverted.violet.buttons .button:focus,.ui.inverted.violet.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.violet.button:hover,.ui.inverted.violet.buttons .button:hover{background-color:#745aff}.ui.inverted.violet.button:focus,.ui.inverted.violet.buttons .button:focus{background-color:#7d64ff}.ui.inverted.violet.active.button,.ui.inverted.violet.buttons .active.button{background-color:#8a73ff}.ui.inverted.violet.button:active,.ui.inverted.violet.buttons .button:active{background-color:#7860f9}.ui.inverted.violet.basic.button,.ui.inverted.violet.basic.buttons .button,.ui.inverted.violet.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.violet.basic.button:hover,.ui.inverted.violet.basic.buttons .button:hover,.ui.inverted.violet.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #745aff inset;box-shadow:0 0 0 2px #745aff inset;color:#a291fb}.ui.inverted.violet.basic.button:focus,.ui.inverted.violet.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #7d64ff inset;box-shadow:0 0 0 2px #7d64ff inset;color:#a291fb}.ui.inverted.violet.basic.active.button,.ui.inverted.violet.basic.buttons .active.button,.ui.inverted.violet.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #8a73ff inset;box-shadow:0 0 0 2px #8a73ff inset;color:#a291fb}.ui.inverted.violet.basic.button:active,.ui.inverted.violet.basic.buttons .button:active,.ui.inverted.violet.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #7860f9 inset;box-shadow:0 0 0 2px #7860f9 inset;color:#a291fb}.ui.tertiary.violet.button,.ui.tertiary.violet.buttons .button,.ui.tertiary.violet.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#6435c9}.ui.tertiary.violet.button:hover,.ui.tertiary.violet.buttons .button:hover,.ui.tertiary.violet.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #6040a5;box-shadow:inset 0 -.2em 0 #6040a5;color:#6040a5}.ui.tertiary.violet.button:focus,.ui.tertiary.violet.buttons .button:focus,.ui.tertiary.violet.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #5735a0;box-shadow:inset 0 -.2em 0 #5735a0;color:#5735a0}.ui.tertiary.violet.active.button,.ui.tertiary.violet.button:active,.ui.tertiary.violet.buttons .active.button,.ui.tertiary.violet.buttons .button:active,.ui.tertiary.violet.buttons .tertiary.active.button,.ui.tertiary.violet.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #4e0fd6;box-shadow:inset 0 -.2em 0 #4e0fd6;color:#5626bf}.ui.purple.button,.ui.purple.buttons .button{background-color:#a333c8;color:#fff;text-shadow:none;background-image:none}.ui.purple.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.purple.button:hover,.ui.purple.buttons .button:hover{background-color:#9627ba;color:#fff;text-shadow:none}.ui.purple.button:focus,.ui.purple.buttons .button:focus{background-color:#8f1eb4;color:#fff;text-shadow:none}.ui.purple.button:active,.ui.purple.buttons .button:active{background-color:#82299f;color:#fff;text-shadow:none}.ui.purple.active.button,.ui.purple.button .active.button:active,.ui.purple.buttons .active.button,.ui.purple.buttons .active.button:active{background-color:#9724be;color:#fff;text-shadow:none}.ui.basic.purple.button,.ui.basic.purple.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #a333c8 inset;box-shadow:0 0 0 1px #a333c8 inset;color:#a333c8}.ui.basic.purple.button:hover,.ui.basic.purple.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #9627ba inset;box-shadow:0 0 0 1px #9627ba inset;color:#9627ba}.ui.basic.purple.button:focus,.ui.basic.purple.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #8f1eb4 inset;box-shadow:0 0 0 1px #8f1eb4 inset;color:#9627ba}.ui.basic.purple.active.button,.ui.basic.purple.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #9724be inset;box-shadow:0 0 0 1px #9724be inset;color:#82299f}.ui.basic.purple.button:active,.ui.basic.purple.buttons .button:active{-webkit-box-shadow:0 0 0 1px #82299f inset;box-shadow:0 0 0 1px #82299f inset;color:#82299f}.ui.buttons:not(.vertical)>.basic.purple.button:not(:first-child){margin-left:-1px}.ui.inverted.purple.button,.ui.inverted.purple.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #dc73ff inset;box-shadow:0 0 0 2px #dc73ff inset;color:#dc73ff}.ui.inverted.purple.button.active,.ui.inverted.purple.button:active,.ui.inverted.purple.button:focus,.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button.active,.ui.inverted.purple.buttons .button:active,.ui.inverted.purple.buttons .button:focus,.ui.inverted.purple.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.purple.button:hover,.ui.inverted.purple.buttons .button:hover{background-color:#cf40ff}.ui.inverted.purple.button:focus,.ui.inverted.purple.buttons .button:focus{background-color:#d24aff}.ui.inverted.purple.active.button,.ui.inverted.purple.buttons .active.button{background-color:#d65aff}.ui.inverted.purple.button:active,.ui.inverted.purple.buttons .button:active{background-color:#cf40ff}.ui.inverted.purple.basic.button,.ui.inverted.purple.basic.buttons .button,.ui.inverted.purple.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.purple.basic.button:hover,.ui.inverted.purple.basic.buttons .button:hover,.ui.inverted.purple.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #cf40ff inset;box-shadow:0 0 0 2px #cf40ff inset;color:#dc73ff}.ui.inverted.purple.basic.button:focus,.ui.inverted.purple.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #d24aff inset;box-shadow:0 0 0 2px #d24aff inset;color:#dc73ff}.ui.inverted.purple.basic.active.button,.ui.inverted.purple.basic.buttons .active.button,.ui.inverted.purple.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #d65aff inset;box-shadow:0 0 0 2px #d65aff inset;color:#dc73ff}.ui.inverted.purple.basic.button:active,.ui.inverted.purple.basic.buttons .button:active,.ui.inverted.purple.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #cf40ff inset;box-shadow:0 0 0 2px #cf40ff inset;color:#dc73ff}.ui.tertiary.purple.button,.ui.tertiary.purple.buttons .button,.ui.tertiary.purple.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#a333c8}.ui.tertiary.purple.button:hover,.ui.tertiary.purple.buttons .button:hover,.ui.tertiary.purple.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #8a3ea4;box-shadow:inset 0 -.2em 0 #8a3ea4;color:#8a3ea4}.ui.tertiary.purple.button:focus,.ui.tertiary.purple.buttons .button:focus,.ui.tertiary.purple.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #84339f;box-shadow:inset 0 -.2em 0 #84339f;color:#84339f}.ui.tertiary.purple.active.button,.ui.tertiary.purple.button:active,.ui.tertiary.purple.buttons .active.button,.ui.tertiary.purple.buttons .button:active,.ui.tertiary.purple.buttons .tertiary.active.button,.ui.tertiary.purple.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #a30dd4;box-shadow:inset 0 -.2em 0 #a30dd4;color:#9724be}.ui.pink.button,.ui.pink.buttons .button{background-color:#e03997;color:#fff;text-shadow:none;background-image:none}.ui.pink.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.pink.button:hover,.ui.pink.buttons .button:hover{background-color:#e61a8d;color:#fff;text-shadow:none}.ui.pink.button:focus,.ui.pink.buttons .button:focus{background-color:#e10f85;color:#fff;text-shadow:none}.ui.pink.button:active,.ui.pink.buttons .button:active{background-color:#c71f7e;color:#fff;text-shadow:none}.ui.pink.active.button,.ui.pink.button .active.button:active,.ui.pink.buttons .active.button,.ui.pink.buttons .active.button:active{background-color:#ea158d;color:#fff;text-shadow:none}.ui.basic.pink.button,.ui.basic.pink.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #e03997 inset;box-shadow:0 0 0 1px #e03997 inset;color:#e03997}.ui.basic.pink.button:hover,.ui.basic.pink.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #e61a8d inset;box-shadow:0 0 0 1px #e61a8d inset;color:#e61a8d}.ui.basic.pink.button:focus,.ui.basic.pink.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #e10f85 inset;box-shadow:0 0 0 1px #e10f85 inset;color:#e61a8d}.ui.basic.pink.active.button,.ui.basic.pink.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #ea158d inset;box-shadow:0 0 0 1px #ea158d inset;color:#c71f7e}.ui.basic.pink.button:active,.ui.basic.pink.buttons .button:active{-webkit-box-shadow:0 0 0 1px #c71f7e inset;box-shadow:0 0 0 1px #c71f7e inset;color:#c71f7e}.ui.buttons:not(.vertical)>.basic.pink.button:not(:first-child){margin-left:-1px}.ui.inverted.pink.button,.ui.inverted.pink.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #ff8edf inset;box-shadow:0 0 0 2px #ff8edf inset;color:#ff8edf}.ui.inverted.pink.button.active,.ui.inverted.pink.button:active,.ui.inverted.pink.button:focus,.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button.active,.ui.inverted.pink.buttons .button:active,.ui.inverted.pink.buttons .button:focus,.ui.inverted.pink.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.pink.button:hover,.ui.inverted.pink.buttons .button:hover{background-color:#ff5bd1}.ui.inverted.pink.button:focus,.ui.inverted.pink.buttons .button:focus{background-color:#ff65d3}.ui.inverted.pink.active.button,.ui.inverted.pink.buttons .active.button{background-color:#ff74d8}.ui.inverted.pink.button:active,.ui.inverted.pink.buttons .button:active{background-color:#ff5bd1}.ui.inverted.pink.basic.button,.ui.inverted.pink.basic.buttons .button,.ui.inverted.pink.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.pink.basic.button:hover,.ui.inverted.pink.basic.buttons .button:hover,.ui.inverted.pink.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #ff5bd1 inset;box-shadow:0 0 0 2px #ff5bd1 inset;color:#ff8edf}.ui.inverted.pink.basic.button:focus,.ui.inverted.pink.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #ff65d3 inset;box-shadow:0 0 0 2px #ff65d3 inset;color:#ff8edf}.ui.inverted.pink.basic.active.button,.ui.inverted.pink.basic.buttons .active.button,.ui.inverted.pink.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #ff74d8 inset;box-shadow:0 0 0 2px #ff74d8 inset;color:#ff8edf}.ui.inverted.pink.basic.button:active,.ui.inverted.pink.basic.buttons .button:active,.ui.inverted.pink.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #ff5bd1 inset;box-shadow:0 0 0 2px #ff5bd1 inset;color:#ff8edf}.ui.tertiary.pink.button,.ui.tertiary.pink.buttons .button,.ui.tertiary.pink.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#e03997}.ui.tertiary.pink.button:hover,.ui.tertiary.pink.buttons .button:hover,.ui.tertiary.pink.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #cc3389;box-shadow:inset 0 -.2em 0 #cc3389;color:#cc3389}.ui.tertiary.pink.button:focus,.ui.tertiary.pink.buttons .button:focus,.ui.tertiary.pink.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #c92782;box-shadow:inset 0 -.2em 0 #c92782;color:#c92782}.ui.tertiary.pink.active.button,.ui.tertiary.pink.button:active,.ui.tertiary.pink.buttons .active.button,.ui.tertiary.pink.buttons .button:active,.ui.tertiary.pink.buttons .tertiary.active.button,.ui.tertiary.pink.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #ff0090;box-shadow:inset 0 -.2em 0 #ff0090;color:#ea158d}.ui.brown.button,.ui.brown.buttons .button{background-color:#a5673f;color:#fff;text-shadow:none;background-image:none}.ui.brown.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.brown.button:hover,.ui.brown.buttons .button:hover{background-color:#975b33;color:#fff;text-shadow:none}.ui.brown.button:focus,.ui.brown.buttons .button:focus{background-color:#90532b;color:#fff;text-shadow:none}.ui.brown.button:active,.ui.brown.buttons .button:active{background-color:#805031;color:#fff;text-shadow:none}.ui.brown.active.button,.ui.brown.button .active.button:active,.ui.brown.buttons .active.button,.ui.brown.buttons .active.button:active{background-color:#995a31;color:#fff;text-shadow:none}.ui.basic.brown.button,.ui.basic.brown.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #a5673f inset;box-shadow:0 0 0 1px #a5673f inset;color:#a5673f}.ui.basic.brown.button:hover,.ui.basic.brown.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #975b33 inset;box-shadow:0 0 0 1px #975b33 inset;color:#975b33}.ui.basic.brown.button:focus,.ui.basic.brown.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #90532b inset;box-shadow:0 0 0 1px #90532b inset;color:#975b33}.ui.basic.brown.active.button,.ui.basic.brown.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #995a31 inset;box-shadow:0 0 0 1px #995a31 inset;color:#805031}.ui.basic.brown.button:active,.ui.basic.brown.buttons .button:active{-webkit-box-shadow:0 0 0 1px #805031 inset;box-shadow:0 0 0 1px #805031 inset;color:#805031}.ui.buttons:not(.vertical)>.basic.brown.button:not(:first-child){margin-left:-1px}.ui.inverted.brown.button,.ui.inverted.brown.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #d67c1c inset;box-shadow:0 0 0 2px #d67c1c inset;color:#d67c1c}.ui.inverted.brown.button.active,.ui.inverted.brown.button:active,.ui.inverted.brown.button:focus,.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button.active,.ui.inverted.brown.buttons .button:active,.ui.inverted.brown.buttons .button:focus,.ui.inverted.brown.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.brown.button:hover,.ui.inverted.brown.buttons .button:hover{background-color:#b0620f}.ui.inverted.brown.button:focus,.ui.inverted.brown.buttons .button:focus{background-color:#c16808}.ui.inverted.brown.active.button,.ui.inverted.brown.buttons .active.button{background-color:#cc6f0d}.ui.inverted.brown.button:active,.ui.inverted.brown.buttons .button:active{background-color:#a96216}.ui.inverted.brown.basic.button,.ui.inverted.brown.basic.buttons .button,.ui.inverted.brown.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.brown.basic.button:hover,.ui.inverted.brown.basic.buttons .button:hover,.ui.inverted.brown.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #b0620f inset;box-shadow:0 0 0 2px #b0620f inset;color:#d67c1c}.ui.inverted.brown.basic.button:focus,.ui.inverted.brown.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #c16808 inset;box-shadow:0 0 0 2px #c16808 inset;color:#d67c1c}.ui.inverted.brown.basic.active.button,.ui.inverted.brown.basic.buttons .active.button,.ui.inverted.brown.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #cc6f0d inset;box-shadow:0 0 0 2px #cc6f0d inset;color:#d67c1c}.ui.inverted.brown.basic.button:active,.ui.inverted.brown.basic.buttons .button:active,.ui.inverted.brown.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #a96216 inset;box-shadow:0 0 0 2px #a96216 inset;color:#d67c1c}.ui.tertiary.brown.button,.ui.tertiary.brown.buttons .button,.ui.tertiary.brown.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#a5673f}.ui.tertiary.brown.button:hover,.ui.tertiary.brown.buttons .button:hover,.ui.tertiary.brown.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #835f48;box-shadow:inset 0 -.2em 0 #835f48;color:#835f48}.ui.tertiary.brown.button:focus,.ui.tertiary.brown.buttons .button:focus,.ui.tertiary.brown.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #7d573e;box-shadow:inset 0 -.2em 0 #7d573e;color:#7d573e}.ui.tertiary.brown.active.button,.ui.tertiary.brown.button:active,.ui.tertiary.brown.buttons .active.button,.ui.tertiary.brown.buttons .button:active,.ui.tertiary.brown.buttons .tertiary.active.button,.ui.tertiary.brown.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #ae561d;box-shadow:inset 0 -.2em 0 #ae561d;color:#995a31}.ui.grey.button,.ui.grey.buttons .button{background-color:#767676;color:#fff;text-shadow:none;background-image:none}.ui.grey.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.grey.button:hover,.ui.grey.buttons .button:hover{background-color:#838383;color:#fff;text-shadow:none}.ui.grey.button:focus,.ui.grey.buttons .button:focus{background-color:#8a8a8a;color:#fff;text-shadow:none}.ui.grey.button:active,.ui.grey.buttons .button:active{background-color:#909090;color:#fff;text-shadow:none}.ui.grey.active.button,.ui.grey.button .active.button:active,.ui.grey.buttons .active.button,.ui.grey.buttons .active.button:active{background-color:#696969;color:#fff;text-shadow:none}.ui.basic.grey.button,.ui.basic.grey.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #767676 inset;box-shadow:0 0 0 1px #767676 inset;color:#767676}.ui.basic.grey.button:hover,.ui.basic.grey.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #838383 inset;box-shadow:0 0 0 1px #838383 inset;color:#838383}.ui.basic.grey.button:focus,.ui.basic.grey.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #8a8a8a inset;box-shadow:0 0 0 1px #8a8a8a inset;color:#838383}.ui.basic.grey.active.button,.ui.basic.grey.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #696969 inset;box-shadow:0 0 0 1px #696969 inset;color:#909090}.ui.basic.grey.button:active,.ui.basic.grey.buttons .button:active{-webkit-box-shadow:0 0 0 1px #909090 inset;box-shadow:0 0 0 1px #909090 inset;color:#909090}.ui.buttons:not(.vertical)>.basic.grey.button:not(:first-child){margin-left:-1px}.ui.inverted.grey.button,.ui.inverted.grey.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #d4d4d5 inset;box-shadow:0 0 0 2px #d4d4d5 inset;color:#fff}.ui.inverted.grey.button.active,.ui.inverted.grey.button:active,.ui.inverted.grey.button:focus,.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button.active,.ui.inverted.grey.buttons .button:active,.ui.inverted.grey.buttons .button:focus,.ui.inverted.grey.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.6)}.ui.inverted.grey.button:hover,.ui.inverted.grey.buttons .button:hover{background-color:#c2c4c5}.ui.inverted.grey.button:focus,.ui.inverted.grey.buttons .button:focus{background-color:#c7c9cb}.ui.inverted.grey.active.button,.ui.inverted.grey.buttons .active.button{background-color:#cfd0d2}.ui.inverted.grey.button:active,.ui.inverted.grey.buttons .button:active{background-color:#c2c4c5}.ui.inverted.grey.basic.button,.ui.inverted.grey.basic.buttons .button,.ui.inverted.grey.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.grey.basic.button:hover,.ui.inverted.grey.basic.buttons .button:hover,.ui.inverted.grey.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #c2c4c5 inset;box-shadow:0 0 0 2px #c2c4c5 inset;color:#fff}.ui.inverted.grey.basic.button:focus,.ui.inverted.grey.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #c7c9cb inset;box-shadow:0 0 0 2px #c7c9cb inset;color:#dcddde}.ui.inverted.grey.basic.active.button,.ui.inverted.grey.basic.buttons .active.button,.ui.inverted.grey.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #cfd0d2 inset;box-shadow:0 0 0 2px #cfd0d2 inset;color:#fff}.ui.inverted.grey.basic.button:active,.ui.inverted.grey.basic.buttons .button:active,.ui.inverted.grey.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #c2c4c5 inset;box-shadow:0 0 0 2px #c2c4c5 inset;color:#fff}.ui.tertiary.grey.button,.ui.tertiary.grey.buttons .button,.ui.tertiary.grey.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#767676}.ui.tertiary.grey.button:hover,.ui.tertiary.grey.buttons .button:hover,.ui.tertiary.grey.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #838383;box-shadow:inset 0 -.2em 0 #838383;color:#838383}.ui.tertiary.grey.button:focus,.ui.tertiary.grey.buttons .button:focus,.ui.tertiary.grey.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #8a8a8a;box-shadow:inset 0 -.2em 0 #8a8a8a;color:#8a8a8a}.ui.tertiary.grey.active.button,.ui.tertiary.grey.button:active,.ui.tertiary.grey.buttons .active.button,.ui.tertiary.grey.buttons .button:active,.ui.tertiary.grey.buttons .tertiary.active.button,.ui.tertiary.grey.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #7e5454;box-shadow:inset 0 -.2em 0 #7e5454;color:#696969}.ui.black.button,.ui.black.buttons .button{background-color:#1b1c1d;color:#fff;text-shadow:none;background-image:none}.ui.black.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.black.button:hover,.ui.black.buttons .button:hover{background-color:#27292a;color:#fff;text-shadow:none}.ui.black.button:focus,.ui.black.buttons .button:focus{background-color:#2f3032;color:#fff;text-shadow:none}.ui.black.button:active,.ui.black.buttons .button:active{background-color:#343637;color:#fff;text-shadow:none}.ui.black.active.button,.ui.black.button .active.button:active,.ui.black.buttons .active.button,.ui.black.buttons .active.button:active{background-color:#0f0f10;color:#fff;text-shadow:none}.ui.basic.black.button,.ui.basic.black.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #1b1c1d inset;box-shadow:0 0 0 1px #1b1c1d inset;color:#1b1c1d}.ui.basic.black.button:hover,.ui.basic.black.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #27292a inset;box-shadow:0 0 0 1px #27292a inset;color:#27292a}.ui.basic.black.button:focus,.ui.basic.black.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #2f3032 inset;box-shadow:0 0 0 1px #2f3032 inset;color:#27292a}.ui.basic.black.active.button,.ui.basic.black.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #0f0f10 inset;box-shadow:0 0 0 1px #0f0f10 inset;color:#343637}.ui.basic.black.button:active,.ui.basic.black.buttons .button:active{-webkit-box-shadow:0 0 0 1px #343637 inset;box-shadow:0 0 0 1px #343637 inset;color:#343637}.ui.buttons:not(.vertical)>.basic.black.button:not(:first-child){margin-left:-1px}.ui.inverted.black.button,.ui.inverted.black.buttons .button{background-color:transparent;-webkit-box-shadow:0 0 0 2px #d4d4d5 inset;box-shadow:0 0 0 2px #d4d4d5 inset;color:#fff}.ui.inverted.black.button.active,.ui.inverted.black.button:active,.ui.inverted.black.button:focus,.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button.active,.ui.inverted.black.buttons .button:active,.ui.inverted.black.buttons .button:focus,.ui.inverted.black.buttons .button:hover{-webkit-box-shadow:none;box-shadow:none;color:#fff}.ui.inverted.black.button:hover,.ui.inverted.black.buttons .button:hover{background-color:#000}.ui.inverted.black.button:focus,.ui.inverted.black.buttons .button:focus{background-color:#000}.ui.inverted.black.active.button,.ui.inverted.black.buttons .active.button{background-color:#000}.ui.inverted.black.button:active,.ui.inverted.black.buttons .button:active{background-color:#000}.ui.inverted.black.basic.button,.ui.inverted.black.basic.buttons .button,.ui.inverted.black.buttons .basic.button{background-color:transparent;-webkit-box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;box-shadow:0 0 0 2px rgba(255,255,255,.5) inset;color:#fff}.ui.inverted.black.basic.button:hover,.ui.inverted.black.basic.buttons .button:hover,.ui.inverted.black.buttons .basic.button:hover{-webkit-box-shadow:0 0 0 2px #000 inset;box-shadow:0 0 0 2px #000 inset;color:#fff}.ui.inverted.black.basic.button:focus,.ui.inverted.black.basic.buttons .button:focus{-webkit-box-shadow:0 0 0 2px #000 inset;box-shadow:0 0 0 2px #000 inset;color:#545454}.ui.inverted.black.basic.active.button,.ui.inverted.black.basic.buttons .active.button,.ui.inverted.black.buttons .basic.active.button{-webkit-box-shadow:0 0 0 2px #000 inset;box-shadow:0 0 0 2px #000 inset;color:#fff}.ui.inverted.black.basic.button:active,.ui.inverted.black.basic.buttons .button:active,.ui.inverted.black.buttons .basic.button:active{-webkit-box-shadow:0 0 0 2px #000 inset;box-shadow:0 0 0 2px #000 inset;color:#fff}.ui.tertiary.black.button,.ui.tertiary.black.buttons .button,.ui.tertiary.black.buttons .tertiary.button{background:0 0;-webkit-box-shadow:none;box-shadow:none;color:#1b1c1d}.ui.tertiary.black.button:hover,.ui.tertiary.black.buttons .button:hover,.ui.tertiary.black.buttons button:hover{-webkit-box-shadow:inset 0 -.2em 0 #8b8f93;box-shadow:inset 0 -.2em 0 #8b8f93;color:#585c5f}.ui.tertiary.black.button:focus,.ui.tertiary.black.buttons .button:focus,.ui.tertiary.black.buttons .tertiary.button:focus{-webkit-box-shadow:inset 0 -.2em 0 #93969a;box-shadow:inset 0 -.2em 0 #93969a;color:#606367}.ui.tertiary.black.active.button,.ui.tertiary.black.button:active,.ui.tertiary.black.buttons .active.button,.ui.tertiary.black.buttons .button:active,.ui.tertiary.black.buttons .tertiary.active.button,.ui.tertiary.black.buttons .tertiary.button:active{-webkit-box-shadow:inset 0 -.2em 0 #404245;box-shadow:inset 0 -.2em 0 #404245;color:#0f0f10}.ui.positive.button,.ui.positive.buttons .button{background-color:#21ba45;color:#fff;text-shadow:none;background-image:none}.ui.positive.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.positive.button:hover,.ui.positive.buttons .button:hover{background-color:#16ab39;color:#fff;text-shadow:none}.ui.positive.button:focus,.ui.positive.buttons .button:focus{background-color:#0ea432;color:#fff;text-shadow:none}.ui.positive.button:active,.ui.positive.buttons .button:active{background-color:#198f35;color:#fff;text-shadow:none}.ui.positive.active.button,.ui.positive.button .active.button:active,.ui.positive.buttons .active.button,.ui.positive.buttons .active.button:active{background-color:#13ae38;color:#fff;text-shadow:none}.ui.basic.positive.button,.ui.basic.positive.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #21ba45 inset;box-shadow:0 0 0 1px #21ba45 inset;color:#21ba45}.ui.basic.positive.button:hover,.ui.basic.positive.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #16ab39 inset;box-shadow:0 0 0 1px #16ab39 inset;color:#16ab39}.ui.basic.positive.button:focus,.ui.basic.positive.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #0ea432 inset;box-shadow:0 0 0 1px #0ea432 inset;color:#16ab39}.ui.basic.positive.active.button,.ui.basic.positive.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #13ae38 inset;box-shadow:0 0 0 1px #13ae38 inset;color:#198f35}.ui.basic.positive.button:active,.ui.basic.positive.buttons .button:active{-webkit-box-shadow:0 0 0 1px #198f35 inset;box-shadow:0 0 0 1px #198f35 inset;color:#198f35}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.negative.button,.ui.negative.buttons .button{background-color:#db2828;color:#fff;text-shadow:none;background-image:none}.ui.negative.button{-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}.ui.negative.button:hover,.ui.negative.buttons .button:hover{background-color:#d01919;color:#fff;text-shadow:none}.ui.negative.button:focus,.ui.negative.buttons .button:focus{background-color:#ca1010;color:#fff;text-shadow:none}.ui.negative.button:active,.ui.negative.buttons .button:active{background-color:#b21e1e;color:#fff;text-shadow:none}.ui.negative.active.button,.ui.negative.button .active.button:active,.ui.negative.buttons .active.button,.ui.negative.buttons .active.button:active{background-color:#d41515;color:#fff;text-shadow:none}.ui.basic.negative.button,.ui.basic.negative.buttons .button{background:0 0;-webkit-box-shadow:0 0 0 1px #db2828 inset;box-shadow:0 0 0 1px #db2828 inset;color:#db2828}.ui.basic.negative.button:hover,.ui.basic.negative.buttons .button:hover{background:0 0;-webkit-box-shadow:0 0 0 1px #d01919 inset;box-shadow:0 0 0 1px #d01919 inset;color:#d01919}.ui.basic.negative.button:focus,.ui.basic.negative.buttons .button:focus{background:0 0;-webkit-box-shadow:0 0 0 1px #ca1010 inset;box-shadow:0 0 0 1px #ca1010 inset;color:#d01919}.ui.basic.negative.active.button,.ui.basic.negative.buttons .active.button{background:0 0;-webkit-box-shadow:0 0 0 1px #d41515 inset;box-shadow:0 0 0 1px #d41515 inset;color:#b21e1e}.ui.basic.negative.button:active,.ui.basic.negative.buttons .button:active{-webkit-box-shadow:0 0 0 1px #b21e1e inset;box-shadow:0 0 0 1px #b21e1e inset;color:#b21e1e}.ui.buttons:not(.vertical)>.basic.primary.button:not(:first-child){margin-left:-1px}.ui.buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:0;vertical-align:baseline;margin:0 .25em 0 0}.ui.buttons:not(.basic):not(.inverted){-webkit-box-shadow:none;box-shadow:none}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.buttons .button{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;border-radius:0;margin:0}.ui.buttons:not(.basic):not(.inverted)>.button,.ui.buttons>.ui.button:not(.basic):not(.inverted){-webkit-box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset}.ui.buttons .button:first-child{border-left:none;margin-left:0;border-top-left-radius:.28571429rem;border-bottom-left-radius:.28571429rem}.ui.buttons .button:last-child{border-top-right-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.buttons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.vertical.buttons .button{display:block;float:none;width:100%;margin:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.ui.vertical.buttons .button:first-child{border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.vertical.buttons .button:last-child{margin-bottom:0;border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.vertical.buttons .button:only-child{border-radius:.28571429rem} \ No newline at end of file diff --git a/dist/components/calendar.css b/dist/components/calendar.css index c7ac8dce77..4653bfe475 100644 --- a/dist/components/calendar.css +++ b/dist/components/calendar.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Calendar + * # Semantic UI 2.7.0 - Calendar * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/calendar.js b/dist/components/calendar.js index dcedadda14..544f13e2aa 100644 --- a/dist/components/calendar.js +++ b/dist/components/calendar.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Calendar + * # Semantic UI 2.7.0 - Calendar * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -31,7 +35,14 @@ $.fn.calendar = function(parameters) { query = arguments[0], methodInvoked = (typeof query == 'string'), queryArguments = [].slice.call(arguments, 1), - returnedValue + returnedValue, + timeGapTable = { + '5': {'row': 4, 'column': 3 }, + '10': {'row': 3, 'column': 2 }, + '15': {'row': 2, 'column': 2 }, + '20': {'row': 3, 'column': 1 }, + '30': {'row': 2, 'column': 1 } + } ; $allModules @@ -47,6 +58,7 @@ $.fn.calendar = function(parameters) { formatter = settings.formatter, parser = settings.parser, metadata = settings.metadata, + timeGap = timeGapTable[settings.minTimeGap], error = settings.error, eventNamespace = '.' + namespace, @@ -211,8 +223,8 @@ $.fn.calendar = function(parameters) { var startMonth = display.getMonth() + monthOffset; var year = display.getFullYear(); - var columns = isDay ? settings.showWeekNumbers ? 8 : 7 : isHour ? 4 : 3; - var rows = isDay || isHour ? 6 : 4; + var columns = isDay ? settings.showWeekNumbers ? 8 : 7 : isHour ? 4 : timeGap['column']; + var rows = isDay || isHour ? 6 : timeGap['row']; var pages = isDay ? multiMonth : 1; var container = $container; @@ -308,7 +320,7 @@ $.fn.calendar = function(parameters) { for (c = 0; c < textColumns; c++, i++) { var cellDate = isYear ? new Date(i, month, 1, hour, minute) : isMonth ? new Date(year, i, 1, hour, minute) : isDay ? new Date(year, month, i, hour, minute) : - isHour ? new Date(year, month, day, i) : new Date(year, month, day, hour, i * 5); + isHour ? new Date(year, month, day, i) : new Date(year, month, day, hour, i * settings.minTimeGap); var cellText = isYear ? i : isMonth ? settings.text.monthsShort[i] : isDay ? cellDate.getDate() : formatter.time(cellDate, settings, true); @@ -486,9 +498,9 @@ $.fn.calendar = function(parameters) { if (event.keyCode === 37 || event.keyCode === 38 || event.keyCode === 39 || event.keyCode === 40) { //arrow keys var mode = module.get.mode(); - var bigIncrement = mode === 'day' ? 7 : mode === 'hour' ? 4 : 3; + var bigIncrement = mode === 'day' ? 7 : mode === 'hour' ? 4 : mode === 'minute' ? timeGap['column'] : 3; var increment = event.keyCode === 37 ? -1 : event.keyCode === 38 ? -bigIncrement : event.keyCode == 39 ? 1 : bigIncrement; - increment *= mode === 'minute' ? 5 : 1; + increment *= mode === 'minute' ? settings.minTimeGap : 1; var focusDate = module.get.focusDate() || module.get.date() || new Date(); var year = focusDate.getFullYear() + (mode === 'year' ? increment : 0); var month = focusDate.getMonth() + (mode === 'month' ? increment : 0); @@ -842,19 +854,19 @@ $.fn.calendar = function(parameters) { var isYearOrMonth = isYear || mode === 'month'; var isMinute = mode === 'minute'; var isHourOrMinute = isMinute || mode === 'hour'; - //only care about a minute accuracy of 5 + //only care about a minute accuracy of settings.minTimeGap date1 = new Date( isTimeOnly ? 2000 : date1.getFullYear(), isTimeOnly ? 0 : isYear ? 0 : date1.getMonth(), isTimeOnly ? 1 : isYearOrMonth ? 1 : date1.getDate(), !isHourOrMinute ? 0 : date1.getHours(), - !isMinute ? 0 : 5 * Math.floor(date1.getMinutes() / 5)); + !isMinute ? 0 : settings.minTimeGap * Math.floor(date1.getMinutes() / settings.minTimeGap)); date2 = new Date( isTimeOnly ? 2000 : date2.getFullYear(), isTimeOnly ? 0 : isYear ? 0 : date2.getMonth(), isTimeOnly ? 1 : isYearOrMonth ? 1 : date2.getDate(), !isHourOrMinute ? 0 : date2.getHours(), - !isMinute ? 0 : 5 * Math.floor(date2.getMinutes() / 5)); + !isMinute ? 0 : settings.minTimeGap * Math.floor(date2.getMinutes() / settings.minTimeGap)); return date2.getTime() - date1.getTime(); }, dateEqual: function (date1, date2, mode) { @@ -866,7 +878,7 @@ $.fn.calendar = function(parameters) { minDate = startDate && settings.minDate ? new Date(Math.max(startDate, settings.minDate)) : startDate || settings.minDate; maxDate = settings.maxDate; } - minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), 5 * Math.ceil(minDate.getMinutes() / 5)); + minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), settings.minTimeGap * Math.ceil(minDate.getMinutes() / settings.minTimeGap)); return !(!date || (minDate && module.helper.dateDiff(date, minDate, mode) > 0) || (maxDate && module.helper.dateDiff(maxDate, date, mode) > 0)); @@ -877,7 +889,7 @@ $.fn.calendar = function(parameters) { minDate = startDate && settings.minDate ? new Date(Math.max(startDate, settings.minDate)) : startDate || settings.minDate; maxDate = settings.maxDate; } - minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), 5 * Math.ceil(minDate.getMinutes() / 5)); + minDate = minDate && new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate(), minDate.getHours(), settings.minTimeGap * Math.ceil(minDate.getMinutes() / settings.minTimeGap)); var isTimeOnly = settings.type === 'time'; return !date ? date : (minDate && module.helper.dateDiff(date, minDate, 'minute') > 0) ? @@ -1042,7 +1054,7 @@ $.fn.calendar = function(parameters) { else if (found !== undefined) { response = found; } - if ($.isArray(returnedValue)) { + if (Array.isArray(returnedValue)) { returnedValue.push(response); } else if (returnedValue !== undefined) { @@ -1106,6 +1118,7 @@ $.fn.calendar.settings = { startCalendar : null, // jquery object or selector for another calendar that represents the start date of a date range endCalendar : null, // jquery object or selector for another calendar that represents the end date of a date range multiMonth : 1, // show multiple months when in 'day' mode + minTimeGap : 5, showWeekNumbers : null, // show Number of Week at the very first column of a dayView disabledDates : [], // specific day(s) which won't be selectable and contain additional information. disabledDaysOfWeek : [], // day(s) which won't be selectable(s) (0 = Sunday) diff --git a/dist/components/calendar.min.css b/dist/components/calendar.min.css index 0cbf4d30e2..4ebc3050d9 100644 --- a/dist/components/calendar.min.css +++ b/dist/components/calendar.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Calendar + * # Semantic UI 2.7.0 - Calendar * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/calendar.min.js b/dist/components/calendar.min.js index 7eeb1c81c1..a9d0bf58ba 100644 --- a/dist/components/calendar.min.js +++ b/dist/components/calendar.min.js @@ -1 +1,11 @@ -!function(ce,e,M,w){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),ce.fn.calendar=function(m){var h,e=ce(this),g=e.selector||"",D=(new Date).getTime(),v=[],y=m,b="string"==typeof y,C=[].slice.call(arguments,1);return e.each(function(){var p,le,se=ce.isPlainObject(m)?ce.extend(!0,{},ce.fn.calendar.settings,m):ce.extend({},ce.fn.calendar.settings),de=se.className,e=se.namespace,t=se.selector,ue=se.formatter,a=se.parser,fe=se.metadata,l=se.error,n="."+e,o="module-"+e,r=ce(this),i=r.find(t.input),pe=r.find(t.popup),s=r.find(t.activator),d=this,u=r.data(o),c=!1,f=!1;le={initialize:function(){le.debug("Initializing calendar for",d,r),p=le.get.isTouch(),le.setup.config(),le.setup.popup(),le.setup.inline(),le.setup.input(),le.setup.date(),le.create.calendar(),le.bind.events(),le.instantiate()},instantiate:function(){le.verbose("Storing instance of calendar"),u=le,r.data(o,u)},destroy:function(){le.verbose("Destroying previous calendar for",d),r.removeData(o),le.unbind.events()},setup:{config:function(){null!==le.get.minDate()&&le.set.minDate(r.data(fe.minDate)),null!==le.get.maxDate()&&le.set.maxDate(r.data(fe.maxDate))},popup:function(){if(!se.inline&&(s.length||(s=r.children().first()).length))if(ce.fn.popup!==w){pe.length||(pe=ce("
    ").addClass(de.popup).prependTo(s.parent())),pe.addClass(de.calendar);var e=se.onVisible,t=se.onHidden;i.length||(pe.attr("tabindex","0"),e=function(){return le.focus(),se.onVisible.apply(pe,arguments)},t=function(){return le.blur(),se.onHidden.apply(pe,arguments)});var a=se.on||(i.length?"focus":"click"),n=ce.extend({},se.popupOptions,{popup:pe,on:a,hoverable:"hover"===a,onShow:function(){return le.set.focusDate(le.get.date()),le.set.mode(se.startMode),se.onShow.apply(pe,arguments)},onVisible:e,onHide:se.onHide,onHidden:t});le.popup(n)}else le.error(l.popup)},inline:function(){s.length&&!se.inline||(pe=ce("
    ").addClass(de.calendar).appendTo(r),i.length||pe.attr("tabindex","0"))},input:function(){se.touchReadonly&&i.length&&p&&i.prop("readonly",!0)},date:function(){if(i.length){var e=i.val(),t=a.date(e,se);le.set.date(t,se.formatInput,!1)}}},create:{calendar:function(){var e,t,a,n,o,r,i,l=le.get.mode(),s=new Date,d=le.get.date(),u=le.get.focusDate(),f=u||d||se.initialDate||s;f=le.helper.dateInRange(f),u||(u=f,le.set.focusDate(u,!1,!1));var p="year"===l,c="month"===l,m="day"===l,h="hour"===l,g="minute"===l,D="time"===se.type,v=Math.max(se.multiMonth,1),y=m?le.get.monthOffset():0,b=f.getMinutes(),C=f.getHours(),M=f.getDate(),w=f.getMonth()+y,x=f.getFullYear(),k=m?se.showWeekNumbers?8:7:h?4:3,T=m||h?6:4,N=m?v:1,O=pe,F=O.hasClass("left")?"right center":"left center";for(O.empty(),1").addClass(de.grid).appendTo(O)),n=0;n").addClass(de.column).appendTo(i);var H=w+n,I=(new Date(x,H,1).getDay()-se.firstDayOfWeek%7+7)%7;if(!se.constantHeight&&m){var Y=new Date(x,H+1,0).getDate()+I;T=Math.ceil(Y/7)}var E=p?10:c?1:0,R=m?1:0,W=h||g?1:0,j=h||g?M:1,V=new Date(x-E,H-R,j-W,C),A=new Date(x+E,H+R,j+W,C),S=p?new Date(10*Math.ceil(x/10)-9,0,0):c?new Date(x,0,0):m?new Date(x,H,0):new Date(x,H,M,-1),q=p?new Date(10*Math.ceil(x/10)+1,0,1):c?new Date(x+1,0,1):m?new Date(x,H+1,1):new Date(x,H,M+1),P=l;m&&se.showWeekNumbers&&(P+=" andweek");var K=ce("").addClass(de.table).addClass(P).appendTo(O),U=k;if(!D){var J=ce("").appendTo(K);o=ce("").appendTo(J),r=ce("").appendTo(J),se.showWeekNumbers&&((r=ce("").appendTo(K);for(e=p?10*Math.ceil(x/10)-9:m?1-I:0,t=0;t").appendTo(G),m&&se.showWeekNumbers&&((r=ce("").appendTo(G),ie=ce("
    ").attr("colspan",""+k).appendTo(o);var z=p||c?new Date(x,0,1):m?new Date(x,H,1):new Date(x,H,M,C,b),L=ce("").addClass(de.link).appendTo(r);L.text(ue.header(z,l,se));var B=c?se.disableYear?"day":"year":m?se.disableMonth?"year":"month":"day";if(L.data(fe.mode,B),0===n){var Q=ce("").addClass(de.prev).appendTo(r);Q.data(fe.focusDate,V),Q.toggleClass(de.disabledCell,!le.helper.isDateInRange(S,l)),ce("").addClass(de.prevIcon).appendTo(Q)}if(n===N-1){var Z=ce("").addClass(de.next).appendTo(r);Z.data(fe.focusDate,A),Z.toggleClass(de.disabledCell,!le.helper.isDateInRange(q,l)),ce("").addClass(de.nextIcon).appendTo(Z)}if(m)for(o=ce("
    ").appendTo(o)).text(se.text.weekNo),r.addClass(de.disabledCell),U--),e=0;e").appendTo(o)).text(ue.dayColumnHeader((e+se.firstDayOfWeek)%7,se))}var G=ce("
    ").appendTo(o)).text(le.get.weekOfYear(x,H,e+1-se.firstDayOfWeek)),r.addClass(de.disabledCell)),a=0;a").addClass(de.cell).appendTo(o)).text($),r.data(fe.date,X);var _=m&&X.getMonth()!==(H+12)%12,ee=_||!le.helper.isDateInRange(X,l)||se.isDisabled(X,l)||le.helper.isDisabled(X,l);if(ee){var te=le.helper.disabledReason(X,l);null!==te&&(r.attr("data-tooltip",te[fe.message]),r.attr("data-position",F))}var ae=le.helper.dateEqual(X,d,l),ne=le.helper.dateEqual(X,s,l);r.toggleClass(de.adjacentCell,_),r.toggleClass(de.disabledCell,ee),r.toggleClass(de.activeCell,ae&&!_),h||g||r.toggleClass(de.todayCell,!_&&ne);var oe={mode:l,adjacent:_,disabled:ee,active:ae,today:ne};ue.cell(r,X,oe),le.helper.dateEqual(X,u,l)&&le.set.focusDate(X,!1,!1)}if(se.today){var re=ce("
    ").attr("colspan",""+k).addClass(de.today).appendTo(re);ie.text(ue.today(se)),ie.data(fe.date,s)}le.update.focus(!1,K)}}},update:{focus:function(e,t){t=t||pe;var l=le.get.mode(),a=le.get.date(),s=le.get.focusDate(),d=le.get.startDate(),u=le.get.endDate(),f=(e?s:null)||a||(p?null:s);t.find("td").each(function(){var e=ce(this),t=e.data(fe.date);if(t){var a=e.hasClass(de.disabledCell),n=e.hasClass(de.activeCell),o=e.hasClass(de.adjacentCell),r=le.helper.dateEqual(t,s,l),i=!!f&&(!!d&&le.helper.isDateInRange(t,l,d,f)||!!u&&le.helper.isDateInRange(t,l,f,u));e.toggleClass(de.focusCell,r&&(!p||c)&&!o&&!a),e.toggleClass(de.rangeCell,i&&!n&&!a)}})}},refresh:function(){le.create.calendar()},bind:{events:function(){le.debug("Binding events"),pe.on("mousedown"+n,le.event.mousedown),pe.on("touchstart"+n,le.event.mousedown),pe.on("mouseup"+n,le.event.mouseup),pe.on("touchend"+n,le.event.mouseup),pe.on("mouseover"+n,le.event.mouseover),i.length?(i.on("input"+n,le.event.inputChange),i.on("focus"+n,le.event.inputFocus),i.on("blur"+n,le.event.inputBlur),i.on("click"+n,le.event.inputClick),i.on("keydown"+n,le.event.keydown)):pe.on("keydown"+n,le.event.keydown)}},unbind:{events:function(){le.debug("Unbinding events"),pe.off(n),i.length&&i.off(n)}},event:{mouseover:function(e){var t=ce(e.target).data(fe.date),a=1===e.buttons;t&&le.set.focusDate(t,!1,!0,a)},mousedown:function(e){i.length&&e.preventDefault(),c=0<=e.type.indexOf("touch");var t=ce(e.target).data(fe.date);t&&le.set.focusDate(t,!1,!0,!0)},mouseup:function(e){le.focus(),e.preventDefault(),e.stopPropagation(),c=!1;var t=ce(e.target);if(!t.hasClass("disabled")){var a=t.parent();(a.data(fe.date)||a.data(fe.focusDate)||a.data(fe.mode))&&(t=a);var n=t.data(fe.date),o=t.data(fe.focusDate),r=t.data(fe.mode);if(n){var i=t.hasClass(de.today);le.selectDate(n,i)}else o?le.set.focusDate(o):r&&le.set.mode(r)}},keydown:function(e){if(27!==e.keyCode&&9!==e.keyCode||le.popup("hide"),le.popup("is visible"))if(37===e.keyCode||38===e.keyCode||39===e.keyCode||40===e.keyCode){var t="day"===(u=le.get.mode())?7:"hour"===u?4:3,a=37===e.keyCode?-1:38===e.keyCode?-t:39==e.keyCode?1:t;a*="minute"===u?5:1;var n=le.get.focusDate()||le.get.date()||new Date,o=n.getFullYear()+("year"===u?a:0),r=n.getMonth()+("month"===u?a:0),i=n.getDate()+("day"===u?a:0),l=n.getHours()+("hour"===u?a:0),s=n.getMinutes()+("minute"===u?a:0),d=new Date(o,r,i,l,s);"time"===se.type&&(d=le.helper.mergeDateTime(n,d)),le.helper.isDateInRange(d,u)&&le.set.focusDate(d)}else if(13===e.keyCode){var u=le.get.mode(),f=le.get.focusDate();!f||se.isDisabled(f,u)||le.helper.isDisabled(f,u)||le.selectDate(f),e.preventDefault(),e.stopPropagation()}38!==e.keyCode&&40!==e.keyCode||(e.preventDefault(),le.popup("show"))},inputChange:function(){var e=i.val(),t=a.date(e,se);le.set.date(t,!1)},inputFocus:function(){pe.addClass(de.active)},inputBlur:function(){if(pe.removeClass(de.active),se.formatInput){var e=le.get.date(),t=ue.datetime(e,se);i.val(t)}},inputClick:function(){le.popup("show")}},get:{weekOfYear:function(e,t,a){var n,o,r;return n=Date.UTC(e,t,a+3)/864e5,o=Math.floor(n/7),r=new Date(6048e5*o).getUTCFullYear(),o-Math.floor(Date.UTC(r,0,7)/6048e5)+1},date:function(){return r.data(fe.date)||null},focusDate:function(){return r.data(fe.focusDate)||null},startDate:function(){var e=le.get.calendarModule(se.startCalendar);return(e?e.get.date():r.data(fe.startDate))||null},endDate:function(){var e=le.get.calendarModule(se.endCalendar);return(e?e.get.date():r.data(fe.endDate))||null},minDate:function(){return r.data(fe.minDate)||null},maxDate:function(){return r.data(fe.maxDate)||null},monthOffset:function(){return r.data(fe.monthOffset)||0},mode:function(){var e=r.data(fe.mode)||se.startMode,t=le.get.validModes();return 0<=ce.inArray(e,t)?e:"time"===se.type?"hour":"month"===se.type?"month":"year"===se.type?"year":"day"},validModes:function(){var e=[];return"time"!==se.type&&(se.disableYear&&"year"!==se.type||e.push("year"),(!se.disableMonth&&"year"!==se.type||"month"===se.type)&&e.push("month"),0<=se.type.indexOf("date")&&e.push("day")),0<=se.type.indexOf("time")&&(e.push("hour"),se.disableMinute||e.push("minute")),e},isTouch:function(){try{return M.createEvent("TouchEvent"),!0}catch(e){return!1}},calendarModule:function(e){return e?(e instanceof ce||(e=r.parent().children(e).first()),e.data(o)):null}},set:{date:function(e,t,a){t=!1!==t,a=!1!==a,e=le.helper.sanitiseDate(e),e=le.helper.dateInRange(e);var n=le.get.mode(),o=ue.datetime(e,se);if(a&&!1===se.onChange.call(d,e,o,n))return!1;if(le.set.focusDate(e),se.isDisabled(e,n))return!1;var r=le.get.endDate();r&&e&&r=e?le.verbose("Unable to set maxDate variable lower that minDate variable",e,se.minDate):(le.setting("maxDate",e),le.set.dataKeyValue(fe.maxDate,e))},monthOffset:function(e,t){var a=Math.max(se.multiMonth,1);e=Math.max(1-a,Math.min(0,e)),le.set.dataKeyValue(fe.monthOffset,e,t)},mode:function(e,t){le.set.dataKeyValue(fe.mode,e,t)},dataKeyValue:function(e,t,a){var n=r.data(e),o=n===t||n<=t&&t<=n;return t?r.data(e,t):r.removeData(e),(a=!1!==a&&!o)&&le.refresh(),!o}},selectDate:function(e,t){le.verbose("New date selection",e);var a=le.get.mode();if(t||"minute"===a||se.disableMinute&&"hour"===a||"date"===se.type&&"day"===a||"month"===se.type&&"month"===a||"year"===se.type&&"year"===a){if(!(!1===le.set.date(e))&&se.closable){le.popup("hide");var n=le.get.calendarModule(se.endCalendar);n&&(n.popup("show"),n.focus())}}else{var o="year"===a?se.disableMonth?"day":"month":"month"===a?"day":"day"===a?"hour":"minute";le.set.mode(o),"hour"===a||"day"===a&&le.get.date()?le.set.date(e):le.set.focusDate(e)}},changeDate:function(e){le.set.date(e)},clear:function(){le.set.date(w)},popup:function(){return s.popup.apply(s,arguments)},focus:function(){i.length?i.focus():pe.focus()},blur:function(){i.length?i.blur():pe.blur()},helper:{isDisabled:function(t,a){return"day"===a&&(-1!==se.disabledDaysOfWeek.indexOf(t.getDay())||se.disabledDates.some(function(e){return e instanceof Date?le.helper.dateEqual(t,e,a):null!==e&&"object"==typeof e?le.helper.dateEqual(t,e[fe.date],a):void 0}))},disabledReason:function(e,t){if("day"===t)for(var a=0;a").addClass(de.popup).prependTo(s.parent())),ce.addClass(de.calendar);var e=se.onVisible,t=se.onHidden;i.length||(ce.attr("tabindex","0"),e=function(){return le.focus(),se.onVisible.apply(ce,arguments)},t=function(){return le.blur(),se.onHidden.apply(ce,arguments)});var a=se.on||(i.length?"focus":"click"),n=me.extend({},se.popupOptions,{popup:ce,on:a,hoverable:"hover"===a,onShow:function(){return le.set.focusDate(le.get.date()),le.set.mode(se.startMode),se.onShow.apply(ce,arguments)},onVisible:e,onHide:se.onHide,onHidden:t});le.popup(n)}else le.error(l.popup)},inline:function(){s.length&&!se.inline||(ce=me("
    ").addClass(de.calendar).appendTo(r),i.length||ce.attr("tabindex","0"))},input:function(){se.touchReadonly&&i.length&&f&&i.prop("readonly",!0)},date:function(){if(i.length){var e=i.val(),t=a.date(e,se);le.set.date(t,se.formatInput,!1)}}},create:{calendar:function(){var e,t,a,n,o,r,i,l=le.get.mode(),s=new Date,d=le.get.date(),u=le.get.focusDate(),p=u||d||se.initialDate||s;p=le.helper.dateInRange(p),u||(u=p,le.set.focusDate(u,!1,!1));var f="year"===l,c="month"===l,m="day"===l,h="hour"===l,g="minute"===l,D="time"===se.type,v=Math.max(se.multiMonth,1),y=m?le.get.monthOffset():0,b=p.getMinutes(),C=p.getHours(),w=p.getDate(),M=p.getMonth()+y,x=p.getFullYear(),T=m?se.showWeekNumbers?8:7:h?4:fe.column,k=m||h?6:fe.row,N=m?v:1,O=ce,F=O.hasClass("left")?"right center":"left center";for(O.empty(),1").addClass(de.grid).appendTo(O)),n=0;n").addClass(de.column).appendTo(i);var H=M+n,I=(new Date(x,H,1).getDay()-se.firstDayOfWeek%7+7)%7;if(!se.constantHeight&&m){var Y=new Date(x,H+1,0).getDate()+I;k=Math.ceil(Y/7)}var E=f?10:c?1:0,R=m?1:0,W=h||g?1:0,j=h||g?w:1,A=new Date(x-E,H-R,j-W,C),V=new Date(x+E,H+R,j+W,C),G=f?new Date(10*Math.ceil(x/10)-9,0,0):c?new Date(x,0,0):m?new Date(x,H,0):new Date(x,H,w,-1),S=f?new Date(10*Math.ceil(x/10)+1,0,1):c?new Date(x+1,0,1):m?new Date(x,H+1,1):new Date(x,H,w+1),q=l;m&&se.showWeekNumbers&&(q+=" andweek");var P=me("").addClass(de.table).addClass(q).appendTo(O),K=T;if(!D){var U=me("").appendTo(P);o=me("").appendTo(U),r=me("").appendTo(U),se.showWeekNumbers&&((r=me("").appendTo(P);for(e=f?10*Math.ceil(x/10)-9:m?1-I:0,t=0;t").appendTo(Z),m&&se.showWeekNumbers&&((r=me("").appendTo(Z),ie=me("
    ").attr("colspan",""+T).appendTo(o);var J=f||c?new Date(x,0,1):m?new Date(x,H,1):new Date(x,H,w,C,b),z=me("").addClass(de.link).appendTo(r);z.text(ue.header(J,l,se));var L=c?se.disableYear?"day":"year":m?se.disableMonth?"year":"month":"day";if(z.data(pe.mode,L),0===n){var B=me("").addClass(de.prev).appendTo(r);B.data(pe.focusDate,A),B.toggleClass(de.disabledCell,!le.helper.isDateInRange(G,l)),me("").addClass(de.prevIcon).appendTo(B)}if(n===N-1){var Q=me("").addClass(de.next).appendTo(r);Q.data(pe.focusDate,V),Q.toggleClass(de.disabledCell,!le.helper.isDateInRange(S,l)),me("").addClass(de.nextIcon).appendTo(Q)}if(m)for(o=me("
    ").appendTo(o)).text(se.text.weekNo),r.addClass(de.disabledCell),K--),e=0;e").appendTo(o)).text(ue.dayColumnHeader((e+se.firstDayOfWeek)%7,se))}var Z=me("
    ").appendTo(o)).text(le.get.weekOfYear(x,H,e+1-se.firstDayOfWeek)),r.addClass(de.disabledCell)),a=0;a").addClass(de.cell).appendTo(o)).text($),r.data(pe.date,X);var _=m&&X.getMonth()!==(H+12)%12,ee=_||!le.helper.isDateInRange(X,l)||se.isDisabled(X,l)||le.helper.isDisabled(X,l);if(ee){var te=le.helper.disabledReason(X,l);null!==te&&(r.attr("data-tooltip",te[pe.message]),r.attr("data-position",F))}var ae=le.helper.dateEqual(X,d,l),ne=le.helper.dateEqual(X,s,l);r.toggleClass(de.adjacentCell,_),r.toggleClass(de.disabledCell,ee),r.toggleClass(de.activeCell,ae&&!_),h||g||r.toggleClass(de.todayCell,!_&&ne);var oe={mode:l,adjacent:_,disabled:ee,active:ae,today:ne};ue.cell(r,X,oe),le.helper.dateEqual(X,u,l)&&le.set.focusDate(X,!1,!1)}if(se.today){var re=me("
    ").attr("colspan",""+T).addClass(de.today).appendTo(re);ie.text(ue.today(se)),ie.data(pe.date,s)}le.update.focus(!1,P)}}},update:{focus:function(e,t){t=t||ce;var l=le.get.mode(),a=le.get.date(),s=le.get.focusDate(),d=le.get.startDate(),u=le.get.endDate(),p=(e?s:null)||a||(f?null:s);t.find("td").each(function(){var e=me(this),t=e.data(pe.date);if(t){var a=e.hasClass(de.disabledCell),n=e.hasClass(de.activeCell),o=e.hasClass(de.adjacentCell),r=le.helper.dateEqual(t,s,l),i=!!p&&(!!d&&le.helper.isDateInRange(t,l,d,p)||!!u&&le.helper.isDateInRange(t,l,p,u));e.toggleClass(de.focusCell,r&&(!f||c)&&!o&&!a),e.toggleClass(de.rangeCell,i&&!n&&!a)}})}},refresh:function(){le.create.calendar()},bind:{events:function(){le.debug("Binding events"),ce.on("mousedown"+n,le.event.mousedown),ce.on("touchstart"+n,le.event.mousedown),ce.on("mouseup"+n,le.event.mouseup),ce.on("touchend"+n,le.event.mouseup),ce.on("mouseover"+n,le.event.mouseover),i.length?(i.on("input"+n,le.event.inputChange),i.on("focus"+n,le.event.inputFocus),i.on("blur"+n,le.event.inputBlur),i.on("click"+n,le.event.inputClick),i.on("keydown"+n,le.event.keydown)):ce.on("keydown"+n,le.event.keydown)}},unbind:{events:function(){le.debug("Unbinding events"),ce.off(n),i.length&&i.off(n)}},event:{mouseover:function(e){var t=me(e.target).data(pe.date),a=1===e.buttons;t&&le.set.focusDate(t,!1,!0,a)},mousedown:function(e){i.length&&e.preventDefault(),c=0<=e.type.indexOf("touch");var t=me(e.target).data(pe.date);t&&le.set.focusDate(t,!1,!0,!0)},mouseup:function(e){le.focus(),e.preventDefault(),e.stopPropagation(),c=!1;var t=me(e.target);if(!t.hasClass("disabled")){var a=t.parent();(a.data(pe.date)||a.data(pe.focusDate)||a.data(pe.mode))&&(t=a);var n=t.data(pe.date),o=t.data(pe.focusDate),r=t.data(pe.mode);if(n){var i=t.hasClass(de.today);le.selectDate(n,i)}else o?le.set.focusDate(o):r&&le.set.mode(r)}},keydown:function(e){if(27!==e.keyCode&&9!==e.keyCode||le.popup("hide"),le.popup("is visible"))if(37===e.keyCode||38===e.keyCode||39===e.keyCode||40===e.keyCode){var t="day"===(u=le.get.mode())?7:"hour"===u?4:"minute"===u?fe.column:3,a=37===e.keyCode?-1:38===e.keyCode?-t:39==e.keyCode?1:t;a*="minute"===u?se.minTimeGap:1;var n=le.get.focusDate()||le.get.date()||new Date,o=n.getFullYear()+("year"===u?a:0),r=n.getMonth()+("month"===u?a:0),i=n.getDate()+("day"===u?a:0),l=n.getHours()+("hour"===u?a:0),s=n.getMinutes()+("minute"===u?a:0),d=new Date(o,r,i,l,s);"time"===se.type&&(d=le.helper.mergeDateTime(n,d)),le.helper.isDateInRange(d,u)&&le.set.focusDate(d)}else if(13===e.keyCode){var u=le.get.mode(),p=le.get.focusDate();!p||se.isDisabled(p,u)||le.helper.isDisabled(p,u)||le.selectDate(p),e.preventDefault(),e.stopPropagation()}38!==e.keyCode&&40!==e.keyCode||(e.preventDefault(),le.popup("show"))},inputChange:function(){var e=i.val(),t=a.date(e,se);le.set.date(t,!1)},inputFocus:function(){ce.addClass(de.active)},inputBlur:function(){if(ce.removeClass(de.active),se.formatInput){var e=le.get.date(),t=ue.datetime(e,se);i.val(t)}},inputClick:function(){le.popup("show")}},get:{weekOfYear:function(e,t,a){var n,o,r;return n=Date.UTC(e,t,a+3)/864e5,o=Math.floor(n/7),r=new Date(6048e5*o).getUTCFullYear(),o-Math.floor(Date.UTC(r,0,7)/6048e5)+1},date:function(){return r.data(pe.date)||null},focusDate:function(){return r.data(pe.focusDate)||null},startDate:function(){var e=le.get.calendarModule(se.startCalendar);return(e?e.get.date():r.data(pe.startDate))||null},endDate:function(){var e=le.get.calendarModule(se.endCalendar);return(e?e.get.date():r.data(pe.endDate))||null},minDate:function(){return r.data(pe.minDate)||null},maxDate:function(){return r.data(pe.maxDate)||null},monthOffset:function(){return r.data(pe.monthOffset)||0},mode:function(){var e=r.data(pe.mode)||se.startMode,t=le.get.validModes();return 0<=me.inArray(e,t)?e:"time"===se.type?"hour":"month"===se.type?"month":"year"===se.type?"year":"day"},validModes:function(){var e=[];return"time"!==se.type&&(se.disableYear&&"year"!==se.type||e.push("year"),(!se.disableMonth&&"year"!==se.type||"month"===se.type)&&e.push("month"),0<=se.type.indexOf("date")&&e.push("day")),0<=se.type.indexOf("time")&&(e.push("hour"),se.disableMinute||e.push("minute")),e},isTouch:function(){try{return M.createEvent("TouchEvent"),!0}catch(e){return!1}},calendarModule:function(e){return e?(e instanceof me||(e=r.parent().children(e).first()),e.data(o)):null}},set:{date:function(e,t,a){t=!1!==t,a=!1!==a,e=le.helper.sanitiseDate(e),e=le.helper.dateInRange(e);var n=le.get.mode(),o=ue.datetime(e,se);if(a&&!1===se.onChange.call(d,e,o,n))return!1;if(le.set.focusDate(e),se.isDisabled(e,n))return!1;var r=le.get.endDate();r&&e&&r=e?le.verbose("Unable to set maxDate variable lower that minDate variable",e,se.minDate):(le.setting("maxDate",e),le.set.dataKeyValue(pe.maxDate,e))},monthOffset:function(e,t){var a=Math.max(se.multiMonth,1);e=Math.max(1-a,Math.min(0,e)),le.set.dataKeyValue(pe.monthOffset,e,t)},mode:function(e,t){le.set.dataKeyValue(pe.mode,e,t)},dataKeyValue:function(e,t,a){var n=r.data(e),o=n===t||n<=t&&t<=n;return t?r.data(e,t):r.removeData(e),(a=!1!==a&&!o)&&le.refresh(),!o}},selectDate:function(e,t){le.verbose("New date selection",e);var a=le.get.mode();if(t||"minute"===a||se.disableMinute&&"hour"===a||"date"===se.type&&"day"===a||"month"===se.type&&"month"===a||"year"===se.type&&"year"===a){if(!(!1===le.set.date(e))&&se.closable){le.popup("hide");var n=le.get.calendarModule(se.endCalendar);n&&(n.popup("show"),n.focus())}}else{var o="year"===a?se.disableMonth?"day":"month":"month"===a?"day":"day"===a?"hour":"minute";le.set.mode(o),"hour"===a||"day"===a&&le.get.date()?le.set.date(e):le.set.focusDate(e)}},changeDate:function(e){le.set.date(e)},clear:function(){le.set.date(x)},popup:function(){return s.popup.apply(s,arguments)},focus:function(){i.length?i.focus():ce.focus()},blur:function(){i.length?i.blur():ce.blur()},helper:{isDisabled:function(t,a){return"day"===a&&(-1!==se.disabledDaysOfWeek.indexOf(t.getDay())||se.disabledDates.some(function(e){return e instanceof Date?le.helper.dateEqual(t,e,a):null!==e&&"object"==typeof e?le.helper.dateEqual(t,e[pe.date],a):void 0}))},disabledReason:function(e,t){if("day"===t)for(var a=0;a .card a, .ui.card a { cursor: pointer; } .ui.card:first-child { - margin-top: 0em; + margin-top: 0; } .ui.card:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -82,7 +82,7 @@ .ui.card:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; @@ -99,12 +99,12 @@ .ui.cards > .card > :first-child, .ui.card > :first-child { - border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; + border-radius: 0.28571429rem 0.28571429rem 0 0 !important; border-top: none !important; } .ui.cards > .card > :last-child, .ui.card > :last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; + border-radius: 0 0 0.28571429rem 0.28571429rem !important; } .ui.cards > .card > :only-child, .ui.card > :only-child { @@ -122,7 +122,7 @@ -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; - padding: 0em; + padding: 0; background: rgba(0, 0, 0, 0.05); } .ui.cards > .card > .image > img, @@ -149,18 +149,18 @@ border: none; border-top: 1px solid rgba(34, 36, 38, 0.1); background: none; - margin: 0em; + margin: 0; padding: 1em 1em; -webkit-box-shadow: none; box-shadow: none; font-size: 1em; - border-radius: 0em; + border-radius: 0; } .ui.cards > .card > .content:after, .ui.card > .content:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; @@ -253,11 +253,11 @@ .ui.cards > .card > .content p, .ui.card > .content p { - margin: 0em 0em 0.5em; + margin: 0 0 0.5em; } .ui.cards > .card > .content p:last-child, .ui.card > .content p:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -275,11 +275,11 @@ } .ui.cards > .card .meta :last-child, .ui.card .meta :last-child { - margin-right: 0em; + margin-right: 0; } .ui.cards > .card .meta [class*="right floated"], .ui.card .meta [class*="right floated"] { - margin-right: 0em; + margin-right: 0; margin-left: 0.3em; } @@ -328,7 +328,7 @@ .ui.card > .buttons, .ui.cards > .card > .button, .ui.card > .button { - margin: 0px -1px; + margin: 0 -1px; width: calc(100% + 2px); } @@ -396,7 +396,7 @@ .ui.cards > .card > .extra, .ui.card > .extra { max-width: 100%; - min-height: 0em !important; + min-height: 0 !important; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; @@ -404,10 +404,10 @@ position: static; background: none; width: auto; - margin: 0em 0em; + margin: 0 0; padding: 0.75em 1em; - top: 0em; - left: 0em; + top: 0; + left: 0; color: rgba(0, 0, 0, 0.4); -webkit-box-shadow: none; box-shadow: none; @@ -473,15 +473,15 @@ .ui.raised.cards > .card, .ui.raised.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.raised.cards a.card:hover, .ui.link.cards .raised.card:hover, a.ui.raised.card:hover, .ui.link.raised.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25); - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25); + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25); + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 4px 0 rgba(34, 36, 38, 0.15), 0 2px 10px 0 rgba(34, 36, 38, 0.25); } /*------------------- @@ -526,8 +526,8 @@ a.ui.card:hover, z-index: 5; background: #FFFFFF; border: none; - -webkit-box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5; - box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5; + -webkit-box-shadow: 0 1px 3px 0 #BCBDBD, 0 0 0 1px #D4D4D5; + box-shadow: 0 1px 3px 0 #BCBDBD, 0 0 0 1px #D4D4D5; -webkit-transform: translateY(-3px); transform: translateY(-3px); } @@ -536,215 +536,185 @@ a.ui.card:hover, Colors --------------------*/ - -/* Primary */ .ui.primary.cards > .card, .ui.cards > .primary.card, .ui.primary.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5; } .ui.primary.cards > .card:hover, .ui.cards > .primary.card:hover, .ui.primary.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD; } - -/* Secondary */ .ui.secondary.cards > .card, .ui.cards > .secondary.card, .ui.secondary.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5; } .ui.secondary.cards > .card:hover, .ui.cards > .secondary.card:hover, .ui.secondary.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD; } - -/* Red */ .ui.red.cards > .card, .ui.cards > .red.card, .ui.red.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #DB2828, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #DB2828, 0 1px 3px 0 #D4D4D5; } .ui.red.cards > .card:hover, .ui.cards > .red.card:hover, .ui.red.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #d01919, 0 1px 3px 0 #BCBDBD; } - -/* Orange */ .ui.orange.cards > .card, .ui.cards > .orange.card, .ui.orange.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #F2711C, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #F2711C, 0 1px 3px 0 #D4D4D5; } .ui.orange.cards > .card:hover, .ui.cards > .orange.card:hover, .ui.orange.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #f26202, 0 1px 3px 0 #BCBDBD; } - -/* Yellow */ .ui.yellow.cards > .card, .ui.cards > .yellow.card, .ui.yellow.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #FBBD08, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #FBBD08, 0 1px 3px 0 #D4D4D5; } .ui.yellow.cards > .card:hover, .ui.cards > .yellow.card:hover, .ui.yellow.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #eaae00, 0 1px 3px 0 #BCBDBD; } - -/* Olive */ .ui.olive.cards > .card, .ui.cards > .olive.card, .ui.olive.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #B5CC18, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #B5CC18, 0 1px 3px 0 #D4D4D5; } .ui.olive.cards > .card:hover, .ui.cards > .olive.card:hover, .ui.olive.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #a7bd0d, 0 1px 3px 0 #BCBDBD; } - -/* Green */ .ui.green.cards > .card, .ui.cards > .green.card, .ui.green.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #21BA45, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #21BA45, 0 1px 3px 0 #D4D4D5; } .ui.green.cards > .card:hover, .ui.cards > .green.card:hover, .ui.green.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #16ab39, 0 1px 3px 0 #BCBDBD; } - -/* Teal */ .ui.teal.cards > .card, .ui.cards > .teal.card, .ui.teal.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #00B5AD, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #00B5AD, 0 1px 3px 0 #D4D4D5; } .ui.teal.cards > .card:hover, .ui.cards > .teal.card:hover, .ui.teal.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #009c95, 0 1px 3px 0 #BCBDBD; } - -/* Blue */ .ui.blue.cards > .card, .ui.cards > .blue.card, .ui.blue.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #2185D0, 0 1px 3px 0 #D4D4D5; } .ui.blue.cards > .card:hover, .ui.cards > .blue.card:hover, .ui.blue.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1678c2, 0 1px 3px 0 #BCBDBD; } - -/* Violet */ .ui.violet.cards > .card, .ui.cards > .violet.card, .ui.violet.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #6435C9, 0 1px 3px 0 #D4D4D5; } .ui.violet.cards > .card:hover, .ui.cards > .violet.card:hover, .ui.violet.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #5829bb, 0 1px 3px 0 #BCBDBD; } - -/* Purple */ .ui.purple.cards > .card, .ui.cards > .purple.card, .ui.purple.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A333C8, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A333C8, 0 1px 3px 0 #D4D4D5; } .ui.purple.cards > .card:hover, .ui.cards > .purple.card:hover, .ui.purple.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #9627ba, 0 1px 3px 0 #BCBDBD; } - -/* Pink */ .ui.pink.cards > .card, .ui.cards > .pink.card, .ui.pink.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #E03997, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #E03997, 0 1px 3px 0 #D4D4D5; } .ui.pink.cards > .card:hover, .ui.cards > .pink.card:hover, .ui.pink.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #BCBDBD; } - -/* Brown */ .ui.brown.cards > .card, .ui.cards > .brown.card, .ui.brown.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A5673F, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #A5673F, 0 1px 3px 0 #D4D4D5; } .ui.brown.cards > .card:hover, .ui.cards > .brown.card:hover, .ui.brown.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #975b33, 0 1px 3px 0 #BCBDBD; } - -/* Grey */ .ui.grey.cards > .card, .ui.cards > .grey.card, .ui.grey.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #767676, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #767676, 0 1px 3px 0 #D4D4D5; } .ui.grey.cards > .card:hover, .ui.cards > .grey.card:hover, .ui.grey.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #838383, 0 1px 3px 0 #BCBDBD; } - -/* Black */ .ui.black.cards > .card, .ui.cards > .black.card, .ui.black.card { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #1B1C1D, 0 1px 3px 0 #D4D4D5; } .ui.black.cards > .card:hover, .ui.cards > .black.card:hover, .ui.black.card:hover { - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD; - box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD; + -webkit-box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD; + box-shadow: 0 0 0 1px #D4D4D5, 0 2px 0 0 #27292a, 0 1px 3px 0 #BCBDBD; } /*-------------- @@ -752,8 +722,8 @@ a.ui.card:hover, ---------------*/ .ui.one.cards { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } .ui.one.cards > .card { width: 100%; @@ -850,13 +820,13 @@ a.ui.card:hover, /* Mobile Only */ @media only screen and (max-width: 767px) { .ui.two.doubling.cards { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } .ui.two.doubling.cards > .card { width: 100%; - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } .ui.three.doubling.cards { margin-left: -1em; @@ -935,13 +905,13 @@ a.ui.card:hover, /* Tablet Only */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.two.doubling.cards { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } .ui.two.doubling.cards > .card { width: 100%; - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } .ui.three.doubling.cards { margin-left: -1em; @@ -1026,7 +996,7 @@ a.ui.card:hover, display: block !important; } .ui.stackable.cards .card:first-child { - margin-top: 0em !important; + margin-top: 0 !important; } .ui.stackable.cards > .card { display: block !important; @@ -1052,8 +1022,8 @@ a.ui.card:hover, .ui.inverted.cards > .card, .ui.inverted.card { background: #1B1C1D; - -webkit-box-shadow: 0px 1px 3px 0px #555555, 0px 0px 0px 1px #555555; - box-shadow: 0px 1px 3px 0px #555555, 0px 0px 0px 1px #555555; + -webkit-box-shadow: 0 1px 3px 0 #555555, 0 0 0 1px #555555; + box-shadow: 0 1px 3px 0 #555555, 0 0 0 1px #555555; } /* Content */ diff --git a/dist/components/card.min.css b/dist/components/card.min.css index 207160ab9b..af4319c0d1 100644 --- a/dist/components/card.min.css +++ b/dist/components/card.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Card + * # Semantic UI 2.7.0 - Card * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/checkbox.css b/dist/components/checkbox.css index 217a17e3c4..f3eb05b3d0 100644 --- a/dist/components/checkbox.css +++ b/dist/components/checkbox.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Checkbox + * # Semantic UI 2.7.0 - Checkbox * http://github.com/semantic-org/semantic-ui/ * * @@ -37,8 +37,8 @@ .ui.checkbox input[type="radio"] { cursor: pointer; position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; opacity: 0 !important; outline: none; z-index: 3; @@ -62,8 +62,8 @@ .ui.checkbox .box:before, .ui.checkbox label:before { position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; width: 17px; height: 17px; content: ''; @@ -84,8 +84,8 @@ .ui.checkbox label:after { position: absolute; font-size: 14px; - top: 0px; - left: 0px; + top: 0; + left: 0; width: 17px; height: 17px; text-align: center; @@ -287,7 +287,7 @@ height: 15px; border-radius: 500rem; top: 1px; - left: 0px; + left: 0; } /* Bullet */ @@ -304,7 +304,7 @@ .ui.radio.checkbox .box:after, .ui.radio.checkbox label:after { top: 1px; - left: 0px; + left: 0; width: 15px; height: 15px; border-radius: 500rem; @@ -380,7 +380,7 @@ -webkit-transform: none; transform: none; border: none !important; - left: 0em; + left: 0; z-index: 1; top: 0.4rem; background-color: rgba(0, 0, 0, 0.05); @@ -402,12 +402,12 @@ opacity: 1; z-index: 2; border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; width: 1.5rem; height: 1.5rem; top: -0.25rem; - left: 0em; + left: 0; -webkit-transform: none; transform: none; border-radius: 500rem; @@ -491,7 +491,7 @@ -webkit-transform: none; transform: none; border: none; - top: 0rem; + top: 0; background: rgba(0, 0, 0, 0.05); -webkit-box-shadow: none; box-shadow: none; @@ -511,12 +511,12 @@ opacity: 1; z-index: 2; border: none; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; width: 1.5rem; height: 1.5rem; - top: 0rem; - left: 0em; + top: 0; + left: 0; border-radius: 500rem; -webkit-transition: background 0.3s ease, left 0.3s ease; transition: background 0.3s ease, left 0.3s ease; @@ -524,8 +524,8 @@ .ui.toggle.checkbox input ~ .box:after, .ui.toggle.checkbox input ~ label:after { left: -0.05rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; } /* Focus */ @@ -554,8 +554,8 @@ .ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after { left: 2.15rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset; } /* Active Focus */ @@ -580,7 +580,7 @@ .ui.fitted.checkbox .box, .ui.fitted.checkbox label { - padding-left: 0em !important; + padding-left: 0 !important; } .ui.fitted.toggle.checkbox { width: 3.5rem; diff --git a/dist/components/checkbox.js b/dist/components/checkbox.js index 944e22978b..0cd3502d7a 100644 --- a/dist/components/checkbox.js +++ b/dist/components/checkbox.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Checkbox + * # Semantic UI 2.7.0 - Checkbox * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -171,6 +175,11 @@ $.fn.checkbox = function(parameters) { }, event: { + change: function(event) { + if( !module.should.ignoreCallbacks() ) { + settings.onChange.call(input); + } + }, click: function(event) { var $target = $(event.target) @@ -193,9 +202,36 @@ $.fn.checkbox = function(parameters) { keyCode = { enter : 13, space : 32, - escape : 27 + escape : 27, + left : 37, + up : 38, + right : 39, + down : 40 } ; + + var r = module.get.radios(), + rIndex = r.index($module), + rLen = r.length, + checkIndex = false; + + if(key == keyCode.left || key == keyCode.up) { + checkIndex = (rIndex === 0 ? rLen : rIndex) - 1; + } else if(key == keyCode.right || key == keyCode.down) { + checkIndex = rIndex === rLen-1 ? 0 : rIndex+1; + } + + if (!module.should.ignoreCallbacks() && checkIndex !== false) { + if(!settings.beforeUnchecked.apply(input)) { + module.verbose('Option not allowed to be unchecked, cancelling key navigation'); + return false; + } + if (!settings.beforeChecked.apply($(r[checkIndex]).children(selector.input)[0])) { + module.verbose('Next option should not allow check, cancelling key navigation'); + return false; + } + } + if(key == keyCode.escape) { module.verbose('Escape key pressed blurring field'); $input.blur(); @@ -546,6 +582,7 @@ $.fn.checkbox = function(parameters) { module.verbose('Attaching checkbox events'); $module .on('click' + eventNamespace, module.event.click) + .on('change' + eventNamespace, module.event.change) .on('keydown' + eventNamespace, selector.input, module.event.keydown) .on('keyup' + eventNamespace, selector.input, module.event.keyup) ; @@ -735,7 +772,7 @@ $.fn.checkbox = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/dist/components/checkbox.min.css b/dist/components/checkbox.min.css index 28a12ef4a7..26b7e4a4a2 100644 --- a/dist/components/checkbox.min.css +++ b/dist/components/checkbox.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Checkbox + * # Semantic UI 2.7.0 - Checkbox * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/checkbox.min.js b/dist/components/checkbox.min.js index 1833d739ee..8915337e5b 100644 --- a/dist/components/checkbox.min.js +++ b/dist/components/checkbox.min.js @@ -1 +1,11 @@ -!function(I,S,E,O){"use strict";S=void 0!==S&&S.Math==Math?S:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),I.fn.checkbox=function(k){var m,e=I(this),v=e.selector||"",y=(new Date).getTime(),C=[],x=k,w="string"==typeof x,D=[].slice.call(arguments,1);return e.each(function(){var e,r,t=I.extend(!0,{},I.fn.checkbox.settings,k),n=t.className,i=t.namespace,o=t.selector,l=t.error,a="."+i,c="module-"+i,d=I(this),s=I(this).children(o.label),u=I(this).children(o.input),b=u[0],h=!1,g=!1,p=d.data(c),f=this;r={initialize:function(){r.verbose("Initializing checkbox",t),r.create.label(),r.bind.events(),r.set.tabbable(),r.hide.input(),r.observeChanges(),r.instantiate(),r.setup()},instantiate:function(){r.verbose("Storing instance of module",r),p=r,d.data(c,r)},destroy:function(){r.verbose("Destroying module"),r.unbind.events(),r.show.input(),d.removeData(c)},fix:{reference:function(){d.is(o.input)&&(r.debug("Behavior called on adjusting invoked element"),d=d.closest(o.checkbox),r.refresh())}},setup:function(){r.set.initialLoad(),r.is.indeterminate()?(r.debug("Initial value is indeterminate"),r.indeterminate()):r.is.checked()?(r.debug("Initial value is checked"),r.check()):(r.debug("Initial value is unchecked"),r.uncheck()),r.remove.initialLoad()},refresh:function(){s=d.children(o.label),u=d.children(o.input),b=u[0]},hide:{input:function(){r.verbose("Modifying z-index to be unselectable"),u.addClass(n.hidden)}},show:{input:function(){r.verbose("Modifying z-index to be selectable"),u.removeClass(n.hidden)}},observeChanges:function(){"MutationObserver"in S&&((e=new MutationObserver(function(e){r.debug("DOM tree modified, updating selector cache"),r.refresh()})).observe(f,{childList:!0,subtree:!0}),r.debug("Setting up mutation observer",e))},attachEvents:function(e,n){var i=I(e);n=I.isFunction(r[n])?r[n]:r.toggle,0").insertAfter(u),r.debug("Creating label",s))}},has:{label:function(){return 0 adjusting invoked element"),f=f.closest(p.checkbox),h.refresh())}},setup:function(){h.set.initialLoad(),h.is.indeterminate()?(h.debug("Initial value is indeterminate"),h.indeterminate()):h.is.checked()?(h.debug("Initial value is checked"),h.check()):(h.debug("Initial value is unchecked"),h.uncheck()),h.remove.initialLoad()},refresh:function(){a=f.children(p.label),k=f.children(p.input),m=k[0]},hide:{input:function(){h.verbose("Modifying z-index to be unselectable"),k.addClass(n.hidden)}},show:{input:function(){h.verbose("Modifying z-index to be selectable"),k.removeClass(n.hidden)}},observeChanges:function(){"MutationObserver"in S&&((e=new MutationObserver(function(e){h.debug("DOM tree modified, updating selector cache"),h.refresh()})).observe(d,{childList:!0,subtree:!0}),h.debug("Setting up mutation observer",e))},attachEvents:function(e,n){var i=I(e);n=I.isFunction(h[n])?h[n]:h.toggle,0").insertAfter(k),h.debug("Creating label",a))}},has:{label:function(){return 0 .comments { - margin: 0em 0em 0.5em 0.5em; - padding: 1em 0em 1em 1em; + margin: 0 0 0.5em 0.5em; + padding: 1em 0 1em 1em; } .ui.comments .comment > .comments:before { position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; } .ui.comments .comment > .comments .comment { border: none; @@ -75,12 +75,12 @@ width: 2.5em; height: auto; float: left; - margin: 0.2em 0em 0em; + margin: 0.2em 0 0; } .ui.comments .comment img.avatar, .ui.comments .comment .avatar img { display: block; - margin: 0em auto; + margin: 0 auto; width: 100%; height: 100%; border-radius: 0.25rem; @@ -127,10 +127,10 @@ } .ui.comments .comment .metadata > * { display: inline-block; - margin: 0em 0.5em 0em 0em; + margin: 0 0.5em 0 0; } .ui.comments .comment .metadata > :last-child { - margin-right: 0em; + margin-right: 0; } /*-------------------- @@ -138,7 +138,7 @@ ---------------------*/ .ui.comments .comment .text { - margin: 0.25em 0em 0.5em; + margin: 0.25em 0 0.5em; font-size: 1em; word-wrap: break-word; color: rgba(0, 0, 0, 0.87); @@ -155,11 +155,11 @@ .ui.comments .comment .actions a { cursor: pointer; display: inline-block; - margin: 0em 0.75em 0em 0em; + margin: 0 0.75em 0 0; color: rgba(0, 0, 0, 0.4); } .ui.comments .comment .actions a:last-child { - margin-right: 0em; + margin-right: 0; } .ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover { @@ -205,9 +205,9 @@ .ui.threaded.comments .comment > .comments { margin: -1.5em 0 -1em 1.25em; - padding: 3em 0em 2em 2.25em; - -webkit-box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); + padding: 3em 0 2em 2.25em; + -webkit-box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15); + box-shadow: -1px 0 0 rgba(34, 36, 38, 0.15); } /*-------------------- @@ -217,8 +217,8 @@ .ui.minimal.comments .comment .actions { opacity: 0; position: absolute; - top: 0px; - right: 0px; + top: 0; + right: 0; left: auto; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; @@ -279,8 +279,8 @@ color: #ffffff; } .ui.inverted.threaded.comments .comment > .comments { - -webkit-box-shadow: -1px 0px 0px #555555; - box-shadow: -1px 0px 0px #555555; + -webkit-box-shadow: -1px 0 0 #555555; + box-shadow: -1px 0 0 #555555; } diff --git a/dist/components/comment.min.css b/dist/components/comment.min.css index 5c208ee50f..3b243b50cf 100644 --- a/dist/components/comment.min.css +++ b/dist/components/comment.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Comment + * # Semantic UI 2.7.0 - Comment * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/container.css b/dist/components/container.css index 614fc853c6..cdceef707e 100644 --- a/dist/components/container.css +++ b/dist/components/container.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Container + * # Semantic UI 2.7.0 - Container * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/container.min.css b/dist/components/container.min.css index 2843437cc6..85b2b05fd9 100644 --- a/dist/components/container.min.css +++ b/dist/components/container.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Container + * # Semantic UI 2.7.0 - Container * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/dimmer.css b/dist/components/dimmer.css index c9d855dace..dee0067869 100644 --- a/dist/components/dimmer.css +++ b/dist/components/dimmer.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Dimmer + * # Semantic UI 2.7.0 - Dimmer * http://github.com/semantic-org/semantic-ui/ * * @@ -19,8 +19,8 @@ .ui.dimmer { display: none; position: absolute; - top: 0em !important; - left: 0em !important; + top: 0 !important; + left: 0 !important; width: 100%; height: 100%; text-align: center; @@ -249,8 +249,8 @@ body.dimmable > .dimmer { display: block; overflow: hidden; opacity: 1; - width: 0%; - height: 0%; + width: 0; + height: 0; z-index: -100; background-color: rgba(0, 0, 0, 0); } @@ -285,7 +285,7 @@ body.dimmable > .dimmer { .ui[class*="center dimmer"] { top: 50% !important; transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } .ui.segment > .ui[class*="top dimmer"] { border-bottom-left-radius: 0 !important; @@ -322,96 +322,96 @@ body.dimmable > .dimmer { 0% { opacity: 0; transform: translateY(-40%); - -webkit-transform: translateY(calc(-40.5%)); + -webkit-transform: translateY(calc(-40% - 0.5px)); } 100% { opacity: 1; transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } } @keyframes fadeInUpCenter { 0% { opacity: 0; transform: translateY(-40%); - -webkit-transform: translateY(calc(-40.5%)); + -webkit-transform: translateY(calc(-40% - 0.5px)); } 100% { opacity: 1; transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } } @-webkit-keyframes fadeInDownCenter { 0% { opacity: 0; transform: translateY(-60%); - -webkit-transform: translateY(calc(-60.5%)); + -webkit-transform: translateY(calc(-60% - 0.5px)); } 100% { opacity: 1; transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } } @keyframes fadeInDownCenter { 0% { opacity: 0; transform: translateY(-60%); - -webkit-transform: translateY(calc(-60.5%)); + -webkit-transform: translateY(calc(-60% - 0.5px)); } 100% { opacity: 1; transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } } @-webkit-keyframes fadeOutUpCenter { 0% { opacity: 1; transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } 100% { opacity: 0; transform: translateY(-45%); - -webkit-transform: translateY(calc(-45.5%)); + -webkit-transform: translateY(calc(-45% - 0.5px)); } } @keyframes fadeOutUpCenter { 0% { opacity: 1; transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } 100% { opacity: 0; transform: translateY(-45%); - -webkit-transform: translateY(calc(-45.5%)); + -webkit-transform: translateY(calc(-45% - 0.5px)); } } @-webkit-keyframes fadeOutDownCenter { 0% { opacity: 1; transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } 100% { opacity: 0; transform: translateY(-55%); - -webkit-transform: translateY(calc(-55.5%)); + -webkit-transform: translateY(calc(-55% - 0.5px)); } } @keyframes fadeOutDownCenter { 0% { opacity: 1; transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } 100% { opacity: 0; transform: translateY(-55%); - -webkit-transform: translateY(calc(-55.5%)); + -webkit-transform: translateY(calc(-55% - 0.5px)); } } @-webkit-keyframes bounceCenter { @@ -421,15 +421,15 @@ body.dimmable > .dimmer { 80%, 100% { transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } 40% { - -webkit-transform: translateY(calc(-80%)); - transform: translateY(calc(-80%)); + -webkit-transform: translateY(calc(-50% - 30px)); + transform: translateY(calc(-50% - 30px)); } 60% { - -webkit-transform: translateY(calc(-65%)); - transform: translateY(calc(-65%)); + -webkit-transform: translateY(calc(-50% - 15px)); + transform: translateY(calc(-50% - 15px)); } } @keyframes bounceCenter { @@ -439,15 +439,15 @@ body.dimmable > .dimmer { 80%, 100% { transform: translateY(-50%); - -webkit-transform: translateY(calc(-50.5%)); + -webkit-transform: translateY(calc(-50% - 0.5px)); } 40% { - -webkit-transform: translateY(calc(-80%)); - transform: translateY(calc(-80%)); + -webkit-transform: translateY(calc(-50% - 30px)); + transform: translateY(calc(-50% - 30px)); } 60% { - -webkit-transform: translateY(calc(-65%)); - transform: translateY(calc(-65%)); + -webkit-transform: translateY(calc(-50% - 15px)); + transform: translateY(calc(-50% - 15px)); } } diff --git a/dist/components/dimmer.js b/dist/components/dimmer.js index 31a9d571eb..b4d3a45132 100644 --- a/dist/components/dimmer.js +++ b/dist/components/dimmer.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Dimmer + * # Semantic UI 2.7.0 - Dimmer * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -171,7 +175,7 @@ $.fn.dimmer = function(parameters) { create: function() { var - $element = $( settings.template.dimmer() ) + $element = $( settings.template.dimmer(settings) ) ; if(settings.dimmerName) { module.debug('Creating named dimmer', settings.dimmerName); @@ -622,7 +626,7 @@ $.fn.dimmer = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { @@ -697,6 +701,10 @@ $.fn.dimmer.settings = { show : 500, hide : 500 }, +// whether the dynamically created dimmer should have a loader + displayLoader: false, + loaderText : false, + loaderVariation : '', onChange : function(){}, onShow : function(){}, @@ -716,7 +724,8 @@ $.fn.dimmer.settings = { hide : 'hide', legacy : 'legacy', pageDimmer : 'page', - show : 'show' + show : 'show', + loader : 'ui loader' }, selector: { @@ -725,8 +734,19 @@ $.fn.dimmer.settings = { }, template: { - dimmer: function() { - return $('
    ').attr('class', 'ui dimmer'); + dimmer: function(settings) { + var d = $('
    ').addClass('ui dimmer'),l; + if(settings.displayLoader) { + l = $('
    ') + .addClass(settings.className.loader) + .addClass(settings.loaderVariation); + if(!!settings.loaderText){ + l.text(settings.loaderText); + l.addClass('text'); + } + d.append(l); + } + return d; } } diff --git a/dist/components/dimmer.min.css b/dist/components/dimmer.min.css index a1399741cf..6377e4b57a 100644 --- a/dist/components/dimmer.min.css +++ b/dist/components/dimmer.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Dimmer + * # Semantic UI 2.7.0 - Dimmer * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:#fff}.ui.segment>.ui.dimmer{border-radius:inherit!important}.ui.dimmer:not(.inverted)::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.dimmed.dimmable>.ui.animating.legacy.dimmer,.dimmed.dimmable>.ui.visible.legacy.dimmer,.ui.active.legacy.dimmer{display:block}.ui[class*="top aligned"].dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ui[class*="bottom aligned"].dimmer{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ui.page.dimmer{position:fixed;-webkit-transform-style:'';transform-style:'';-webkit-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;transform-origin:center center}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}.blurring.dimmable>:not(.dimmer){-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0);-webkit-transition:.8s -webkit-filter ease;transition:.8s -webkit-filter ease;transition:.8s filter ease;transition:.8s filter ease,.8s -webkit-filter ease}.blurring.dimmed.dimmable>:not(.dimmer){-webkit-filter:blur(5px) grayscale(.7);filter:blur(5px) grayscale(.7)}.blurring.dimmable>.dimmer{background-color:rgba(0,0,0,.6)}.blurring.dimmable>.inverted.dimmer{background-color:rgba(255,255,255,.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.medium.medium.medium.medium.medium.dimmer{background-color:rgba(0,0,0,.65)}.light.light.light.light.light.dimmer{background-color:rgba(0,0,0,.45)}.very.light.light.light.light.dimmer{background-color:rgba(0,0,0,.25)}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content,.ui.inverted.dimmer>.content>*{color:#000}.medium.medium.medium.medium.medium.inverted.dimmer{background-color:rgba(255,255,255,.65)}.light.light.light.light.light.inverted.dimmer{background-color:rgba(255,255,255,.45)}.very.light.light.light.light.inverted.dimmer{background-color:rgba(255,255,255,.25)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;width:0%;height:0%;z-index:-100;background-color:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui[class*="bottom dimmer"],.ui[class*="center dimmer"],.ui[class*="top dimmer"]{height:auto}.ui[class*="bottom dimmer"]{top:auto!important;bottom:0}.ui[class*="center dimmer"]{top:50%!important;transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}.ui.segment>.ui[class*="top dimmer"]{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.segment>.ui[class*="center dimmer"]{border-radius:0!important}.ui.segment>.ui[class*="bottom dimmer"]{border-top-left-radius:0!important;border-top-right-radius:0!important}.ui[class*="center dimmer"].transition[class*="fade up"].in{-webkit-animation-name:fadeInUpCenter;animation-name:fadeInUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].in{-webkit-animation-name:fadeInDownCenter;animation-name:fadeInDownCenter}.ui[class*="center dimmer"].transition[class*="fade up"].out{-webkit-animation-name:fadeOutUpCenter;animation-name:fadeOutUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].out{-webkit-animation-name:fadeOutDownCenter;animation-name:fadeOutDownCenter}.ui[class*="center dimmer"].bounce.transition{-webkit-animation-name:bounceCenter;animation-name:bounceCenter}@-webkit-keyframes fadeInUpCenter{0%{opacity:0;transform:translateY(-40%);-webkit-transform:translateY(calc(-40.5%))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}}@keyframes fadeInUpCenter{0%{opacity:0;transform:translateY(-40%);-webkit-transform:translateY(calc(-40.5%))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}}@-webkit-keyframes fadeInDownCenter{0%{opacity:0;transform:translateY(-60%);-webkit-transform:translateY(calc(-60.5%))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}}@keyframes fadeInDownCenter{0%{opacity:0;transform:translateY(-60%);-webkit-transform:translateY(calc(-60.5%))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}}@-webkit-keyframes fadeOutUpCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}100%{opacity:0;transform:translateY(-45%);-webkit-transform:translateY(calc(-45.5%))}}@keyframes fadeOutUpCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}100%{opacity:0;transform:translateY(-45%);-webkit-transform:translateY(calc(-45.5%))}}@-webkit-keyframes fadeOutDownCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}100%{opacity:0;transform:translateY(-55%);-webkit-transform:translateY(calc(-55.5%))}}@keyframes fadeOutDownCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}100%{opacity:0;transform:translateY(-55%);-webkit-transform:translateY(calc(-55.5%))}}@-webkit-keyframes bounceCenter{0%,100%,20%,50%,80%{transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}40%{-webkit-transform:translateY(calc(-80%));transform:translateY(calc(-80%))}60%{-webkit-transform:translateY(calc(-65%));transform:translateY(calc(-65%))}}@keyframes bounceCenter{0%,100%,20%,50%,80%{transform:translateY(-50%);-webkit-transform:translateY(calc(-50.5%))}40%{-webkit-transform:translateY(calc(-80%));transform:translateY(calc(-80%))}60%{-webkit-transform:translateY(calc(-65%));transform:translateY(calc(-65%))}} \ No newline at end of file + */.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:#fff}.ui.segment>.ui.dimmer{border-radius:inherit!important}.ui.dimmer:not(.inverted)::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.dimmed.dimmable>.ui.animating.legacy.dimmer,.dimmed.dimmable>.ui.visible.legacy.dimmer,.ui.active.legacy.dimmer{display:block}.ui[class*="top aligned"].dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ui[class*="bottom aligned"].dimmer{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.ui.page.dimmer{position:fixed;-webkit-transform-style:'';transform-style:'';-webkit-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;transform-origin:center center}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}.blurring.dimmable>:not(.dimmer){-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0);-webkit-transition:.8s -webkit-filter ease;transition:.8s -webkit-filter ease;transition:.8s filter ease;transition:.8s filter ease,.8s -webkit-filter ease}.blurring.dimmed.dimmable>:not(.dimmer){-webkit-filter:blur(5px) grayscale(.7);filter:blur(5px) grayscale(.7)}.blurring.dimmable>.dimmer{background-color:rgba(0,0,0,.6)}.blurring.dimmable>.inverted.dimmer{background-color:rgba(255,255,255,.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.medium.medium.medium.medium.medium.dimmer{background-color:rgba(0,0,0,.65)}.light.light.light.light.light.dimmer{background-color:rgba(0,0,0,.45)}.very.light.light.light.light.dimmer{background-color:rgba(0,0,0,.25)}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content,.ui.inverted.dimmer>.content>*{color:#000}.medium.medium.medium.medium.medium.inverted.dimmer{background-color:rgba(255,255,255,.65)}.light.light.light.light.light.inverted.dimmer{background-color:rgba(255,255,255,.45)}.very.light.light.light.light.inverted.dimmer{background-color:rgba(255,255,255,.25)}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;width:0;height:0;z-index:-100;background-color:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui[class*="bottom dimmer"],.ui[class*="center dimmer"],.ui[class*="top dimmer"]{height:auto}.ui[class*="bottom dimmer"]{top:auto!important;bottom:0}.ui[class*="center dimmer"]{top:50%!important;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}.ui.segment>.ui[class*="top dimmer"]{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.segment>.ui[class*="center dimmer"]{border-radius:0!important}.ui.segment>.ui[class*="bottom dimmer"]{border-top-left-radius:0!important;border-top-right-radius:0!important}.ui[class*="center dimmer"].transition[class*="fade up"].in{-webkit-animation-name:fadeInUpCenter;animation-name:fadeInUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].in{-webkit-animation-name:fadeInDownCenter;animation-name:fadeInDownCenter}.ui[class*="center dimmer"].transition[class*="fade up"].out{-webkit-animation-name:fadeOutUpCenter;animation-name:fadeOutUpCenter}.ui[class*="center dimmer"].transition[class*="fade down"].out{-webkit-animation-name:fadeOutDownCenter;animation-name:fadeOutDownCenter}.ui[class*="center dimmer"].bounce.transition{-webkit-animation-name:bounceCenter;animation-name:bounceCenter}@-webkit-keyframes fadeInUpCenter{0%{opacity:0;transform:translateY(-40%);-webkit-transform:translateY(calc(-40% - .5px))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}}@keyframes fadeInUpCenter{0%{opacity:0;transform:translateY(-40%);-webkit-transform:translateY(calc(-40% - .5px))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}}@-webkit-keyframes fadeInDownCenter{0%{opacity:0;transform:translateY(-60%);-webkit-transform:translateY(calc(-60% - .5px))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}}@keyframes fadeInDownCenter{0%{opacity:0;transform:translateY(-60%);-webkit-transform:translateY(calc(-60% - .5px))}100%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}}@-webkit-keyframes fadeOutUpCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}100%{opacity:0;transform:translateY(-45%);-webkit-transform:translateY(calc(-45% - .5px))}}@keyframes fadeOutUpCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}100%{opacity:0;transform:translateY(-45%);-webkit-transform:translateY(calc(-45% - .5px))}}@-webkit-keyframes fadeOutDownCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}100%{opacity:0;transform:translateY(-55%);-webkit-transform:translateY(calc(-55% - .5px))}}@keyframes fadeOutDownCenter{0%{opacity:1;transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}100%{opacity:0;transform:translateY(-55%);-webkit-transform:translateY(calc(-55% - .5px))}}@-webkit-keyframes bounceCenter{0%,100%,20%,50%,80%{transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}40%{-webkit-transform:translateY(calc(-50% - 30px));transform:translateY(calc(-50% - 30px))}60%{-webkit-transform:translateY(calc(-50% - 15px));transform:translateY(calc(-50% - 15px))}}@keyframes bounceCenter{0%,100%,20%,50%,80%{transform:translateY(-50%);-webkit-transform:translateY(calc(-50% - .5px))}40%{-webkit-transform:translateY(calc(-50% - 30px));transform:translateY(calc(-50% - 30px))}60%{-webkit-transform:translateY(calc(-50% - 15px));transform:translateY(calc(-50% - 15px))}} \ No newline at end of file diff --git a/dist/components/dimmer.min.js b/dist/components/dimmer.min.js index ccca72f41f..1df30c6718 100644 --- a/dist/components/dimmer.min.js +++ b/dist/components/dimmer.min.js @@ -1 +1,11 @@ -!function(x,e,F,T){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),x.fn.dimmer=function(p){var b,v=x(this),h=(new Date).getTime(),y=[],C=p,w="string"==typeof C,S=[].slice.call(arguments,1);return v.each(function(){var a,i,s,r=x.isPlainObject(p)?x.extend(!0,{},x.fn.dimmer.settings,p):x.extend({},x.fn.dimmer.settings),n=r.selector,e=r.namespace,t=r.className,m=r.error,o="."+e,d="module-"+e,c=v.selector||"",l="ontouchstart"in F.documentElement?"touchstart":"click",u=x(this),f=this,g=u.data(d);(s={preinitialize:function(){a=s.is.dimmer()?(i=u.parent(),u):(i=u,s.has.dimmer()?r.dimmerName?i.find(n.dimmer).filter("."+r.dimmerName):i.find(n.dimmer):s.create())},initialize:function(){s.debug("Initializing dimmer",r),s.bind.events(),s.set.dimmable(),s.instantiate()},instantiate:function(){s.verbose("Storing instance of module",s),g=s,u.data(d,g)},destroy:function(){s.verbose("Destroying previous module",a),s.unbind.events(),s.remove.variation(),i.off(o)},bind:{events:function(){"hover"==r.on?i.on("mouseenter"+o,s.show).on("mouseleave"+o,s.hide):"click"==r.on&&i.on(l+o,s.toggle),s.is.page()&&(s.debug("Setting as a page dimmer",i),s.set.pageDimmer()),s.is.closable()&&(s.verbose("Adding dimmer close event",a),i.on(l+o,n.dimmer,s.event.click))}},unbind:{events:function(){u.removeData(d),i.off(o)}},event:{click:function(e){s.verbose("Determining if event occured on dimmer",e),(0===a.find(e.target).length||x(e.target).is(n.content))&&(s.hide(),e.stopImmediatePropagation())}},addContent:function(e){var i=x(e);s.debug("Add content to dimmer",i),i.parent()[0]!==a[0]&&i.detach().appendTo(a)},create:function(){var e=x(r.template.dimmer());return r.dimmerName&&(s.debug("Creating named dimmer",r.dimmerName),e.addClass(r.dimmerName)),e.appendTo(i),e},show:function(e){e=x.isFunction(e)?e:function(){},s.debug("Showing dimmer",a,r),s.set.variation(),s.is.dimmed()&&!s.is.animating()||!s.is.enabled()?s.debug("Dimmer is already shown or disabled"):(s.animate.show(e),r.onShow.call(f),r.onChange.call(f))},hide:function(e){e=x.isFunction(e)?e:function(){},s.is.dimmed()||s.is.animating()?(s.debug("Hiding dimmer",a),s.animate.hide(e),r.onHide.call(f),r.onChange.call(f)):s.debug("Dimmer is not visible")},toggle:function(){s.verbose("Toggling dimmer visibility",a),s.is.dimmed()?s.is.closable()&&s.hide():s.show()},animate:{show:function(e){e=x.isFunction(e)?e:function(){},r.useCSS&&x.fn.transition!==T&&a.transition("is supported")?(r.useFlex?(s.debug("Using flex dimmer"),s.remove.legacy()):(s.debug("Using legacy non-flex dimmer"),s.set.legacy()),"auto"!==r.opacity&&s.set.opacity(),a.transition({displayType:r.useFlex?"flex":"block",animation:r.transition+" in",queue:!1,duration:s.get.duration(),useFailSafe:!0,onStart:function(){s.set.dimmed()},onComplete:function(){s.set.active(),e()}})):(s.verbose("Showing dimmer animation with javascript"),s.set.dimmed(),"auto"==r.opacity&&(r.opacity=.8),a.stop().css({opacity:0,width:"100%",height:"100%"}).fadeTo(s.get.duration(),r.opacity,function(){a.removeAttr("style"),s.set.active(),e()}))},hide:function(e){e=x.isFunction(e)?e:function(){},r.useCSS&&x.fn.transition!==T&&a.transition("is supported")?(s.verbose("Hiding dimmer with css"),a.transition({displayType:r.useFlex?"flex":"block",animation:r.transition+" out",queue:!1,duration:s.get.duration(),useFailSafe:!0,onStart:function(){s.remove.dimmed()},onComplete:function(){s.remove.variation(),s.remove.active(),e()}})):(s.verbose("Hiding dimmer with javascript"),s.remove.dimmed(),a.stop().fadeOut(s.get.duration(),function(){s.remove.active(),a.removeAttr("style"),e()}))}},get:{dimmer:function(){return a},duration:function(){return"object"==typeof r.duration?s.is.active()?r.duration.hide:r.duration.show:r.duration}},has:{dimmer:function(){return r.dimmerName?0 .ui.dimmer",content:".ui.dimmer > .content, .ui.dimmer > .content > .center"},template:{dimmer:function(){return x("
    ").attr("class","ui dimmer")}}}}(jQuery,window,document); \ No newline at end of file + /* + * # Fomantic UI - 2.7.0 + * https://github.com/fomantic/Fomantic-UI + * http://fomantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +!function(T,e,F,S){"use strict";T.isFunction=T.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),T.fn.dimmer=function(p){var b,v=T(this),h=(new Date).getTime(),y=[],C=p,w="string"==typeof C,x=[].slice.call(arguments,1);return v.each(function(){var a,i,s,r=T.isPlainObject(p)?T.extend(!0,{},T.fn.dimmer.settings,p):T.extend({},T.fn.dimmer.settings),n=r.selector,e=r.namespace,t=r.className,d=r.error,o="."+e,m="module-"+e,c=v.selector||"",l="ontouchstart"in F.documentElement?"touchstart":"click",u=T(this),f=this,g=u.data(m);(s={preinitialize:function(){a=s.is.dimmer()?(i=u.parent(),u):(i=u,s.has.dimmer()?r.dimmerName?i.find(n.dimmer).filter("."+r.dimmerName):i.find(n.dimmer):s.create())},initialize:function(){s.debug("Initializing dimmer",r),s.bind.events(),s.set.dimmable(),s.instantiate()},instantiate:function(){s.verbose("Storing instance of module",s),g=s,u.data(m,g)},destroy:function(){s.verbose("Destroying previous module",a),s.unbind.events(),s.remove.variation(),i.off(o)},bind:{events:function(){"hover"==r.on?i.on("mouseenter"+o,s.show).on("mouseleave"+o,s.hide):"click"==r.on&&i.on(l+o,s.toggle),s.is.page()&&(s.debug("Setting as a page dimmer",i),s.set.pageDimmer()),s.is.closable()&&(s.verbose("Adding dimmer close event",a),i.on(l+o,n.dimmer,s.event.click))}},unbind:{events:function(){u.removeData(m),i.off(o)}},event:{click:function(e){s.verbose("Determining if event occured on dimmer",e),(0===a.find(e.target).length||T(e.target).is(n.content))&&(s.hide(),e.stopImmediatePropagation())}},addContent:function(e){var i=T(e);s.debug("Add content to dimmer",i),i.parent()[0]!==a[0]&&i.detach().appendTo(a)},create:function(){var e=T(r.template.dimmer(r));return r.dimmerName&&(s.debug("Creating named dimmer",r.dimmerName),e.addClass(r.dimmerName)),e.appendTo(i),e},show:function(e){e=T.isFunction(e)?e:function(){},s.debug("Showing dimmer",a,r),s.set.variation(),s.is.dimmed()&&!s.is.animating()||!s.is.enabled()?s.debug("Dimmer is already shown or disabled"):(s.animate.show(e),r.onShow.call(f),r.onChange.call(f))},hide:function(e){e=T.isFunction(e)?e:function(){},s.is.dimmed()||s.is.animating()?(s.debug("Hiding dimmer",a),s.animate.hide(e),r.onHide.call(f),r.onChange.call(f)):s.debug("Dimmer is not visible")},toggle:function(){s.verbose("Toggling dimmer visibility",a),s.is.dimmed()?s.is.closable()&&s.hide():s.show()},animate:{show:function(e){e=T.isFunction(e)?e:function(){},r.useCSS&&T.fn.transition!==S&&a.transition("is supported")?(r.useFlex?(s.debug("Using flex dimmer"),s.remove.legacy()):(s.debug("Using legacy non-flex dimmer"),s.set.legacy()),"auto"!==r.opacity&&s.set.opacity(),a.transition({displayType:r.useFlex?"flex":"block",animation:r.transition+" in",queue:!1,duration:s.get.duration(),useFailSafe:!0,onStart:function(){s.set.dimmed()},onComplete:function(){s.set.active(),e()}})):(s.verbose("Showing dimmer animation with javascript"),s.set.dimmed(),"auto"==r.opacity&&(r.opacity=.8),a.stop().css({opacity:0,width:"100%",height:"100%"}).fadeTo(s.get.duration(),r.opacity,function(){a.removeAttr("style"),s.set.active(),e()}))},hide:function(e){e=T.isFunction(e)?e:function(){},r.useCSS&&T.fn.transition!==S&&a.transition("is supported")?(s.verbose("Hiding dimmer with css"),a.transition({displayType:r.useFlex?"flex":"block",animation:r.transition+" out",queue:!1,duration:s.get.duration(),useFailSafe:!0,onStart:function(){s.remove.dimmed()},onComplete:function(){s.remove.variation(),s.remove.active(),e()}})):(s.verbose("Hiding dimmer with javascript"),s.remove.dimmed(),a.stop().fadeOut(s.get.duration(),function(){s.remove.active(),a.removeAttr("style"),e()}))}},get:{dimmer:function(){return a},duration:function(){return"object"==typeof r.duration?s.is.active()?r.duration.hide:r.duration.show:r.duration}},has:{dimmer:function(){return r.dimmerName?0 .ui.dimmer",content:".ui.dimmer > .content, .ui.dimmer > .content > .center"},template:{dimmer:function(e){var i,n=T("
    ").addClass("ui dimmer");return e.displayLoader&&(i=T("
    ").addClass(e.className.loader).addClass(e.loaderVariation),e.loaderText&&(i.text(e.loaderText),i.addClass("text")),n.append(i)),n}}}}(jQuery,window,document); \ No newline at end of file diff --git a/dist/components/divider.css b/dist/components/divider.css index f3c065f0a6..3d09ab54ff 100644 --- a/dist/components/divider.css +++ b/dist/components/divider.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Divider + * # Semantic UI 2.7.0 - Divider * http://github.com/semantic-org/semantic-ui/ * * @@ -14,9 +14,9 @@ *******************************/ .ui.divider { - margin: 1rem 0rem; + margin: 1rem 0; line-height: 1; - height: 0em; + height: 0; font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; @@ -85,11 +85,11 @@ z-index: 2; top: 50%; left: 50%; - margin: 0rem; - padding: 0em; + margin: 0; + padding: 0; width: auto; height: 50%; - line-height: 0em; + line-height: 0; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); @@ -102,7 +102,7 @@ z-index: 3; border-left: 1px solid rgba(34, 36, 38, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.1); - width: 0%; + width: 0; height: calc(100% - 1rem); } .ui.vertical.divider:before { @@ -110,7 +110,7 @@ } .ui.vertical.divider:after { top: auto; - bottom: 0px; + bottom: 0; } /* Inside grid */ @@ -159,7 +159,7 @@ ---------------*/ .ui.divider > .icon { - margin: 0rem; + margin: 0; font-size: 1rem; height: 1em; vertical-align: middle; @@ -206,7 +206,7 @@ ---------------*/ .ui.fitted.divider { - margin: 0em; + margin: 0; } /*-------------- diff --git a/dist/components/divider.min.css b/dist/components/divider.min.css index aa9a429819..36f6dca0b5 100644 --- a/dist/components/divider.min.css +++ b/dist/components/divider.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Divider + * # Semantic UI 2.7.0 - Divider * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.divider{margin:1rem 0;line-height:1;height:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(255,255,255,.1)}.ui.grid>.column+.divider,.ui.grid>.row>.column+.divider{left:auto}.ui.horizontal.divider{display:table;white-space:nowrap;height:auto;margin:'';line-height:1;text-align:center}.ui.horizontal.divider:after,.ui.horizontal.divider:before{content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.horizontal.divider:before{background-position:right 1em top 50%}.ui.horizontal.divider:after{background-position:left 1em top 50%}.ui.vertical.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0;padding:0;width:auto;height:50%;line-height:0;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ui.vertical.divider:after,.ui.vertical.divider:before{position:absolute;left:50%;content:'';z-index:3;border-left:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(255,255,255,.1);width:0%;height:calc(100% - 1rem)}.ui.vertical.divider:before{top:-100%}.ui.vertical.divider:after{top:auto;bottom:0}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider{display:table;white-space:nowrap;height:auto;margin:'';overflow:hidden;line-height:1;text-align:center;position:static;top:0;left:0;-webkit-transform:none;transform:none}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before{left:0;border-left:none;border-right:none;content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:before{background-position:right 1em top 50%}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:after{background-position:left 1em top 50%}}.ui.divider>.icon{margin:0;font-size:1rem;height:1em;vertical-align:middle}.ui.hidden.divider{border-color:transparent!important}.ui.hidden.divider:after,.ui.hidden.divider:before{display:none}.ui.divider.inverted,.ui.horizontal.inverted.divider,.ui.vertical.inverted.divider{color:#fff}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(34,36,38,.15)!important;border-left-color:rgba(34,36,38,.15)!important;border-bottom-color:rgba(255,255,255,.15)!important;border-right-color:rgba(255,255,255,.15)!important}.ui.fitted.divider{margin:0}.ui.clearing.divider{clear:both}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}.ui.divider{font-size:1rem}.ui.horizontal.divider:after,.ui.horizontal.divider:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}} \ No newline at end of file + */.ui.divider{margin:1rem 0;line-height:1;height:0;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(255,255,255,.1)}.ui.grid>.column+.divider,.ui.grid>.row>.column+.divider{left:auto}.ui.horizontal.divider{display:table;white-space:nowrap;height:auto;margin:'';line-height:1;text-align:center}.ui.horizontal.divider:after,.ui.horizontal.divider:before{content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.horizontal.divider:before{background-position:right 1em top 50%}.ui.horizontal.divider:after{background-position:left 1em top 50%}.ui.vertical.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0;padding:0;width:auto;height:50%;line-height:0;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ui.vertical.divider:after,.ui.vertical.divider:before{position:absolute;left:50%;content:'';z-index:3;border-left:1px solid rgba(34,36,38,.15);border-right:1px solid rgba(255,255,255,.1);width:0;height:calc(100% - 1rem)}.ui.vertical.divider:before{top:-100%}.ui.vertical.divider:after{top:auto;bottom:0}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider{display:table;white-space:nowrap;height:auto;margin:'';overflow:hidden;line-height:1;text-align:center;position:static;top:0;left:0;-webkit-transform:none;transform:none}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before{left:0;border-left:none;border-right:none;content:'';display:table-cell;position:relative;top:50%;width:50%;background-repeat:no-repeat}.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:before{background-position:right 1em top 50%}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:after{background-position:left 1em top 50%}}.ui.divider>.icon{margin:0;font-size:1rem;height:1em;vertical-align:middle}.ui.hidden.divider{border-color:transparent!important}.ui.hidden.divider:after,.ui.hidden.divider:before{display:none}.ui.divider.inverted,.ui.horizontal.inverted.divider,.ui.vertical.inverted.divider{color:#fff}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(34,36,38,.15)!important;border-left-color:rgba(34,36,38,.15)!important;border-bottom-color:rgba(255,255,255,.15)!important;border-right-color:rgba(255,255,255,.15)!important}.ui.fitted.divider{margin:0}.ui.clearing.divider{clear:both}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}.ui.divider{font-size:1rem}.ui.horizontal.divider:after,.ui.horizontal.divider:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)}} \ No newline at end of file diff --git a/dist/components/dropdown.css b/dist/components/dropdown.css index 63a8dfce49..7d7832376b 100644 --- a/dist/components/dropdown.css +++ b/dist/components/dropdown.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Dropdown + * # Semantic UI 2.7.0 - Dropdown * http://github.com/semantic-org/semantic-ui/ * * @@ -49,14 +49,14 @@ min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; - margin: 0em; - padding: 0em 0em; + margin: 0; + padding: 0 0; background: #FFFFFF; font-size: 1em; text-shadow: none; text-align: left; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; -webkit-transition: opacity 0.1s ease; @@ -85,12 +85,12 @@ position: relative; width: auto; font-size: 0.85714286em; - margin: 0em 0em 0em 1em; + margin: 0 0 0 1em; } .ui.dropdown .menu > .item .dropdown.icon { width: auto; float: right; - margin: 0em 0em 0em 1em; + margin: 0em 0 0 1em; } .ui.dropdown .menu > .item .dropdown.icon + .text { margin-right: 1em; @@ -129,7 +129,7 @@ -webkit-touch-callout: none; } .ui.dropdown .menu > .item:first-child { - border-top-width: 0px; + border-top-width: 0; } /*-------------- @@ -139,13 +139,13 @@ .ui.dropdown > .text > [class*="right floated"], .ui.dropdown .menu .item > [class*="right floated"] { float: right !important; - margin-right: 0em !important; + margin-right: 0 !important; margin-left: 1em !important; } .ui.dropdown > .text > [class*="left floated"], .ui.dropdown .menu .item > [class*="left floated"] { float: left !important; - margin-left: 0em !important; + margin-left: 0 !important; margin-right: 1em !important; } .ui.dropdown .menu .item > .icon.floated, @@ -160,8 +160,8 @@ ---------------*/ .ui.dropdown .menu > .header { - margin: 1rem 0rem 0.75rem; - padding: 0em 1.14285714rem; + margin: 1rem 0 0.75rem; + padding: 0 1.14285714rem; color: rgba(0, 0, 0, 0.85); font-size: 0.78571429em; font-weight: bold; @@ -169,8 +169,8 @@ } .ui.dropdown .menu > .divider { border-top: 1px solid rgba(34, 36, 38, 0.1); - height: 0em; - margin: 0.5em 0em; + height: 0; + margin: 0.5em 0; } .ui.dropdown.dropdown .menu > .input { width: auto; @@ -181,7 +181,7 @@ min-width: 10rem; } .ui.dropdown .menu > .header + .input { - margin-top: 0em; + margin-top: 0; } .ui.dropdown .menu > .input:not(.transparent) input { padding: 0.5em 1em; @@ -200,7 +200,7 @@ .ui.dropdown > .text > .description, .ui.dropdown .menu > .item > .description { float: right; - margin: 0em 0em 0em 1em; + margin: 0 0 0 1em; color: rgba(0, 0, 0, 0.4); } @@ -221,10 +221,10 @@ ---------------*/ .ui.dropdown .menu .menu { - top: 0% !important; + top: 0 !important; left: 100%; right: auto; - margin: 0em 0em 0em -0.5em !important; + margin: 0 0 0 -0.5em !important; border-radius: 0.28571429rem !important; z-index: 21 !important; } @@ -264,7 +264,7 @@ .ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img { - margin-left: 0em; + margin-left: 0; float: none; margin-right: 0.78571429rem; } @@ -312,7 +312,7 @@ .ui.menu .right.dropdown.item .menu, .ui.buttons > .ui.dropdown:last-child .menu { left: auto; - right: 0em; + right: 0; } /*-------------- @@ -332,7 +332,7 @@ /* No Margin On Icon Button */ .ui.dropdown.icon.button > .dropdown.icon { - margin: 0em; + margin: 0; } .ui.button.dropdown .menu { min-width: 100%; @@ -403,7 +403,7 @@ select.ui.dropdown { /* Compact */ .ui.compact.selection.dropdown { - min-width: 0px; + min-width: 0; } /* Selection Menu */ @@ -413,15 +413,15 @@ select.ui.dropdown { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch; - border-top-width: 0px !important; + border-top-width: 0 !important; width: auto; outline: none; - margin: 0px -1px; + margin: 0 -1px; min-width: calc(100% + 2px); width: calc(100% + 2px); - border-radius: 0em 0em 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + border-radius: 0 0 0.28571429rem 0.28571429rem; + -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-transition: opacity 0.1s ease; transition: opacity 0.1s ease; } @@ -481,13 +481,13 @@ select.ui.dropdown { /* Active */ .ui.selection.active.dropdown { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } .ui.selection.active.dropdown .menu { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } /* Focus */ @@ -498,8 +498,8 @@ select.ui.dropdown { } .ui.selection.dropdown:focus .menu { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } /* Visible */ @@ -511,13 +511,13 @@ select.ui.dropdown { /* Visible Hover */ .ui.selection.active.dropdown:hover { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } .ui.selection.active.dropdown:hover .menu { border-color: #96C8DA; - -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); } /* Dropdown Icon */ @@ -529,8 +529,8 @@ select.ui.dropdown { /* Connecting Border */ .ui.active.selection.dropdown { - border-bottom-left-radius: 0em !important; - border-bottom-right-radius: 0em !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; } /* Empty Connecting Border */ @@ -562,7 +562,7 @@ select.ui.dropdown { -webkit-box-shadow: none !important; box-shadow: none !important; cursor: text; - top: 0em; + top: 0; left: 1px; width: 100%; outline: none; @@ -646,6 +646,7 @@ select.ui.dropdown { /* Clearable Selection */ .ui.dropdown .remove.icon { + cursor: pointer; font-size: 0.85714286em; margin: -0.78571429em; padding: 0.91666667em; @@ -659,6 +660,7 @@ select.ui.dropdown { .ui.clearable.dropdown a:last-of-type { margin-right: 1.5em; } +.ui.dropdown select.noselection ~ .remove.icon, .ui.dropdown input[value=''] ~ .remove.icon, .ui.dropdown input:not([value]) ~ .remove.icon, .ui.dropdown.loading .remove.icon { @@ -690,9 +692,9 @@ select.ui.dropdown { white-space: normal; font-size: 1em; padding: 0.35714286em 0.78571429em; - margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; + margin: 0.14285714rem 0.28571429rem 0.14285714rem 0; + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; } /* Dropdown Icon */ @@ -706,7 +708,7 @@ select.ui.dropdown { position: static; padding: 0; max-width: 100%; - margin: 0.45238095em 0em 0.45238095em 0.64285714em; + margin: 0.45238095em 0 0.45238095em 0.64285714em; line-height: 1.21428571em; } .ui.multiple.dropdown > .label ~ input.search { @@ -728,7 +730,7 @@ select.ui.dropdown { top: 0; left: 0; padding: inherit; - margin: 0.45238095em 0em 0.45238095em 0.64285714em; + margin: 0.45238095em 0 0.45238095em 0.64285714em; line-height: 1.21428571em; } .ui.multiple.search.dropdown > .label ~ .text { @@ -740,7 +742,7 @@ select.ui.dropdown { position: static; padding: 0; max-width: 100%; - margin: 0.45238095em 0em 0.45238095em 0.64285714em; + margin: 0.45238095em 0 0.45238095em 0.64285714em; width: 2.2em; line-height: 1.21428571em; } @@ -755,7 +757,7 @@ select.ui.dropdown { color: inherit; } .ui.inline.dropdown .dropdown.icon { - margin: 0em 0.21428571em 0em 0.21428571em; + margin: 0 0.21428571em 0 0.21428571em; vertical-align: baseline; } .ui.inline.dropdown > .text { @@ -815,7 +817,7 @@ select.ui.dropdown { content: ''; top: 50%; left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; + margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; @@ -826,19 +828,15 @@ select.ui.dropdown { content: ''; top: 50%; left: 50%; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; - margin: -0.64285714em 0em 0em -0.64285714em; + -webkit-box-shadow: 0 0 0 1px transparent; + box-shadow: 0 0 0 1px transparent; + margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; - -webkit-animation: dropdown-spin 0.6s linear; - animation: dropdown-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + -webkit-animation: loader 0.6s infinite linear; + animation: loader 0.6s infinite linear; + border: 0.2em solid #767676; border-radius: 500rem; - border-color: #767676 transparent transparent; - border-style: solid; - border-width: 0.2em; } /* Coupling */ @@ -846,26 +844,6 @@ select.ui.dropdown { .ui.loading.dropdown.button > i.icon:after { display: none; } -@-webkit-keyframes dropdown-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes dropdown-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} /*-------------------- Default Text @@ -896,7 +874,7 @@ select.ui.dropdown { z-index: -1; } .ui.dropdown > .loading.menu { - left: 0px !important; + left: 0 !important; right: auto !important; } .ui.dropdown > .menu .loading.menu { @@ -1005,7 +983,7 @@ select.ui.dropdown { /* Flyout Direction */ .ui.dropdown .menu { - left: 0px; + left: 0; } /* Default Side (Right) */ @@ -1019,31 +997,31 @@ select.ui.dropdown { /* Leftward Opening Menu */ .ui.dropdown > .left.menu { left: auto !important; - right: 0px !important; + right: 0 !important; } .ui.dropdown > .left.menu .menu, .ui.dropdown .menu .left.menu { left: auto; right: 100%; - margin: 0em -0.5em 0em 0em !important; + margin: 0 -0.5em 0 0 !important; border-radius: 0.28571429rem !important; } .ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; - margin: 0em 0em 0em 0em; + margin: 0em 0 0 0; } .ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon { width: auto; float: left; - margin: 0em 0em 0em 0em; + margin: 0em 0 0 0; } .ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text { margin-left: 1em; - margin-right: 0em; + margin-right: 0; } /*-------------- @@ -1055,9 +1033,9 @@ select.ui.dropdown { .ui.upward.dropdown > .menu { top: auto; bottom: 100%; - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); + border-radius: 0.28571429rem 0.28571429rem 0 0; } /* Upward Sub Menu */ @@ -1069,44 +1047,44 @@ select.ui.dropdown { /* Active Upward */ .ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover { - border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; + border-radius: 0.28571429rem 0.28571429rem 0 0 !important; } .ui.upward.dropdown.button:not(.pointing):not(.floating).active { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } /* Selection */ .ui.upward.selection.dropdown .menu { border-top-width: 1px !important; - border-bottom-width: 0px !important; - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); + border-bottom-width: 0 !important; + -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); } .ui.upward.selection.dropdown:hover { - -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05); } /* Active Upward */ .ui.active.upward.selection.dropdown { - border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; + border-radius: 0 0 0.28571429rem 0.28571429rem !important; } /* Visible Upward */ .ui.upward.selection.dropdown.visible { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08); - border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; + -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08); + border-radius: 0 0 0.28571429rem 0.28571429rem !important; } /* Visible Hover Upward */ .ui.upward.active.selection.dropdown:hover { - -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); - box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05); } .ui.upward.active.selection.dropdown:hover .menu { - -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08); + -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08); } /*-------------- @@ -1210,8 +1188,8 @@ select.ui.dropdown { } .ui.simple.active.dropdown, .ui.simple.dropdown:hover { - border-bottom-left-radius: 0em !important; - border-bottom-right-radius: 0em !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; } .ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu { @@ -1226,14 +1204,14 @@ select.ui.dropdown { overflow: visible; width: auto; height: auto; - top: 0% !important; + top: 0 !important; left: 100% !important; opacity: 1; } .ui.simple.disabled.dropdown:hover .menu { display: none; - height: 0px; - width: 0px; + height: 0; + width: 0; overflow: hidden; } @@ -1249,7 +1227,7 @@ select.ui.dropdown { .ui.fluid.dropdown { display: block; width: 100% !important; - min-width: 0em; + min-width: 0; } .ui.fluid.dropdown > .dropdown.icon { float: right; @@ -1262,8 +1240,8 @@ select.ui.dropdown { .ui.floating.dropdown .menu { left: 0; right: auto; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important; + -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; + box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important; border-radius: 0.28571429rem !important; } .ui.floating.dropdown > .menu { @@ -1290,37 +1268,37 @@ select.ui.dropdown { transform: rotate(45deg); width: 0.5em; height: 0.5em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); + box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); background: #FFFFFF; z-index: 2; } .ui.pointing.dropdown > .menu:not(.hidden):after { top: -0.25em; left: 50%; - margin: 0em 0em 0em -0.25em; + margin: 0 0 0 -0.25em; } /* Top Left Pointing */ .ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; - left: 0%; + left: 0; right: auto; - margin: 1em 0em 0em; + margin: 1em 0 0; } .ui.top.left.pointing.dropdown > .menu { top: 100%; bottom: auto; - left: 0%; + left: 0; right: auto; - margin: 1em 0em 0em; + margin: 1em 0 0; } .ui.top.left.pointing.dropdown > .menu:after { top: -0.25em; left: 1em; right: auto; - margin: 0em; + margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @@ -1329,60 +1307,60 @@ select.ui.dropdown { .ui.top.right.pointing.dropdown > .menu { top: 100%; bottom: auto; - right: 0%; + right: 0; left: auto; - margin: 1em 0em 0em; + margin: 1em 0 0; } .ui.top.pointing.dropdown > .left.menu:after, .ui.top.right.pointing.dropdown > .menu:after { top: -0.25em; left: auto !important; right: 1em !important; - margin: 0em; + margin: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* Left Pointing */ .ui.left.pointing.dropdown > .menu { - top: 0%; + top: 0; left: 100%; right: auto; - margin: 0em 0em 0em 1em; + margin: 0 0 0 1em; } .ui.left.pointing.dropdown > .menu:after { top: 1em; left: -0.25em; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu { left: auto !important; right: 100% !important; - margin: 0em 1em 0em 0em; + margin: 0 1em 0 0; } .ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after { top: 1em; left: auto; right: -0.25em; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } /* Right Pointing */ .ui.right.pointing.dropdown > .menu { - top: 0%; + top: 0; left: auto; right: 100%; - margin: 0em 1em 0em 0em; + margin: 0 1em 0 0; } .ui.right.pointing.dropdown > .menu:after { top: 1em; left: auto; right: -0.25em; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); } @@ -1391,15 +1369,15 @@ select.ui.dropdown { .ui.bottom.pointing.dropdown > .menu { top: auto; bottom: 100%; - left: 0%; + left: 0; right: auto; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.bottom.pointing.dropdown > .menu:after { top: auto; bottom: -0.25em; right: auto; - margin: 0em; + margin: 0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } @@ -1407,12 +1385,12 @@ select.ui.dropdown { /* Reverse Sub-Menu Direction */ .ui.bottom.pointing.dropdown > .menu .menu { top: auto !important; - bottom: 0px !important; + bottom: 0 !important; } /* Bottom Left */ .ui.bottom.left.pointing.dropdown > .menu { - left: 0%; + left: 0; right: auto; } .ui.bottom.left.pointing.dropdown > .menu:after { @@ -1422,7 +1400,7 @@ select.ui.dropdown { /* Bottom Right */ .ui.bottom.right.pointing.dropdown > .menu { - right: 0%; + right: 0; left: auto; } .ui.bottom.right.pointing.dropdown > .menu:after { @@ -1435,44 +1413,44 @@ select.ui.dropdown { .ui.top.pointing.upward.dropdown .menu { top: auto !important; bottom: 100% !important; - margin: 0em 0em 0.78571429rem; + margin: 0 0 0.78571429rem; border-radius: 0.28571429rem; } .ui.pointing.upward.dropdown .menu:after, .ui.top.pointing.upward.dropdown .menu:after { top: 100% !important; bottom: auto !important; - -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15); - margin: -0.25em 0em 0em; + -webkit-box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15); + box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15); + margin: -0.25em 0 0; } /* Right Pointing Upward */ .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; - margin: 0em 1em 0em 0em; + margin: 0 1em 0 0; } .ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; - margin: 0em 0em 1em 0em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + margin: 0 0 1em 0; + -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); + box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); } /* Left Pointing Upward */ .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu { top: auto !important; bottom: 0 !important; - margin: 0em 0em 0em 1em; + margin: 0 0 0 1em; } .ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after { top: auto !important; bottom: 0 !important; - margin: 0em 0em 1em 0em; - -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15); + margin: 0 0 1em 0; + -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); + box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15); } /*-------------------- @@ -1689,8 +1667,8 @@ select.ui.dropdown { background-color: rgba(255, 255, 255, 0.7); background-image: none; color: #000000; - -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0) inset; - box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0) inset; + -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset; } .ui.inverted.multiple.dropdown > .label:hover { background-color: rgba(255, 255, 255, 0.9); @@ -1713,11 +1691,6 @@ select.ui.dropdown { background-color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.8); } -.ui.inverted.dropdown textarea::-moz-selection, -.ui.inverted.dropdown input::-moz-selection { - background-color: rgba(255, 255, 255, 0.25); - color: rgba(255, 255, 255, 0.8); -} .ui.inverted.dropdown textarea::selection, .ui.inverted.dropdown input::selection { background-color: rgba(255, 255, 255, 0.25); diff --git a/dist/components/dropdown.js b/dist/components/dropdown.js index 1f5240885c..1979428008 100644 --- a/dist/components/dropdown.js +++ b/dist/components/dropdown.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Dropdown + * # Semantic UI 2.7.0 - Dropdown * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -203,7 +207,7 @@ $.fn.dropdown = function(parameters) { if(!values) { return false; } - values = $.isArray(values) + values = Array.isArray(values) ? values : [values] ; @@ -369,7 +373,7 @@ $.fn.dropdown = function(parameters) { .attr('class', $input.attr('class') ) .addClass(className.selection) .addClass(className.dropdown) - .html( templates.dropdown(selectValues) ) + .html( templates.dropdown(selectValues,settings.preserveHTML) ) .insertBefore($input) ; if($input.hasClass(className.multiple) && $input.prop('multiple') === false) { @@ -392,7 +396,7 @@ $.fn.dropdown = function(parameters) { module.refresh(); }, menu: function(values) { - $menu.html( templates.menu(values, fields)); + $menu.html( templates.menu(values, fields,settings.preserveHTML)); $item = $menu.find(selector.item); $divider = settings.hideDividers ? $item.parent().children(selector.divider) : $(); }, @@ -725,7 +729,7 @@ $.fn.dropdown = function(parameters) { module.remove.message(); } if(settings.allowAdditions) { - module.add.userSuggestion(query); + module.add.userSuggestion(module.escape.htmlEntities(query)); } if(module.is.searchSelection() && module.can.show() && module.is.focusedOnSearch() ) { module.show(); @@ -741,6 +745,15 @@ $.fn.dropdown = function(parameters) { if(settings.filterRemoteData) { module.filterItems(searchTerm); } + var preSelected = $input.val(); + if(!Array.isArray(preSelected)) { + preSelected = preSelected!=="" ? preSelected.split(settings.delimiter) : []; + } + $.each(preSelected,function(index,value){ + $item.filter('[data-value="'+value+'"]') + .addClass(className.filtered) + ; + }); afterFiltered(); }); } @@ -773,16 +786,17 @@ $.fn.dropdown = function(parameters) { }, onSuccess : function(response) { var - values = response[fields.remoteValues], - hasRemoteValues = ($.isArray(values) && values.length > 0) + values = response[fields.remoteValues] ; - if(hasRemoteValues) { - module.remove.message(); - module.setup.menu({ - values: response[fields.remoteValues] - }); + if (!Array.isArray(values)){ + values = []; } - else { + module.remove.message(); + module.setup.menu({ + values: values + }); + + if(values.length===0 && !settings.allowAdditions) { module.add.message(message.noResults); } callback(); @@ -982,9 +996,11 @@ $.fn.dropdown = function(parameters) { module.setup.menu({values: values}); $.each(values, function(index, item) { if(item.selected == true) { - module.debug('Setting initial selection to', item.value); - module.set.selected(item.value); - return true; + module.debug('Setting initial selection to', item[fields.value]); + module.set.selected(item[fields.value]); + if(!module.is.multiple()) { + return false; + } } }); } @@ -1439,6 +1455,9 @@ $.fn.dropdown = function(parameters) { if(module.is.searchSelection()) { module.remove.searchTerm(); } + if(module.is.multiple()){ + event.preventDefault(); + } } // visible menu keyboard shortcuts @@ -1749,7 +1768,7 @@ $.fn.dropdown = function(parameters) { count ; count = ( module.is.multiple() ) - ? $.isArray(values) + ? Array.isArray(values) ? values.length : 0 : (module.get.value() !== '') @@ -1773,7 +1792,7 @@ $.fn.dropdown = function(parameters) { if(!values) { return false; } - values = $.isArray(values) + values = Array.isArray(values) ? values : [values] ; @@ -1808,7 +1827,7 @@ $.fn.dropdown = function(parameters) { value = ($input.length > 0) ? $input.val() : $module.data(metadata.value), - isEmptyMultiselect = ($.isArray(value) && value.length === 1 && value[0] === '') + isEmptyMultiselect = (Array.isArray(value) && value.length === 1 && value[0] === '') ; // prevents placeholder element from being selected when multiple return (value === undefined || isEmptyMultiselect) @@ -1999,7 +2018,7 @@ $.fn.dropdown = function(parameters) { ? (value.length > 0) : (value !== undefined && value !== null) ; - isMultiple = (module.is.multiple() && $.isArray(value)); + isMultiple = (module.is.multiple() && Array.isArray(value)); strict = (value === '' || value === 0) ? true : strict || false @@ -2143,6 +2162,11 @@ $.fn.dropdown = function(parameters) { else { module.set.selected(); } + if(module.get.item()) { + $input.removeClass(className.noselection); + } else { + $input.addClass(className.noselection); + } module.remove.initialLoad(); }, remoteValues: function() { @@ -2485,8 +2509,13 @@ $.fn.dropdown = function(parameters) { }, direction: function($menu) { if(settings.direction == 'auto') { - // reset position - module.remove.upward(); + // reset position, remove upward if it's base menu + if (!$menu) { + module.remove.upward(); + } else if (module.is.upward($menu)) { + //we need make sure when make assertion openDownward for $menu, $menu does not have upward class + module.remove.upward($menu); + } if(module.can.openDownward($menu)) { module.remove.upward($menu); @@ -2511,6 +2540,11 @@ $.fn.dropdown = function(parameters) { $element.addClass(className.leftward); }, value: function(value, text, $selected) { + if(value !== undefined && value !== '' && !(Array.isArray(value) && value.length === 0)) { + $input.removeClass(className.noselection); + } else { + $input.addClass(className.noselection); + } var escapedValue = module.escape.value(value), hasInput = ($input.length > 0), @@ -2664,7 +2698,7 @@ $.fn.dropdown = function(parameters) { $label = $('') .addClass(className.label) .attr('data-' + metadata.value, escapedValue) - .html(templates.label(escapedValue, text)) + .html(templates.label(escapedValue, text, settings.preserveHTML)) ; $label = settings.onLabelCreate.call($label, escapedValue, text); @@ -2817,7 +2851,7 @@ $.fn.dropdown = function(parameters) { return; } // extend current array - if($.isArray(currentValue)) { + if(Array.isArray(currentValue)) { newValue = currentValue.concat([addedValue]); newValue = module.get.uniqueArray(newValue); } @@ -3002,7 +3036,7 @@ $.fn.dropdown = function(parameters) { module.check.maxSelections(); }, arrayValue: function(removedValue, values) { - if( !$.isArray(values) ) { + if( !Array.isArray(values) ) { values = [values]; } values = $.grep(values, function(value){ @@ -3160,7 +3194,7 @@ $.fn.dropdown = function(parameters) { valueMatchingCase: function(value) { var values = module.get.values(), - hasValue = $.isArray(values) + hasValue = Array.isArray(values) ? values && ($.inArray(value, values) !== -1) : (values == value) ; @@ -3174,7 +3208,7 @@ $.fn.dropdown = function(parameters) { values = module.get.values(), hasValue = false ; - if(!$.isArray(values)) { + if(!Array.isArray(values)) { values = [values]; } $.each(values, function(index, existingValue) { @@ -3546,7 +3580,7 @@ $.fn.dropdown = function(parameters) { escape: { value: function(value) { var - multipleValues = $.isArray(value), + multipleValues = Array.isArray(value), stringValue = (typeof value === 'string'), isUnparsable = (!stringValue && !multipleValues), hasQuotes = (stringValue && value.search(regExp.quote) !== -1), @@ -3567,6 +3601,27 @@ $.fn.dropdown = function(parameters) { string: function(text) { text = String(text); return text.replace(regExp.escape, '\\$&'); + }, + htmlEntities: function(string) { + var + badChars = /[&<>"'`]/g, + shouldEscape = /[&<>"'`]/, + escape = { + "&": "&", + "<": "<", + ">": ">", + '"': """, + "'": "'", + "`": "`" + }, + escapedChar = function(chr) { + return escape[chr]; + } + ; + if(shouldEscape.test(string)) { + return string.replace(badChars, escapedChar); + } + return string; } }, @@ -3720,7 +3775,7 @@ $.fn.dropdown = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { @@ -3861,7 +3916,7 @@ $.fn.dropdown.settings = { }, regExp : { - escape : /[-[\]{}()*+?.,\\^$|#\s]/g, + escape : /[-[\]{}()*+?.,\\^$|#\s:=@]/g, quote : /"/g }, @@ -3942,33 +3997,58 @@ $.fn.dropdown.settings = { upward : 'upward', leftward : 'left', visible : 'visible', - clearable : 'clearable' + clearable : 'clearable', + noselection : 'noselection' } }; /* Templates */ $.fn.dropdown.settings.templates = { - + escape: function(string, preserveHTML) { + if (preserveHTML){ + return string; + } + var + badChars = /[&<>"'`]/g, + shouldEscape = /[&<>"'`]/, + escape = { + "&": "&", + "<": "<", + ">": ">", + '"': """, + "'": "'", + "`": "`" + }, + escapedChar = function(chr) { + return escape[chr]; + } + ; + if(shouldEscape.test(string)) { + return string.replace(badChars, escapedChar); + } + return string; + }, // generates dropdown from select values - dropdown: function(select) { + dropdown: function(select, preserveHTML) { var placeholder = select.placeholder || false, - values = select.values || {}, - html = '' + values = select.values || [], + html = '', + escape = $.fn.dropdown.settings.templates.escape ; html += ''; - if(select.placeholder) { - html += '
    ' + placeholder + '
    '; + if(placeholder) { + html += '
    ' + escape(placeholder,preserveHTML) + '
    '; } else { html += '
    '; } html += '
    '; - $.each(select.values, function(index, option) { + $.each(values, function(index, option) { html += (option.disabled) - ? '
    ' + option.name + '
    ' - : '
    ' + option.name + '
    ' + ? '
    ' + escape(option.name,preserveHTML) + '
    ' + : '
    ' + escape(option.name,preserveHTML) + '
    ' ; }); html += '
    '; @@ -3976,10 +4056,11 @@ $.fn.dropdown.settings.templates = { }, // generates just menu from select - menu: function(response, fields) { + menu: function(response, fields, preserveHTML) { var - values = response[fields.values] || {}, - html = '' + values = response[fields.values] || [], + html = '', + escape = $.fn.dropdown.settings.templates.escape ; $.each(values, function(index, option) { var @@ -3997,12 +4078,12 @@ $.fn.dropdown.settings.templates = { ? 'disabled ' : '' ; - html += '
    '; - html += option[fields.name]; + html += '
    '; + html += escape(option[fields.name],preserveHTML); html += '
    '; } else if (itemType === 'header') { html += '
    '; - html += option[fields.name]; + html += escape(option[fields.name],preserveHTML); html += '
    '; } }); @@ -4010,8 +4091,10 @@ $.fn.dropdown.settings.templates = { }, // generates label for multiselect - label: function(value, text) { - return text + ''; + label: function(value, text, preserveHTML) { + var + escape = $.fn.dropdown.settings.templates.escape; + return escape(text,preserveHTML) + ''; }, diff --git a/dist/components/dropdown.min.css b/dist/components/dropdown.min.css index 05ca06efc6..c3425f51d4 100644 --- a/dist/components/dropdown.min.css +++ b/dist/components/dropdown.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Dropdown + * # Semantic UI 2.7.0 - Dropdown * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:0;text-align:left;-webkit-transition:width .1s ease,-webkit-box-shadow .1s ease;transition:width .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:0;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0 0;background:#fff;font-size:1em;text-shadow:none;text-align:left;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;z-index:11;will-change:transform,opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{position:relative;width:auto;font-size:.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-right:1em}.ui.dropdown>.text{display:inline-block;-webkit-transition:none;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:left;border-top:none;line-height:1em;font-size:1rem;color:rgba(0,0,0,.87);padding:.78571429rem 1.14285714rem!important;text-transform:none;font-weight:400;-webkit-box-shadow:none;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown .menu .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"]{float:right!important;margin-right:0!important;margin-left:1em!important}.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"]{float:left!important;margin-left:0!important;margin-right:1em!important}.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0 .75rem;padding:0 1.14285714rem;color:rgba(0,0,0,.85);font-size:.78571429em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,.1);height:0;margin:.5em 0}.ui.dropdown.dropdown .menu>.input{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1.14285714rem .78571429rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description{float:right;margin:0 0 0 1em;color:rgba(0,0,0,.4)}.ui.dropdown .menu>.message{padding:.78571429rem 1.14285714rem;font-weight:400}.ui.dropdown .menu>.message:not(.ui){color:rgba(0,0,0,.4)}.ui.dropdown .menu .menu{top:0!important;left:100%;right:auto;margin:0 0 0 -.5em!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-left:0;float:none;margin-right:.78571429rem}.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.image,.ui.dropdown>.text>img{display:inline-block;vertical-align:top;width:auto;margin-top:-.5em;margin-bottom:-.5em;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.menu .right.menu .dropdown:last-child .menu{left:auto;right:0}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;-webkit-transform:rotateZ(0);transform:rotateZ(0);min-width:14em;min-height:2.71428571em;background:#fff;display:inline-block;padding:.78571429em 3.2em .78571429em 1em;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:width .1s ease,-webkit-box-shadow .1s ease;transition:width .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease}.ui.selection.dropdown.active,.ui.selection.dropdown.visible{z-index:10}select.ui.dropdown{height:38px;padding:.5em;border:1px solid rgba(34,36,38,.15);visibility:visible}.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon{cursor:pointer;position:absolute;width:auto;height:auto;line-height:1.21428571em;top:.78571429em;right:1em;z-index:3;margin:-.78571429em;padding:.91666667em;opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.compact.selection.dropdown{min-width:0}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0!important;width:auto;outline:0;margin:0 -1px;min-width:calc(100% + 2px);width:calc(100% + 2px);border-radius:0 0 .28571429rem .28571429rem;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15);-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:.78571429rem 1.14285714rem}@media only screen and (max-width:767px){.ui.selection.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.selection.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.selection.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.selection.dropdown .menu{max-height:21.37142857rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #fafafa;padding:.78571429rem 1.14285714rem!important;white-space:normal;word-wrap:normal}.ui.selection.dropdown .menu>.hidden.addition.item{display:none}.ui.selection.dropdown:hover{border-color:rgba(34,36,38,.35);-webkit-box-shadow:none;box-shadow:none}.ui.selection.active.dropdown{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown .menu{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.dropdown:focus{border-color:#96c8da;-webkit-box-shadow:none;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.visible.dropdown>.text:not(.default){font-weight:400;color:rgba(0,0,0,.8)}.ui.selection.active.dropdown:hover{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown:hover .menu{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:'';z-index:3}.ui.active.selection.dropdown{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.active.empty.selection.dropdown{border-radius:.28571429rem!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.active.empty.selection.dropdown .menu{border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.search.dropdown{min-width:''}.ui.search.dropdown>input.search{background:none transparent!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;cursor:text;top:0;left:1px;width:100%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit}.ui.search.dropdown>input.search{position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;left:1px;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:.67857143em 3.2em .67857143em 1em}.ui.search.selection.dropdown>span.sizer{line-height:1.21428571em;padding:.67857143em 3.2em .67857143em 1em;display:none;white-space:pre}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .flag,.ui.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.active.search.dropdown input.search:focus+.text{color:rgba(115,115,115,.87)!important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width:767px){.ui.search.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.search.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.search.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.search.dropdown .menu{max-height:21.37142857rem}}.ui.dropdown .remove.icon{font-size:.85714286em;margin:-.78571429em;padding:.91666667em;right:3em;top:.78571429em;position:absolute;opacity:.6;z-index:3}.ui.clearable.dropdown .text,.ui.clearable.dropdown a:last-of-type{margin-right:1.5em}.ui.dropdown input:not([value])~.remove.icon,.ui.dropdown input[value='']~.remove.icon,.ui.dropdown.loading .remove.icon{display:none}.ui.multiple.dropdown{padding:.22619048em 3.2em .22619048em .35714286em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{display:inline-block;white-space:normal;font-size:1em;padding:.35714286em .78571429em;margin:.14285714rem .28571429rem .14285714rem 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.multiple.dropdown .dropdown.icon{margin:'';padding:''}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.dropdown>.label~input.search{margin-left:.14285714em!important}.ui.multiple.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;left:0;padding:inherit;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.search.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;width:2.2em;line-height:1.21428571em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .21428571em 0 .21428571em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.21428571em;border-radius:.28571429rem}.ui.dropdown .menu .active.item{background:0 0;font-weight:700;color:rgba(0,0,0,.95);-webkit-box-shadow:none;box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);z-index:13}.ui.loading.dropdown>i.icon{height:1em!important}.ui.loading.selection.dropdown>i.icon{padding:1.5em 1.28571429em!important}.ui.loading.dropdown>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:'';top:50%;left:50%;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:dropdown-spin .6s linear;animation:dropdown-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em}.ui.loading.dropdown.button>i.icon:after,.ui.loading.dropdown.button>i.icon:before{display:none}@-webkit-keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.default.text{color:rgba(191,191,191,.87)}.ui.default.dropdown:not(.button)>input:focus~.text,.ui.dropdown:not(.button)>input:focus~.default.text{color:rgba(115,115,115,.87)}.ui.loading.dropdown>.text{-webkit-transition:none;transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown>.loading.menu{left:0!important;right:auto!important}.ui.dropdown>.menu .loading.menu{left:100%!important;right:auto!important}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none!important}.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text{color:#9f3a38}.ui.selection.dropdown.error{background:#fff6f6;border-color:#e0b4b4}.ui.selection.dropdown.error:hover{border-color:#e0b4b4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item{color:#9f3a38}.ui.multiple.selection.error.dropdown>.label{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item:hover{background-color:#fff2f2}.ui.dropdown.error>.menu .active.item{background-color:#fdcfcf}.ui.dropdown>.clear.dropdown.icon{opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.dropdown>.clear.dropdown.icon:hover{opacity:1}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:.45}.ui.dropdown .menu{left:0}.ui.dropdown .menu .right.menu,.ui.dropdown .right.menu>.menu{left:100%!important;right:auto!important;border-radius:.28571429rem!important}.ui.dropdown>.left.menu{left:auto!important;right:0!important}.ui.dropdown .menu .left.menu,.ui.dropdown>.left.menu .menu{left:auto;right:100%;margin:0 -.5em 0 0!important;border-radius:.28571429rem!important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-left:1em;margin-right:0}.ui.upward.dropdown>.menu{top:auto;bottom:100%;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.08);box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:.28571429rem .28571429rem 0 0}.ui.dropdown .upward.menu{top:auto!important;bottom:0!important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:.28571429rem .28571429rem 0 0!important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:.28571429rem .28571429rem 0 0}.ui.upward.selection.dropdown .menu{border-top-width:1px!important;border-bottom-width:0!important;-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,.08);box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.upward.selection.dropdown:hover{-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.05);box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.ui.active.upward.selection.dropdown{border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.selection.dropdown.visible{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.08);box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.active.selection.dropdown:hover{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.05);box-shadow:0 0 3px 0 rgba(0,0,0,.05)}.ui.upward.active.selection.dropdown:hover .menu{-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,.08);box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100%!important;width:auto!important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;min-width:100%!important;width:auto!important;border-top:1px solid rgba(34,36,38,.15)}.ui.dropdown .scrolling.menu>.item.item.item,.ui.scrolling.dropdown .menu .item.item.item{border-top:none}.ui.dropdown .scrolling.menu .item:first-child,.ui.scrolling.dropdown .menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast:none){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{min-width:calc(100% - 17px)}}@media only screen and (max-width:767px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:10.28571429rem}}@media only screen and (min-width:768px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:15.42857143rem}}@media only screen and (min-width:992px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}@media only screen and (min-width:1920px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}.ui.simple.dropdown .menu:after,.ui.simple.dropdown .menu:before{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px!important;opacity:0;width:0;height:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;margin-top:0!important}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100%!important;opacity:1}.ui.simple.dropdown:hover>.menu>.item:hover>.menu,.ui.simple.dropdown>.menu>.item:active>.menu{overflow:visible;width:auto;height:auto;top:0!important;left:100%!important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0;width:0;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%!important;min-width:0}.ui.fluid.dropdown>.dropdown.icon{float:right}.ui.floating.dropdown .menu{left:0;right:auto;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;border-radius:.28571429rem!important}.ui.floating.dropdown>.menu{margin-top:.5em!important;border-radius:.28571429rem!important}.ui.pointing.dropdown>.menu{top:100%;margin-top:.78571429rem;border-radius:.28571429rem}.ui.pointing.dropdown>.menu:not(.hidden):after{display:block;position:absolute;pointer-events:none;content:'';visibility:visible;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.5em;height:.5em;-webkit-box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);background:#fff;z-index:2}.ui.pointing.dropdown>.menu:not(.hidden):after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-.25em;left:1em;right:auto;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;right:0;left:auto;margin:1em 0 0}.ui.top.pointing.dropdown>.left.menu:after,.ui.top.right.pointing.dropdown>.menu:after{top:-.25em;left:auto!important;right:1em!important;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.pointing.dropdown>.menu{top:0;left:100%;right:auto;margin:0 0 0 1em}.ui.left.pointing.dropdown>.menu:after{top:1em;left:-.25em;margin:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu{left:auto!important;right:100%!important;margin:0 1em 0 0}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.right.pointing.dropdown>.menu{top:0;left:auto;right:100%;margin:0 1em 0 0}.ui.right.pointing.dropdown>.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;left:0;right:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-.25em;right:auto;margin:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto!important;bottom:0!important}.ui.bottom.left.pointing.dropdown>.menu{left:0;right:auto}.ui.bottom.left.pointing.dropdown>.menu:after{left:1em;right:auto}.ui.bottom.right.pointing.dropdown>.menu{right:0;left:auto}.ui.bottom.right.pointing.dropdown>.menu:after{left:auto;right:1em}.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu{top:auto!important;bottom:100%!important;margin:0 0 .78571429rem;border-radius:.28571429rem}.ui.pointing.upward.dropdown .menu:after,.ui.top.pointing.upward.dropdown .menu:after{top:100%!important;bottom:auto!important;-webkit-box-shadow:1px 1px 0 0 rgba(34,36,38,.15);box-shadow:1px 1px 0 0 rgba(34,36,38,.15);margin:-.25em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 1em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;-webkit-box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 0 0 1em}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;-webkit-box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}.ui.mini.dropdown{font-size:.78571429rem}.ui.tiny.dropdown{font-size:.85714286rem}.ui.small.dropdown{font-size:.92857143rem}.ui.dropdown{font-size:1rem}.ui.large.dropdown{font-size:1.14285714rem}.ui.big.dropdown{font-size:1.28571429rem}.ui.huge.dropdown{font-size:1.42857143rem}.ui.massive.dropdown{font-size:1.71428571rem}.ui.mini.dropdown .menu>.item{font-size:.78571429rem}.ui.tiny.dropdown .menu>.item{font-size:.85714286rem}.ui.small.dropdown .menu>.item{font-size:.92857143rem}.ui.dropdown .menu>.item{font-size:1rem}.ui.large.dropdown .menu>.item{font-size:1.14285714rem}.ui.big.dropdown .menu>.item{font-size:1.28571429rem}.ui.huge.dropdown .menu>.item{font-size:1.42857143rem}.ui.massive.dropdown .menu>.item{font-size:1.71428571rem}@font-face{font-family:Dropdown;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.dropdown>.dropdown.icon{font-family:Dropdown;line-height:1;height:1em;width:1.23em;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.dropdown.icon:before{content:'\f0d7'}.ui.dropdown .menu .item .dropdown.icon:before{content:'\f0da'}.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before{content:"\f0d9"}.ui.vertical.menu .dropdown.item>.dropdown.icon:before{content:"\f0da"}.ui.inverted.dropdown .menu{background:#1b1c1d;-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(255,255,255,.15)}.ui.inverted.dropdown .menu>.item{color:rgba(255,255,255,.8)}.ui.inverted.dropdown .menu .active.item{background:0 0;color:rgba(255,255,255,.8);-webkit-box-shadow:none;box-shadow:none}.ui.inverted.dropdown .menu>.item:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}.ui.inverted.dropdown .menu .selected.item,.ui.inverted.dropdown.selected{background:rgba(255,255,255,.15);color:rgba(255,255,255,.8)}.ui.inverted.dropdown .menu>.header{color:#fff}.ui.inverted.dropdown .menu>.item>.description,.ui.inverted.dropdown>.text>.description{color:rgba(255,255,255,.5)}.ui.inverted.dropdown .menu>.divider{border-top:1px solid rgba(255,255,255,.15)}.ui.inverted.dropdown .scrolling.menu{border:none;border-top:1px solid rgba(255,255,255,.15)}.ui.inverted.selection.dropdown{border:1px solid rgba(255,255,255,.15);background:#1b1c1d;color:rgba(255,255,255,.8)}.ui.inverted.selection.dropdown:hover{border-color:rgba(255,255,255,.25);-webkit-box-shadow:none;box-shadow:none}.ui.inverted.selection.dropdown input{color:#fff}.ui.inverted.default.dropdown:not(.button)>.text,.ui.inverted.dropdown:not(.button)>.default.text{color:rgba(255,255,255,.5)}.ui.inverted.default.dropdown:not(.button)>input:focus~.text,.ui.inverted.dropdown:not(.button)>input:focus~.default.text{color:rgba(255,255,255,.7)}.ui.inverted.selection.visible.dropdown>.text:not(.default){color:rgba(255,255,255,.9)}.ui.inverted.active.search.dropdown input.search:focus+.text .flag,.ui.inverted.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.inverted.active.search.dropdown input.search:focus+.text{color:rgba(255,255,255,.7)!important}.ui.inverted.selection.active.dropdown .menu,.ui.inverted.selection.active.dropdown:hover{border-color:rgba(255,255,255,.15)}.ui.inverted.selection.dropdown .menu>.item{border-top:1px solid #242526}.ui.inverted.dropdown .menu>.message:not(.ui){color:rgba(255,255,255,.5)}.ui.inverted.dropdown .menu>.item:first-child{border-top-width:0}.ui.inverted.multiple.dropdown>.label{background-color:rgba(255,255,255,.7);background-image:none;color:#000;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,0) inset;box-shadow:0 0 0 1px rgba(255,255,255,0) inset}.ui.inverted.multiple.dropdown>.label:hover{background-color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.9);background-image:none;color:#000}.ui.inverted.multiple.dropdown>.label>.close.icon,.ui.inverted.multiple.dropdown>.label>.delete.icon{opacity:.6}.ui.inverted.multiple.dropdown>.label>.close.icon:hover,.ui.inverted.multiple.dropdown>.label>.delete.icon:hover{opacity:.8}.ui.inverted.dropdown input::-webkit-selection,.ui.inverted.dropdown textarea::-webkit-selection{background-color:rgba(255,255,255,.25);color:rgba(255,255,255,.8)}.ui.inverted.dropdown input::-moz-selection,.ui.inverted.dropdown textarea::-moz-selection{background-color:rgba(255,255,255,.25);color:rgba(255,255,255,.8)}.ui.inverted.dropdown input::selection,.ui.inverted.dropdown textarea::selection{background-color:rgba(255,255,255,.25);color:rgba(255,255,255,.8)}.ui.inverted.dropdown .menu::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)} \ No newline at end of file + */.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:0;text-align:left;-webkit-transition:width .1s ease,-webkit-box-shadow .1s ease;transition:width .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:0;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0 0;background:#fff;font-size:1em;text-shadow:none;text-align:left;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;z-index:11;will-change:transform,opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{position:relative;width:auto;font-size:.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-right:1em}.ui.dropdown>.text{display:inline-block;-webkit-transition:none;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:left;border-top:none;line-height:1em;font-size:1rem;color:rgba(0,0,0,.87);padding:.78571429rem 1.14285714rem!important;text-transform:none;font-weight:400;-webkit-box-shadow:none;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown .menu .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"]{float:right!important;margin-right:0!important;margin-left:1em!important}.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"]{float:left!important;margin-left:0!important;margin-right:1em!important}.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0 .75rem;padding:0 1.14285714rem;color:rgba(0,0,0,.85);font-size:.78571429em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,.1);height:0;margin:.5em 0}.ui.dropdown.dropdown .menu>.input{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1.14285714rem .78571429rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description{float:right;margin:0 0 0 1em;color:rgba(0,0,0,.4)}.ui.dropdown .menu>.message{padding:.78571429rem 1.14285714rem;font-weight:400}.ui.dropdown .menu>.message:not(.ui){color:rgba(0,0,0,.4)}.ui.dropdown .menu .menu{top:0!important;left:100%;right:auto;margin:0 0 0 -.5em!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-left:0;float:none;margin-right:.78571429rem}.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.image,.ui.dropdown>.text>img{display:inline-block;vertical-align:top;width:auto;margin-top:-.5em;margin-bottom:-.5em;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.menu .right.menu .dropdown:last-child .menu{left:auto;right:0}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;-webkit-transform:rotateZ(0);transform:rotateZ(0);min-width:14em;min-height:2.71428571em;background:#fff;display:inline-block;padding:.78571429em 3.2em .78571429em 1em;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:width .1s ease,-webkit-box-shadow .1s ease;transition:width .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease}.ui.selection.dropdown.active,.ui.selection.dropdown.visible{z-index:10}select.ui.dropdown{height:38px;padding:.5em;border:1px solid rgba(34,36,38,.15);visibility:visible}.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon{cursor:pointer;position:absolute;width:auto;height:auto;line-height:1.21428571em;top:.78571429em;right:1em;z-index:3;margin:-.78571429em;padding:.91666667em;opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.compact.selection.dropdown{min-width:0}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0!important;width:auto;outline:0;margin:0 -1px;min-width:calc(100% + 2px);width:calc(100% + 2px);border-radius:0 0 .28571429rem .28571429rem;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15);-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:.78571429rem 1.14285714rem}@media only screen and (max-width:767px){.ui.selection.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.selection.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.selection.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.selection.dropdown .menu{max-height:21.37142857rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #fafafa;padding:.78571429rem 1.14285714rem!important;white-space:normal;word-wrap:normal}.ui.selection.dropdown .menu>.hidden.addition.item{display:none}.ui.selection.dropdown:hover{border-color:rgba(34,36,38,.35);-webkit-box-shadow:none;box-shadow:none}.ui.selection.active.dropdown{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown .menu{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.dropdown:focus{border-color:#96c8da;-webkit-box-shadow:none;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.visible.dropdown>.text:not(.default){font-weight:400;color:rgba(0,0,0,.8)}.ui.selection.active.dropdown:hover{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown:hover .menu{border-color:#96c8da;-webkit-box-shadow:0 2px 3px 0 rgba(34,36,38,.15);box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:'';z-index:3}.ui.active.selection.dropdown{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.active.empty.selection.dropdown{border-radius:.28571429rem!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.active.empty.selection.dropdown .menu{border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.search.dropdown{min-width:''}.ui.search.dropdown>input.search{background:none transparent!important;border:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;cursor:text;top:0;left:1px;width:100%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit}.ui.search.dropdown>input.search{position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;left:1px;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:.67857143em 3.2em .67857143em 1em}.ui.search.selection.dropdown>span.sizer{line-height:1.21428571em;padding:.67857143em 3.2em .67857143em 1em;display:none;white-space:pre}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .flag,.ui.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.active.search.dropdown input.search:focus+.text{color:rgba(115,115,115,.87)!important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width:767px){.ui.search.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.search.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.search.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.search.dropdown .menu{max-height:21.37142857rem}}.ui.dropdown .remove.icon{cursor:pointer;font-size:.85714286em;margin:-.78571429em;padding:.91666667em;right:3em;top:.78571429em;position:absolute;opacity:.6;z-index:3}.ui.clearable.dropdown .text,.ui.clearable.dropdown a:last-of-type{margin-right:1.5em}.ui.dropdown input:not([value])~.remove.icon,.ui.dropdown input[value='']~.remove.icon,.ui.dropdown select.noselection~.remove.icon,.ui.dropdown.loading .remove.icon{display:none}.ui.multiple.dropdown{padding:.22619048em 3.2em .22619048em .35714286em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{display:inline-block;white-space:normal;font-size:1em;padding:.35714286em .78571429em;margin:.14285714rem .28571429rem .14285714rem 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.multiple.dropdown .dropdown.icon{margin:'';padding:''}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.dropdown>.label~input.search{margin-left:.14285714em!important}.ui.multiple.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;left:0;padding:inherit;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.search.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;width:2.2em;line-height:1.21428571em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .21428571em 0 .21428571em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.21428571em;border-radius:.28571429rem}.ui.dropdown .menu .active.item{background:0 0;font-weight:700;color:rgba(0,0,0,.95);-webkit-box-shadow:none;box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);z-index:13}.ui.loading.dropdown>i.icon{height:1em!important}.ui.loading.selection.dropdown>i.icon{padding:1.5em 1.28571429em!important}.ui.loading.dropdown>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:'';top:50%;left:50%;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem}.ui.loading.dropdown.button>i.icon:after,.ui.loading.dropdown.button>i.icon:before{display:none}.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.default.text{color:rgba(191,191,191,.87)}.ui.default.dropdown:not(.button)>input:focus~.text,.ui.dropdown:not(.button)>input:focus~.default.text{color:rgba(115,115,115,.87)}.ui.loading.dropdown>.text{-webkit-transition:none;transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown>.loading.menu{left:0!important;right:auto!important}.ui.dropdown>.menu .loading.menu{left:100%!important;right:auto!important}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none!important}.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text{color:#9f3a38}.ui.selection.dropdown.error{background:#fff6f6;border-color:#e0b4b4}.ui.selection.dropdown.error:hover{border-color:#e0b4b4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item{color:#9f3a38}.ui.multiple.selection.error.dropdown>.label{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item:hover{background-color:#fff2f2}.ui.dropdown.error>.menu .active.item{background-color:#fdcfcf}.ui.dropdown>.clear.dropdown.icon{opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.dropdown>.clear.dropdown.icon:hover{opacity:1}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:.45}.ui.dropdown .menu{left:0}.ui.dropdown .menu .right.menu,.ui.dropdown .right.menu>.menu{left:100%!important;right:auto!important;border-radius:.28571429rem!important}.ui.dropdown>.left.menu{left:auto!important;right:0!important}.ui.dropdown .menu .left.menu,.ui.dropdown>.left.menu .menu{left:auto;right:100%;margin:0 -.5em 0 0!important;border-radius:.28571429rem!important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-left:1em;margin-right:0}.ui.upward.dropdown>.menu{top:auto;bottom:100%;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.08);box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:.28571429rem .28571429rem 0 0}.ui.dropdown .upward.menu{top:auto!important;bottom:0!important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:.28571429rem .28571429rem 0 0!important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:.28571429rem .28571429rem 0 0}.ui.upward.selection.dropdown .menu{border-top-width:1px!important;border-bottom-width:0!important;-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,.08);box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.upward.selection.dropdown:hover{-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.05);box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.ui.active.upward.selection.dropdown{border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.selection.dropdown.visible{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.08);box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.active.selection.dropdown:hover{-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.05);box-shadow:0 0 3px 0 rgba(0,0,0,.05)}.ui.upward.active.selection.dropdown:hover .menu{-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,.08);box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100%!important;width:auto!important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important;min-width:100%!important;width:auto!important;border-top:1px solid rgba(34,36,38,.15)}.ui.dropdown .scrolling.menu>.item.item.item,.ui.scrolling.dropdown .menu .item.item.item{border-top:none}.ui.dropdown .scrolling.menu .item:first-child,.ui.scrolling.dropdown .menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast:none){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{min-width:calc(100% - 17px)}}@media only screen and (max-width:767px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:10.28571429rem}}@media only screen and (min-width:768px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:15.42857143rem}}@media only screen and (min-width:992px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}@media only screen and (min-width:1920px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}.ui.simple.dropdown .menu:after,.ui.simple.dropdown .menu:before{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px!important;opacity:0;width:0;height:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;margin-top:0!important}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100%!important;opacity:1}.ui.simple.dropdown:hover>.menu>.item:hover>.menu,.ui.simple.dropdown>.menu>.item:active>.menu{overflow:visible;width:auto;height:auto;top:0!important;left:100%!important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0;width:0;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%!important;min-width:0}.ui.fluid.dropdown>.dropdown.icon{float:right}.ui.floating.dropdown .menu{left:0;right:auto;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;border-radius:.28571429rem!important}.ui.floating.dropdown>.menu{margin-top:.5em!important;border-radius:.28571429rem!important}.ui.pointing.dropdown>.menu{top:100%;margin-top:.78571429rem;border-radius:.28571429rem}.ui.pointing.dropdown>.menu:not(.hidden):after{display:block;position:absolute;pointer-events:none;content:'';visibility:visible;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.5em;height:.5em;-webkit-box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);background:#fff;z-index:2}.ui.pointing.dropdown>.menu:not(.hidden):after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-.25em;left:1em;right:auto;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;right:0;left:auto;margin:1em 0 0}.ui.top.pointing.dropdown>.left.menu:after,.ui.top.right.pointing.dropdown>.menu:after{top:-.25em;left:auto!important;right:1em!important;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.pointing.dropdown>.menu{top:0;left:100%;right:auto;margin:0 0 0 1em}.ui.left.pointing.dropdown>.menu:after{top:1em;left:-.25em;margin:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu{left:auto!important;right:100%!important;margin:0 1em 0 0}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.right.pointing.dropdown>.menu{top:0;left:auto;right:100%;margin:0 1em 0 0}.ui.right.pointing.dropdown>.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;left:0;right:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-.25em;right:auto;margin:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto!important;bottom:0!important}.ui.bottom.left.pointing.dropdown>.menu{left:0;right:auto}.ui.bottom.left.pointing.dropdown>.menu:after{left:1em;right:auto}.ui.bottom.right.pointing.dropdown>.menu{right:0;left:auto}.ui.bottom.right.pointing.dropdown>.menu:after{left:auto;right:1em}.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu{top:auto!important;bottom:100%!important;margin:0 0 .78571429rem;border-radius:.28571429rem}.ui.pointing.upward.dropdown .menu:after,.ui.top.pointing.upward.dropdown .menu:after{top:100%!important;bottom:auto!important;-webkit-box-shadow:1px 1px 0 0 rgba(34,36,38,.15);box-shadow:1px 1px 0 0 rgba(34,36,38,.15);margin:-.25em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 1em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;-webkit-box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 0 0 1em}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;-webkit-box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}.ui.mini.dropdown{font-size:.78571429rem}.ui.tiny.dropdown{font-size:.85714286rem}.ui.small.dropdown{font-size:.92857143rem}.ui.dropdown{font-size:1rem}.ui.large.dropdown{font-size:1.14285714rem}.ui.big.dropdown{font-size:1.28571429rem}.ui.huge.dropdown{font-size:1.42857143rem}.ui.massive.dropdown{font-size:1.71428571rem}.ui.mini.dropdown .menu>.item{font-size:.78571429rem}.ui.tiny.dropdown .menu>.item{font-size:.85714286rem}.ui.small.dropdown .menu>.item{font-size:.92857143rem}.ui.dropdown .menu>.item{font-size:1rem}.ui.large.dropdown .menu>.item{font-size:1.14285714rem}.ui.big.dropdown .menu>.item{font-size:1.28571429rem}.ui.huge.dropdown .menu>.item{font-size:1.42857143rem}.ui.massive.dropdown .menu>.item{font-size:1.71428571rem}@font-face{font-family:Dropdown;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.dropdown>.dropdown.icon{font-family:Dropdown;line-height:1;height:1em;width:1.23em;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.dropdown.icon:before{content:'\f0d7'}.ui.dropdown .menu .item .dropdown.icon:before{content:'\f0da'}.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before{content:"\f0d9"}.ui.vertical.menu .dropdown.item>.dropdown.icon:before{content:"\f0da"}.ui.inverted.dropdown .menu{background:#1b1c1d;-webkit-box-shadow:none;box-shadow:none;border:1px solid rgba(255,255,255,.15)}.ui.inverted.dropdown .menu>.item{color:rgba(255,255,255,.8)}.ui.inverted.dropdown .menu .active.item{background:0 0;color:rgba(255,255,255,.8);-webkit-box-shadow:none;box-shadow:none}.ui.inverted.dropdown .menu>.item:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}.ui.inverted.dropdown .menu .selected.item,.ui.inverted.dropdown.selected{background:rgba(255,255,255,.15);color:rgba(255,255,255,.8)}.ui.inverted.dropdown .menu>.header{color:#fff}.ui.inverted.dropdown .menu>.item>.description,.ui.inverted.dropdown>.text>.description{color:rgba(255,255,255,.5)}.ui.inverted.dropdown .menu>.divider{border-top:1px solid rgba(255,255,255,.15)}.ui.inverted.dropdown .scrolling.menu{border:none;border-top:1px solid rgba(255,255,255,.15)}.ui.inverted.selection.dropdown{border:1px solid rgba(255,255,255,.15);background:#1b1c1d;color:rgba(255,255,255,.8)}.ui.inverted.selection.dropdown:hover{border-color:rgba(255,255,255,.25);-webkit-box-shadow:none;box-shadow:none}.ui.inverted.selection.dropdown input{color:#fff}.ui.inverted.default.dropdown:not(.button)>.text,.ui.inverted.dropdown:not(.button)>.default.text{color:rgba(255,255,255,.5)}.ui.inverted.default.dropdown:not(.button)>input:focus~.text,.ui.inverted.dropdown:not(.button)>input:focus~.default.text{color:rgba(255,255,255,.7)}.ui.inverted.selection.visible.dropdown>.text:not(.default){color:rgba(255,255,255,.9)}.ui.inverted.active.search.dropdown input.search:focus+.text .flag,.ui.inverted.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.inverted.active.search.dropdown input.search:focus+.text{color:rgba(255,255,255,.7)!important}.ui.inverted.selection.active.dropdown .menu,.ui.inverted.selection.active.dropdown:hover{border-color:rgba(255,255,255,.15)}.ui.inverted.selection.dropdown .menu>.item{border-top:1px solid #242526}.ui.inverted.dropdown .menu>.message:not(.ui){color:rgba(255,255,255,.5)}.ui.inverted.dropdown .menu>.item:first-child{border-top-width:0}.ui.inverted.multiple.dropdown>.label{background-color:rgba(255,255,255,.7);background-image:none;color:#000;-webkit-box-shadow:0 0 0 1px rgba(255,255,255,0) inset;box-shadow:0 0 0 1px rgba(255,255,255,0) inset}.ui.inverted.multiple.dropdown>.label:hover{background-color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.9);background-image:none;color:#000}.ui.inverted.multiple.dropdown>.label>.close.icon,.ui.inverted.multiple.dropdown>.label>.delete.icon{opacity:.6}.ui.inverted.multiple.dropdown>.label>.close.icon:hover,.ui.inverted.multiple.dropdown>.label>.delete.icon:hover{opacity:.8}.ui.inverted.dropdown input::-webkit-selection,.ui.inverted.dropdown textarea::-webkit-selection{background-color:rgba(255,255,255,.25);color:rgba(255,255,255,.8)}.ui.inverted.dropdown input::selection,.ui.inverted.dropdown textarea::selection{background-color:rgba(255,255,255,.25);color:rgba(255,255,255,.8)}.ui.inverted.dropdown .menu::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)} \ No newline at end of file diff --git a/dist/components/dropdown.min.js b/dist/components/dropdown.min.js index a9b566c0b3..1b207b8103 100644 --- a/dist/components/dropdown.min.js +++ b/dist/components/dropdown.min.js @@ -1 +1,11 @@ -!function(G,J,Z,_){"use strict";J=void 0!==J&&J.Math==Math?J:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),G.fn.dropdown=function(H){var N,U=G(this),j=G(Z),K=U.selector||"",W="ontouchstart"in Z.documentElement,B=(new Date).getTime(),$=[],Q=H,X="string"==typeof Q,Y=[].slice.call(arguments,1);return U.each(function(n){var e,t,i,a,o,s,r,h,m=G.isPlainObject(H)?G.extend(!0,{},G.fn.dropdown.settings,H):G.extend({},G.fn.dropdown.settings),g=m.className,c=m.message,l=m.fields,p=m.keys,b=m.metadata,u=m.namespace,d=m.regExp,w=m.selector,v=m.error,f=m.templates,x="."+u,C="module-"+u,S=G(this),y=G(m.context),A=S.find(w.text),T=S.find(w.search),k=S.find(w.sizer),I=S.find(w.input),L=S.find(w.icon),D=S.find(w.clearIcon),q=0").html(a).attr("data-"+b.value,t).attr("data-"+b.text,t).addClass(g.addition).addClass(g.item),m.hideAdditions&&i.addClass(g.hidden),n=n===_?i:n.add(i),h.verbose("Creating user choices for value",t,i))}),n)},userLabels:function(e){var t=h.get.userValues();t&&(h.debug("Adding user labels",t),G.each(t,function(e,t){h.verbose("Adding custom user value"),h.add.label(t,t)}))},menu:function(){R=G("
    ").addClass(g.menu).appendTo(S)},sizer:function(){k=G("").addClass(g.sizer).insertAfter(T)}},search:function(e){e=e!==_?e:h.get.query(),h.verbose("Searching for query",e),h.has.minCharacters(e)?h.filter(e):h.hide()},select:{firstUnfiltered:function(){h.verbose("Selecting first non-filtered element"),h.remove.selectedItem(),O.not(w.unselectable).not(w.addition+w.hidden).eq(0).addClass(g.selected)},nextAvailable:function(e){var t=(e=e.eq(0)).nextAll(w.item).not(w.unselectable).eq(0),n=e.prevAll(w.item).not(w.unselectable).eq(0);0").addClass("remove icon").insertBefore(A)),h.is.search()&&!h.has.search()&&(h.verbose("Adding search input"),T=G("").addClass(g.search).prop("autocomplete","off").insertBefore(A)),h.is.multiple()&&h.is.searchSelection()&&!h.has.sizer()&&h.create.sizer(),m.allowTab&&h.set.tabbable()},select:function(){var e=h.get.selectValues();h.debug("Dropdown initialized on a select",e),S.is("select")&&(I=S),0").attr("class",I.attr("class")).addClass(g.selection).addClass(g.dropdown).html(f.dropdown(e)).insertBefore(I),I.hasClass(g.multiple)&&!1===I.prop("multiple")&&(h.error(v.missingMultiple),I.prop("multiple",!0)),I.is("[multiple]")&&h.set.multiple(),I.prop("disabled")&&(h.debug("Disabling dropdown"),S.addClass(g.disabled)),I.removeAttr("class").detach().prependTo(S)),h.refresh()},menu:function(e){R.html(f.menu(e,l)),O=R.find(w.item),V=m.hideDividers?O.parent().children(w.divider):G()},reference:function(){h.debug("Dropdown behavior was called on select, replacing with closest dropdown"),S=S.parent(w.dropdown),z=S.data(C),P=S.get(0),h.refresh(),h.setup.returnedObject()},returnedObject:function(){var e=U.slice(0,n),t=U.slice(n+1);U=e.add(S).add(t)}},refresh:function(){h.refreshSelectors(),h.refreshData()},refreshItems:function(){O=R.find(w.item),V=m.hideDividers?O.parent().children(w.divider):G()},refreshSelectors:function(){h.verbose("Refreshing selector cache"),A=S.find(w.text),T=S.find(w.search),I=S.find(w.input),L=S.find(w.icon),q=0 modified, recreating menu"),h.is.selectMutation(e)&&(h.disconnect.selectObserver(),h.refresh(),h.setup.select(),h.set.selected(),h.observe.select())}},menu:{mutation:function(e){var t=e[0],n=t.addedNodes?G(t.addedNodes[0]):G(!1),i=t.removedNodes?G(t.removedNodes[0]):G(!1),a=n.add(i),o=a.is(w.addition)||0t.name?1:-1}):"natural"===m.sortSelect?a.values.sort(function(e,t){return e.name.toLowerCase()>t.name.toLowerCase()?1:-1}):G.isFunction(m.sortSelect)&&a.values.sort(m.sortSelect),h.debug("Retrieved and sorted values from select",a)):h.debug("Retrieved values from select",a),a},activeItem:function(){return O.filter("."+g.active)},selectedItem:function(){var e=O.not(w.unselectable).filter("."+g.selected);return 0=m.maxSelections?(h.debug("Maximum selection count reached"),m.useLabels&&(O.addClass(g.filtered),h.add.message(c.maxSelections)),!0):(h.verbose("No longer at maximum selection count"),h.remove.message(),h.remove.filteredItem(),h.is.searchSelection()&&h.filterItems(),!1))}},restore:{defaults:function(){h.clear(),h.restore.defaultText(),h.restore.defaultValue()},defaultText:function(){var e=h.get.defaultText();e===h.get.placeholderText?(h.debug("Restoring default placeholder text",e),h.set.placeholderText(e)):(h.debug("Restoring default text",e),h.set.text(e))},placeholderText:function(){h.set.placeholderText()},defaultValue:function(){var e=h.get.defaultValue();e!==_&&(h.debug("Restoring default value",e),""!==e?(h.set.value(e),h.set.selected()):(h.remove.activeItem(),h.remove.selectedItem()))},labels:function(){m.allowAdditions&&(m.useLabels||(h.error(v.labels),m.useLabels=!0),h.debug("Restoring selected values"),h.create.userLabels()),h.check.maxSelections()},selected:function(){h.restore.values(),h.is.multiple()?(h.debug("Restoring previously selected values and labels"),h.restore.labels()):h.debug("Restoring previously selected values")},values:function(){h.set.initialLoad(),m.apiSettings&&m.saveRemoteData&&h.get.remoteValues()?h.restore.remoteValues():h.set.selected(),h.remove.initialLoad()},remoteValues:function(){var e=h.get.remoteValues();h.debug("Recreating selected from session data",e),e&&(h.is.single()?G.each(e,function(e,t){h.set.text(t)}):G.each(e,function(e,t){h.add.label(e,t)}))}},read:{remoteData:function(e){var t;if(J.Storage!==_)return(t=sessionStorage.getItem(e))!==_&&t;h.error(v.noStorage)}},save:{defaults:function(){h.save.defaultText(),h.save.placeholderText(),h.save.defaultValue()},defaultValue:function(){var e=h.get.value();h.verbose("Saving default value as",e),S.data(b.defaultValue,e)},defaultText:function(){var e=h.get.text();h.verbose("Saving default text as",e),S.data(b.defaultText,e)},placeholderText:function(){var e;!1!==m.placeholder&&A.hasClass(g.placeholder)&&(e=h.get.text(),h.verbose("Saving placeholder text as",e),S.data(b.placeholderText,e))},remoteData:function(e,t){J.Storage!==_?(h.verbose("Saving remote data to session storage",t,e),sessionStorage.setItem(t,e)):h.error(v.noStorage)}},clear:function(){h.is.multiple()&&m.useLabels?h.remove.labels():(h.remove.activeItem(),h.remove.selectedItem(),h.remove.filteredItem()),h.set.placeholderText(),h.clearValue()},clearValue:function(){h.set.value("")},scrollPage:function(e,t){var n,i,a=t||h.get.selectedItem(),o=a.closest(w.menu),s=o.outerHeight(),r=o.scrollTop(),l=O.eq(0).outerHeight(),c=Math.floor(s/l),u=(o.prop("scrollHeight"),"up"==e?r-l*c:r+l*c),d=O.not(w.unselectable);i="up"==e?d.index(a)-c:d.index(a)+c,0<(n=("up"==e?0<=i:i").addClass(g.label).attr("data-"+b.value,o).html(f.label(o,t)),i=m.onLabelCreate.call(i,o,t),h.has.label(e)?h.debug("User selection already exists, skipping",o):(m.label.variation&&i.addClass(m.label.variation),!0===n?(h.debug("Animating in label",i),i.addClass(g.hidden).insertBefore(a).transition(m.label.transition,m.label.duration)):(h.debug("Adding selection label",i),i.insertBefore(a)))},message:function(e){var t=R.children(w.message),n=m.templates.message(h.add.variables(e));0").html(n).addClass(g.message).appendTo(R)},optionValue:function(e){var t=h.escape.value(e);0").prop("value",t).addClass(g.addition).html(e).appendTo(I),h.verbose("Adding user addition as an
    ").addClass(g.menu).appendTo(y)},sizer:function(){k=G("").addClass(g.sizer).insertAfter(T)}},search:function(e){e=e!==_?e:h.get.query(),h.verbose("Searching for query",e),h.has.minCharacters(e)?h.filter(e):h.hide()},select:{firstUnfiltered:function(){h.verbose("Selecting first non-filtered element"),h.remove.selectedItem(),O.not(w.unselectable).not(w.addition+w.hidden).eq(0).addClass(g.selected)},nextAvailable:function(e){var t=(e=e.eq(0)).nextAll(w.item).not(w.unselectable).eq(0),n=e.prevAll(w.item).not(w.unselectable).eq(0);0").addClass("remove icon").insertBefore(A)),h.is.search()&&!h.has.search()&&(h.verbose("Adding search input"),T=G("").addClass(g.search).prop("autocomplete","off").insertBefore(A)),h.is.multiple()&&h.is.searchSelection()&&!h.has.sizer()&&h.create.sizer(),m.allowTab&&h.set.tabbable()},select:function(){var e=h.get.selectValues();h.debug("Dropdown initialized on a select",e),y.is("select")&&(L=y),0").attr("class",L.attr("class")).addClass(g.selection).addClass(g.dropdown).html(f.dropdown(e,m.preserveHTML)).insertBefore(L),L.hasClass(g.multiple)&&!1===L.prop("multiple")&&(h.error(v.missingMultiple),L.prop("multiple",!0)),L.is("[multiple]")&&h.set.multiple(),L.prop("disabled")&&(h.debug("Disabling dropdown"),y.addClass(g.disabled)),L.removeAttr("class").detach().prependTo(y)),h.refresh()},menu:function(e){R.html(f.menu(e,l,m.preserveHTML)),O=R.find(w.item),E=m.hideDividers?O.parent().children(w.divider):G()},reference:function(){h.debug("Dropdown behavior was called on select, replacing with closest dropdown"),y=y.parent(w.dropdown),z=y.data(C),P=y.get(0),h.refresh(),h.setup.returnedObject()},returnedObject:function(){var e=U.slice(0,n),t=U.slice(n+1);U=e.add(y).add(t)}},refresh:function(){h.refreshSelectors(),h.refreshData()},refreshItems:function(){O=R.find(w.item),E=m.hideDividers?O.parent().children(w.divider):G()},refreshSelectors:function(){h.verbose("Refreshing selector cache"),A=y.find(w.text),T=y.find(w.search),L=y.find(w.input),I=y.find(w.icon),q=0 modified, recreating menu"),h.is.selectMutation(e)&&(h.disconnect.selectObserver(),h.refresh(),h.setup.select(),h.set.selected(),h.observe.select())}},menu:{mutation:function(e){var t=e[0],n=t.addedNodes?G(t.addedNodes[0]):G(!1),i=t.removedNodes?G(t.removedNodes[0]):G(!1),a=n.add(i),o=a.is(w.addition)||0t.name?1:-1}):"natural"===m.sortSelect?a.values.sort(function(e,t){return e.name.toLowerCase()>t.name.toLowerCase()?1:-1}):G.isFunction(m.sortSelect)&&a.values.sort(m.sortSelect),h.debug("Retrieved and sorted values from select",a)):h.debug("Retrieved values from select",a),a},activeItem:function(){return O.filter("."+g.active)},selectedItem:function(){var e=O.not(w.unselectable).filter("."+g.selected);return 0=m.maxSelections?(h.debug("Maximum selection count reached"),m.useLabels&&(O.addClass(g.filtered),h.add.message(c.maxSelections)),!0):(h.verbose("No longer at maximum selection count"),h.remove.message(),h.remove.filteredItem(),h.is.searchSelection()&&h.filterItems(),!1))}},restore:{defaults:function(){h.clear(),h.restore.defaultText(),h.restore.defaultValue()},defaultText:function(){var e=h.get.defaultText();e===h.get.placeholderText?(h.debug("Restoring default placeholder text",e),h.set.placeholderText(e)):(h.debug("Restoring default text",e),h.set.text(e))},placeholderText:function(){h.set.placeholderText()},defaultValue:function(){var e=h.get.defaultValue();e!==_&&(h.debug("Restoring default value",e),""!==e?(h.set.value(e),h.set.selected()):(h.remove.activeItem(),h.remove.selectedItem()))},labels:function(){m.allowAdditions&&(m.useLabels||(h.error(v.labels),m.useLabels=!0),h.debug("Restoring selected values"),h.create.userLabels()),h.check.maxSelections()},selected:function(){h.restore.values(),h.is.multiple()?(h.debug("Restoring previously selected values and labels"),h.restore.labels()):h.debug("Restoring previously selected values")},values:function(){h.set.initialLoad(),m.apiSettings&&m.saveRemoteData&&h.get.remoteValues()?h.restore.remoteValues():h.set.selected(),h.get.item()?L.removeClass(g.noselection):L.addClass(g.noselection),h.remove.initialLoad()},remoteValues:function(){var e=h.get.remoteValues();h.debug("Recreating selected from session data",e),e&&(h.is.single()?G.each(e,function(e,t){h.set.text(t)}):G.each(e,function(e,t){h.add.label(e,t)}))}},read:{remoteData:function(e){var t;if(J.Storage!==_)return(t=sessionStorage.getItem(e))!==_&&t;h.error(v.noStorage)}},save:{defaults:function(){h.save.defaultText(),h.save.placeholderText(),h.save.defaultValue()},defaultValue:function(){var e=h.get.value();h.verbose("Saving default value as",e),y.data(b.defaultValue,e)},defaultText:function(){var e=h.get.text();h.verbose("Saving default text as",e),y.data(b.defaultText,e)},placeholderText:function(){var e;!1!==m.placeholder&&A.hasClass(g.placeholder)&&(e=h.get.text(),h.verbose("Saving placeholder text as",e),y.data(b.placeholderText,e))},remoteData:function(e,t){J.Storage!==_?(h.verbose("Saving remote data to session storage",t,e),sessionStorage.setItem(t,e)):h.error(v.noStorage)}},clear:function(){h.is.multiple()&&m.useLabels?h.remove.labels():(h.remove.activeItem(),h.remove.selectedItem(),h.remove.filteredItem()),h.set.placeholderText(),h.clearValue()},clearValue:function(){h.set.value("")},scrollPage:function(e,t){var n,i,a=t||h.get.selectedItem(),o=a.closest(w.menu),s=o.outerHeight(),r=o.scrollTop(),l=O.eq(0).outerHeight(),c=Math.floor(s/l),u=(o.prop("scrollHeight"),"up"==e?r-l*c:r+l*c),d=O.not(w.unselectable);i="up"==e?d.index(a)-c:d.index(a)+c,0<(n=("up"==e?0<=i:i").addClass(g.label).attr("data-"+b.value,o).html(f.label(o,t,m.preserveHTML)),i=m.onLabelCreate.call(i,o,t),h.has.label(e)?h.debug("User selection already exists, skipping",o):(m.label.variation&&i.addClass(m.label.variation),!0===n?(h.debug("Animating in label",i),i.addClass(g.hidden).insertBefore(a).transition(m.label.transition,m.label.duration)):(h.debug("Adding selection label",i),i.insertBefore(a)))},message:function(e){var t=R.children(w.message),n=m.templates.message(h.add.variables(e));0").html(n).addClass(g.message).appendTo(R)},optionValue:function(e){var t=h.escape.value(e);0").prop("value",t).addClass(g.addition).html(e).appendTo(L),h.verbose("Adding user addition as an
    ").addClass(n.embed).html(c.generate.embed(e)).appendTo(s),t.onCreate.call(p,e),c.debug("Creating embed object",m)},changeEmbed:function(e){m.html(c.generate.embed(e))},createAndShow:function(){c.createEmbed(),c.show()},change:function(e,n,o){c.debug("Changing video to ",e,n,o),s.data(a.source,e).data(a.id,n),o?s.data(a.url,o):s.removeData(a.url),c.has.embed()?c.changeEmbed():c.create()},reset:function(){c.debug("Clearing embed and showing placeholder"),c.remove.data(),c.remove.active(),c.remove.embed(),c.showPlaceholder(),t.onReset.call(p)},show:function(){c.debug("Showing embed"),c.set.active(),t.onDisplay.call(p)},hide:function(){c.debug("Hiding embed"),c.showPlaceholder()},showPlaceholder:function(){c.debug("Showing placeholder image"),c.remove.active(),t.onPlaceholderDisplay.call(p)},get:{id:function(){return t.id||s.data(a.id)},placeholder:function(){return t.placeholder||s.data(a.placeholder)},icon:function(){return t.icon?t.icon:s.data(a.icon)!==j?s.data(a.icon):c.determine.icon()},source:function(e){return t.source?t.source:s.data(a.source)!==j?s.data(a.source):c.determine.source()},type:function(){var e=c.get.source();return r[e]!==j&&r[e].type},url:function(){return t.url?t.url:s.data(a.url)!==j?s.data(a.url):c.determine.url()}},determine:{autoplay:function(){c.should.autoplay()&&(t.autoplay=!0)},source:function(o){var t=!1;return(o=o||c.get.url())&&E.each(r,function(e,n){if(-1!==o.search(n.domain))return t=e,!1}),t},icon:function(){var e=c.get.source();return r[e]!==j&&r[e].icon},url:function(){var e,n=t.id||s.data(a.id),o=t.source||s.data(a.source);return(e=r[o]!==j&&r[o].url.replace("{id}",n))&&s.data(a.url,e),e}},set:{active:function(){s.addClass(n.active)}},remove:{data:function(){s.removeData(a.id).removeData(a.icon).removeData(a.placeholder).removeData(a.source).removeData(a.url)},active:function(){s.removeClass(n.active)},embed:function(){m.empty()}},encode:{parameters:function(e){var n,o=[];for(n in e)o.push(encodeURIComponent(n)+"="+encodeURIComponent(e[n]));return o.join("&")}},generate:{embed:function(e){c.debug("Generating embed html");var n,o,t=c.get.source();return(e=c.get.url(e))?(o=c.generate.parameters(t),n=i.iframe(e,o)):c.error(l.noURL,s),n},parameters:function(e,n){var o=r[e]&&r[e].parameters!==j?r[e].parameters(t):{};return(n=n||t.parameters)&&(o=E.extend({},o,n)),o=t.onEmbed(o),c.encode.parameters(o)}},has:{embed:function(){return 0'},placeholder:function(e,n){var o="";return n&&(o+=''),e&&(o+=''),o}},api:!1,onPause:function(){},onPlay:function(){},onStop:function(){}}}(jQuery,window,document); \ No newline at end of file + /* + * # Fomantic UI - 2.7.0 + * https://github.com/fomantic/Fomantic-UI + * http://fomantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +!function(E,U,e,T){"use strict";E.isFunction=E.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},U=void 0!==U&&U.Math==Math?U:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),E.fn.embed=function(h){var b,g=E(this),v=g.selector||"",y=(new Date).getTime(),w=[],P=h,C="string"==typeof P,D=[].slice.call(arguments,1);return g.each(function(){var c,t=E.isPlainObject(h)?E.extend(!0,{},E.fn.embed.settings,h):E.extend({},E.fn.embed.settings),e=t.selector,n=t.className,r=t.sources,l=t.error,a=t.metadata,o=t.namespace,i=t.templates,d="."+o,u="module-"+o,s=(E(U),E(this)),m=(s.find(e.placeholder),s.find(e.icon),s.find(e.embed)),p=this,f=s.data(u);c={initialize:function(){c.debug("Initializing embed"),c.determine.autoplay(),c.create(),c.bind.events(),c.instantiate()},instantiate:function(){c.verbose("Storing instance of module",c),f=c,s.data(u,c)},destroy:function(){c.verbose("Destroying previous instance of embed"),c.reset(),s.removeData(u).off(d)},refresh:function(){c.verbose("Refreshing selector cache"),s.find(e.placeholder),s.find(e.icon),m=s.find(e.embed)},bind:{events:function(){c.has.placeholder()&&(c.debug("Adding placeholder events"),s.on("click"+d,e.placeholder,c.createAndShow).on("click"+d,e.icon,c.createAndShow))}},create:function(){c.get.placeholder()?c.createPlaceholder():c.createAndShow()},createPlaceholder:function(e){var n=c.get.icon(),o=c.get.url();c.generate.embed(o);e=e||c.get.placeholder(),s.html(i.placeholder(e,n)),c.debug("Creating placeholder for embed",e,n)},createEmbed:function(e){c.refresh(),e=e||c.get.url(),m=E("
    ").addClass(n.embed).html(c.generate.embed(e)).appendTo(s),t.onCreate.call(p,e),c.debug("Creating embed object",m)},changeEmbed:function(e){m.html(c.generate.embed(e))},createAndShow:function(){c.createEmbed(),c.show()},change:function(e,n,o){c.debug("Changing video to ",e,n,o),s.data(a.source,e).data(a.id,n),o?s.data(a.url,o):s.removeData(a.url),c.has.embed()?c.changeEmbed():c.create()},reset:function(){c.debug("Clearing embed and showing placeholder"),c.remove.data(),c.remove.active(),c.remove.embed(),c.showPlaceholder(),t.onReset.call(p)},show:function(){c.debug("Showing embed"),c.set.active(),t.onDisplay.call(p)},hide:function(){c.debug("Hiding embed"),c.showPlaceholder()},showPlaceholder:function(){c.debug("Showing placeholder image"),c.remove.active(),t.onPlaceholderDisplay.call(p)},get:{id:function(){return t.id||s.data(a.id)},placeholder:function(){return t.placeholder||s.data(a.placeholder)},icon:function(){return t.icon?t.icon:s.data(a.icon)!==T?s.data(a.icon):c.determine.icon()},source:function(e){return t.source?t.source:s.data(a.source)!==T?s.data(a.source):c.determine.source()},type:function(){var e=c.get.source();return r[e]!==T&&r[e].type},url:function(){return t.url?t.url:s.data(a.url)!==T?s.data(a.url):c.determine.url()}},determine:{autoplay:function(){c.should.autoplay()&&(t.autoplay=!0)},source:function(o){var t=!1;return(o=o||c.get.url())&&E.each(r,function(e,n){if(-1!==o.search(n.domain))return t=e,!1}),t},icon:function(){var e=c.get.source();return r[e]!==T&&r[e].icon},url:function(){var e,n=t.id||s.data(a.id),o=t.source||s.data(a.source);return(e=r[o]!==T&&r[o].url.replace("{id}",n))&&s.data(a.url,e),e}},set:{active:function(){s.addClass(n.active)}},remove:{data:function(){s.removeData(a.id).removeData(a.icon).removeData(a.placeholder).removeData(a.source).removeData(a.url)},active:function(){s.removeClass(n.active)},embed:function(){m.empty()}},encode:{parameters:function(e){var n,o=[];for(n in e)o.push(encodeURIComponent(n)+"="+encodeURIComponent(e[n]));return o.join("&")}},generate:{embed:function(e){c.debug("Generating embed html");var n,o,t=c.get.source();return(e=c.get.url(e))?(o=c.generate.parameters(t),n=i.iframe(e,o)):c.error(l.noURL,s),n},parameters:function(e,n){var o=r[e]&&r[e].parameters!==T?r[e].parameters(t):{};return(n=n||t.parameters)&&(o=E.extend({},o,n)),o=t.onEmbed(o),c.encode.parameters(o)}},has:{embed:function(){return 0'},placeholder:function(e,n){var o="";return n&&(o+=''),e&&(o+=''),o}},api:!1,onPause:function(){},onPlay:function(){},onStop:function(){}}}(jQuery,window,document); \ No newline at end of file diff --git a/dist/components/feed.css b/dist/components/feed.css index e47204ec2c..63b145912e 100644 --- a/dist/components/feed.css +++ b/dist/components/feed.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Feed + * # Semantic UI 2.7.0 - Feed * http://github.com/semantic-org/semantic-ui/ * * @@ -14,13 +14,13 @@ *******************************/ .ui.feed { - margin: 1em 0em; + margin: 1em 0; } .ui.feed:first-child { - margin-top: 0em; + margin-top: 0; } .ui.feed:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -39,17 +39,17 @@ -ms-flex-direction: row; flex-direction: row; width: 100%; - padding: 0.21428571rem 0em; - margin: 0em; + padding: 0.21428571rem 0; + margin: 0; background: none; border-top: none; } .ui.feed > .event:first-child { - border-top: 0px; - padding-top: 0em; + border-top: 0; + padding-top: 0; } .ui.feed > .event:last-child { - padding-bottom: 0em; + padding-bottom: 0; } /* Event Label */ @@ -80,7 +80,7 @@ border-radius: 500rem; } .ui.feed > .event > .label + .content { - margin: 0.5em 0em 0.35714286em 1.14285714em; + margin: 0.5em 0 0.35714286em 1.14285714em; } /*-------------- @@ -100,7 +100,7 @@ word-wrap: break-word; } .ui.feed > .event:last-child > .content { - padding-bottom: 0em; + padding-bottom: 0; } /* Link */ @@ -113,8 +113,8 @@ ---------------*/ .ui.feed > .event > .content .date { - margin: -0.5rem 0em 0em; - padding: 0em; + margin: -0.5rem 0 0; + padding: 0; color: rgba(0, 0, 0, 0.4); font-weight: normal; font-size: 1em; @@ -126,7 +126,7 @@ ---------------*/ .ui.feed > .event > .content .summary { - margin: 0em; + margin: 0; font-size: 1em; font-weight: bold; color: rgba(0, 0, 0, 0.87); @@ -137,7 +137,7 @@ display: inline-block; width: auto; height: 10em; - margin: -0.25em 0.25em 0em 0em; + margin: -0.25em 0.25em 0 0; border-radius: 0.25em; vertical-align: middle; } @@ -149,11 +149,11 @@ .ui.feed > .event > .content .user { display: inline-block; font-weight: bold; - margin-right: 0em; + margin-right: 0; vertical-align: baseline; } .ui.feed > .event > .content .user img { - margin: -0.25em 0.25em 0em 0em; + margin: -0.25em 0.25em 0 0; width: auto; height: 10em; vertical-align: middle; @@ -171,8 +171,8 @@ font-weight: normal; font-size: 0.85714286em; font-style: normal; - margin: 0em 0em 0em 0.5em; - padding: 0em; + margin: 0 0 0 0.5em; + padding: 0; color: rgba(0, 0, 0, 0.4); } @@ -181,22 +181,22 @@ ---------------*/ .ui.feed > .event > .content .extra { - margin: 0.5em 0em 0em; + margin: 0.5em 0 0; background: none; - padding: 0em; + padding: 0; color: rgba(0, 0, 0, 0.87); } /* Images */ .ui.feed > .event > .content .extra.images img { display: inline-block; - margin: 0em 0.25em 0em 0em; + margin: 0 0.25em 0 0; width: 6em; } /* Text */ .ui.feed > .event > .content .extra.text { - padding: 0em; + padding: 0; border-left: none; font-size: 1em; max-width: 500px; @@ -210,13 +210,13 @@ .ui.feed > .event > .content .meta { display: inline-block; font-size: 0.85714286em; - margin: 0.5em 0em 0em; + margin: 0.5em 0 0; background: none; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; - padding: 0em; + padding: 0; color: rgba(0, 0, 0, 0.6); } .ui.feed > .event > .content .meta > * { @@ -226,7 +226,7 @@ .ui.feed > .event > .content .meta > *:after { content: ''; color: rgba(0, 0, 0, 0.2); - top: 0em; + top: 0; left: -1em; opacity: 1; position: absolute; @@ -246,7 +246,7 @@ /* First element */ .ui.feed > .event > .content .meta > :first-child { - margin-left: 0em; + margin-left: 0; } .ui.feed > .event > .content .meta > :first-child::after { display: none; diff --git a/dist/components/feed.min.css b/dist/components/feed.min.css index 069ba3674f..01b07a6c0f 100644 --- a/dist/components/feed.min.css +++ b/dist/components/feed.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Feed + * # Semantic UI 2.7.0 - Feed * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/flag.css b/dist/components/flag.css index abb5dac409..cf62d93c6c 100644 --- a/dist/components/flag.css +++ b/dist/components/flag.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Flag + * # Semantic UI 2.7.0 - Flag * http://github.com/semantic-org/semantic-ui/ * * @@ -19,10 +19,10 @@ i.flag:not(.icon) { height: 11px; line-height: 11px; vertical-align: baseline; - margin: 0em 0.5em 0em 0em; + margin: 0 0.5em 0 0; text-decoration: inherit; speak: none; - font-smoothing: antialiased; + -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @@ -45,308 +45,308 @@ i.flag:not(.icon):before { i.flag.ad:before, i.flag.andorra:before { - background-position: 0px 0px; + background-position: 0 0; } i.flag.ae:before, i.flag.united.arab.emirates:before, i.flag.uae:before { - background-position: 0px -26px; + background-position: 0 -26px; } i.flag.af:before, i.flag.afghanistan:before { - background-position: 0px -52px; + background-position: 0 -52px; } i.flag.ag:before, i.flag.antigua:before { - background-position: 0px -78px; + background-position: 0 -78px; } i.flag.ai:before, i.flag.anguilla:before { - background-position: 0px -104px; + background-position: 0 -104px; } i.flag.al:before, i.flag.albania:before { - background-position: 0px -130px; + background-position: 0 -130px; } i.flag.am:before, i.flag.armenia:before { - background-position: 0px -156px; + background-position: 0 -156px; } i.flag.an:before, i.flag.netherlands.antilles:before { - background-position: 0px -182px; + background-position: 0 -182px; } i.flag.ao:before, i.flag.angola:before { - background-position: 0px -208px; + background-position: 0 -208px; } i.flag.ar:before, i.flag.argentina:before { - background-position: 0px -234px; + background-position: 0 -234px; } i.flag.as:before, i.flag.american.samoa:before { - background-position: 0px -260px; + background-position: 0 -260px; } i.flag.at:before, i.flag.austria:before { - background-position: 0px -286px; + background-position: 0 -286px; } i.flag.au:before, i.flag.australia:before { - background-position: 0px -312px; + background-position: 0 -312px; } i.flag.aw:before, i.flag.aruba:before { - background-position: 0px -338px; + background-position: 0 -338px; } i.flag.ax:before, i.flag.aland.islands:before { - background-position: 0px -364px; + background-position: 0 -364px; } i.flag.az:before, i.flag.azerbaijan:before { - background-position: 0px -390px; + background-position: 0 -390px; } i.flag.ba:before, i.flag.bosnia:before { - background-position: 0px -416px; + background-position: 0 -416px; } i.flag.bb:before, i.flag.barbados:before { - background-position: 0px -442px; + background-position: 0 -442px; } i.flag.bd:before, i.flag.bangladesh:before { - background-position: 0px -468px; + background-position: 0 -468px; } i.flag.be:before, i.flag.belgium:before { - background-position: 0px -494px; + background-position: 0 -494px; } i.flag.bf:before, i.flag.burkina.faso:before { - background-position: 0px -520px; + background-position: 0 -520px; } i.flag.bg:before, i.flag.bulgaria:before { - background-position: 0px -546px; + background-position: 0 -546px; } i.flag.bh:before, i.flag.bahrain:before { - background-position: 0px -572px; + background-position: 0 -572px; } i.flag.bi:before, i.flag.burundi:before { - background-position: 0px -598px; + background-position: 0 -598px; } i.flag.bj:before, i.flag.benin:before { - background-position: 0px -624px; + background-position: 0 -624px; } i.flag.bm:before, i.flag.bermuda:before { - background-position: 0px -650px; + background-position: 0 -650px; } i.flag.bn:before, i.flag.brunei:before { - background-position: 0px -676px; + background-position: 0 -676px; } i.flag.bo:before, i.flag.bolivia:before { - background-position: 0px -702px; + background-position: 0 -702px; } i.flag.br:before, i.flag.brazil:before { - background-position: 0px -728px; + background-position: 0 -728px; } i.flag.bs:before, i.flag.bahamas:before { - background-position: 0px -754px; + background-position: 0 -754px; } i.flag.bt:before, i.flag.bhutan:before { - background-position: 0px -780px; + background-position: 0 -780px; } i.flag.bv:before, i.flag.bouvet.island:before { - background-position: 0px -806px; + background-position: 0 -806px; } i.flag.bw:before, i.flag.botswana:before { - background-position: 0px -832px; + background-position: 0 -832px; } i.flag.by:before, i.flag.belarus:before { - background-position: 0px -858px; + background-position: 0 -858px; } i.flag.bz:before, i.flag.belize:before { - background-position: 0px -884px; + background-position: 0 -884px; } i.flag.ca:before, i.flag.canada:before { - background-position: 0px -910px; + background-position: 0 -910px; } i.flag.cc:before, i.flag.cocos.islands:before { - background-position: 0px -962px; + background-position: 0 -962px; } i.flag.cd:before, i.flag.congo:before { - background-position: 0px -988px; + background-position: 0 -988px; } i.flag.cf:before, i.flag.central.african.republic:before { - background-position: 0px -1014px; + background-position: 0 -1014px; } i.flag.cg:before, i.flag.congo.brazzaville:before { - background-position: 0px -1040px; + background-position: 0 -1040px; } i.flag.ch:before, i.flag.switzerland:before { - background-position: 0px -1066px; + background-position: 0 -1066px; } i.flag.ci:before, i.flag.cote.divoire:before { - background-position: 0px -1092px; + background-position: 0 -1092px; } i.flag.ck:before, i.flag.cook.islands:before { - background-position: 0px -1118px; + background-position: 0 -1118px; } i.flag.cl:before, i.flag.chile:before { - background-position: 0px -1144px; + background-position: 0 -1144px; } i.flag.cm:before, i.flag.cameroon:before { - background-position: 0px -1170px; + background-position: 0 -1170px; } i.flag.cn:before, i.flag.china:before { - background-position: 0px -1196px; + background-position: 0 -1196px; } i.flag.co:before, i.flag.colombia:before { - background-position: 0px -1222px; + background-position: 0 -1222px; } i.flag.cr:before, i.flag.costa.rica:before { - background-position: 0px -1248px; + background-position: 0 -1248px; } i.flag.cs:before, i.flag.serbia:before { - background-position: 0px -1274px; + background-position: 0 -1274px; } i.flag.cu:before, i.flag.cuba:before { - background-position: 0px -1300px; + background-position: 0 -1300px; } i.flag.cv:before, i.flag.cape.verde:before { - background-position: 0px -1326px; + background-position: 0 -1326px; } i.flag.cx:before, i.flag.christmas.island:before { - background-position: 0px -1352px; + background-position: 0 -1352px; } i.flag.cy:before, i.flag.cyprus:before { - background-position: 0px -1378px; + background-position: 0 -1378px; } i.flag.cz:before, i.flag.czech.republic:before { - background-position: 0px -1404px; + background-position: 0 -1404px; } i.flag.de:before, i.flag.germany:before { - background-position: 0px -1430px; + background-position: 0 -1430px; } i.flag.dj:before, i.flag.djibouti:before { - background-position: 0px -1456px; + background-position: 0 -1456px; } i.flag.dk:before, i.flag.denmark:before { - background-position: 0px -1482px; + background-position: 0 -1482px; } i.flag.dm:before, i.flag.dominica:before { - background-position: 0px -1508px; + background-position: 0 -1508px; } i.flag.do:before, i.flag.dominican.republic:before { - background-position: 0px -1534px; + background-position: 0 -1534px; } i.flag.dz:before, i.flag.algeria:before { - background-position: 0px -1560px; + background-position: 0 -1560px; } i.flag.ec:before, i.flag.ecuador:before { - background-position: 0px -1586px; + background-position: 0 -1586px; } i.flag.ee:before, i.flag.estonia:before { - background-position: 0px -1612px; + background-position: 0 -1612px; } i.flag.eg:before, i.flag.egypt:before { - background-position: 0px -1638px; + background-position: 0 -1638px; } i.flag.eh:before, i.flag.western.sahara:before { - background-position: 0px -1664px; + background-position: 0 -1664px; } i.flag.gb.eng:before, i.flag.england:before { - background-position: 0px -1690px; + background-position: 0 -1690px; } i.flag.er:before, i.flag.eritrea:before { - background-position: 0px -1716px; + background-position: 0 -1716px; } i.flag.es:before, i.flag.spain:before { - background-position: 0px -1742px; + background-position: 0 -1742px; } i.flag.et:before, i.flag.ethiopia:before { - background-position: 0px -1768px; + background-position: 0 -1768px; } i.flag.eu:before, i.flag.european.union:before { - background-position: 0px -1794px; + background-position: 0 -1794px; } i.flag.fi:before, i.flag.finland:before { - background-position: 0px -1846px; + background-position: 0 -1846px; } i.flag.fj:before, i.flag.fiji:before { - background-position: 0px -1872px; + background-position: 0 -1872px; } i.flag.fk:before, i.flag.falkland.islands:before { - background-position: 0px -1898px; + background-position: 0 -1898px; } i.flag.fm:before, i.flag.micronesia:before { - background-position: 0px -1924px; + background-position: 0 -1924px; } i.flag.fo:before, i.flag.faroe.islands:before { - background-position: 0px -1950px; + background-position: 0 -1950px; } i.flag.fr:before, i.flag.france:before { - background-position: 0px -1976px; + background-position: 0 -1976px; } i.flag.ga:before, i.flag.gabon:before { - background-position: -36px 0px; + background-position: -36px 0; } i.flag.gb:before, i.flag.uk:before, @@ -656,7 +656,7 @@ i.flag.malawi:before { } i.flag.mx:before, i.flag.mexico:before { - background-position: -72px 0px; + background-position: -72px 0; } i.flag.my:before, i.flag.malaysia:before { @@ -966,7 +966,7 @@ i.flag.uruguay:before { } i.flag.uz:before, i.flag.uzbekistan:before { - background-position: -108px 0px; + background-position: -108px 0; } i.flag.va:before, i.flag.vatican.city:before { diff --git a/dist/components/flag.min.css b/dist/components/flag.min.css index e0fa525d7a..04896701f9 100644 --- a/dist/components/flag.min.css +++ b/dist/components/flag.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Flag + * # Semantic UI 2.7.0 - Flag * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */i.flag:not(.icon){display:inline-block;width:16px;height:11px;line-height:11px;vertical-align:baseline;margin:0 .5em 0 0;text-decoration:inherit;speak:none;font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.flag:not(.icon):before{display:inline-block;content:'';background:url(../themes/default/assets/images/flags.png) no-repeat -108px -1976px;width:16px;height:11px}i.flag.ad:before,i.flag.andorra:before{background-position:0 0}i.flag.ae:before,i.flag.uae:before,i.flag.united.arab.emirates:before{background-position:0 -26px}i.flag.af:before,i.flag.afghanistan:before{background-position:0 -52px}i.flag.ag:before,i.flag.antigua:before{background-position:0 -78px}i.flag.ai:before,i.flag.anguilla:before{background-position:0 -104px}i.flag.al:before,i.flag.albania:before{background-position:0 -130px}i.flag.am:before,i.flag.armenia:before{background-position:0 -156px}i.flag.an:before,i.flag.netherlands.antilles:before{background-position:0 -182px}i.flag.angola:before,i.flag.ao:before{background-position:0 -208px}i.flag.ar:before,i.flag.argentina:before{background-position:0 -234px}i.flag.american.samoa:before,i.flag.as:before{background-position:0 -260px}i.flag.at:before,i.flag.austria:before{background-position:0 -286px}i.flag.au:before,i.flag.australia:before{background-position:0 -312px}i.flag.aruba:before,i.flag.aw:before{background-position:0 -338px}i.flag.aland.islands:before,i.flag.ax:before{background-position:0 -364px}i.flag.az:before,i.flag.azerbaijan:before{background-position:0 -390px}i.flag.ba:before,i.flag.bosnia:before{background-position:0 -416px}i.flag.barbados:before,i.flag.bb:before{background-position:0 -442px}i.flag.bangladesh:before,i.flag.bd:before{background-position:0 -468px}i.flag.be:before,i.flag.belgium:before{background-position:0 -494px}i.flag.bf:before,i.flag.burkina.faso:before{background-position:0 -520px}i.flag.bg:before,i.flag.bulgaria:before{background-position:0 -546px}i.flag.bahrain:before,i.flag.bh:before{background-position:0 -572px}i.flag.bi:before,i.flag.burundi:before{background-position:0 -598px}i.flag.benin:before,i.flag.bj:before{background-position:0 -624px}i.flag.bermuda:before,i.flag.bm:before{background-position:0 -650px}i.flag.bn:before,i.flag.brunei:before{background-position:0 -676px}i.flag.bo:before,i.flag.bolivia:before{background-position:0 -702px}i.flag.br:before,i.flag.brazil:before{background-position:0 -728px}i.flag.bahamas:before,i.flag.bs:before{background-position:0 -754px}i.flag.bhutan:before,i.flag.bt:before{background-position:0 -780px}i.flag.bouvet.island:before,i.flag.bv:before{background-position:0 -806px}i.flag.botswana:before,i.flag.bw:before{background-position:0 -832px}i.flag.belarus:before,i.flag.by:before{background-position:0 -858px}i.flag.belize:before,i.flag.bz:before{background-position:0 -884px}i.flag.ca:before,i.flag.canada:before{background-position:0 -910px}i.flag.cc:before,i.flag.cocos.islands:before{background-position:0 -962px}i.flag.cd:before,i.flag.congo:before{background-position:0 -988px}i.flag.central.african.republic:before,i.flag.cf:before{background-position:0 -1014px}i.flag.cg:before,i.flag.congo.brazzaville:before{background-position:0 -1040px}i.flag.ch:before,i.flag.switzerland:before{background-position:0 -1066px}i.flag.ci:before,i.flag.cote.divoire:before{background-position:0 -1092px}i.flag.ck:before,i.flag.cook.islands:before{background-position:0 -1118px}i.flag.chile:before,i.flag.cl:before{background-position:0 -1144px}i.flag.cameroon:before,i.flag.cm:before{background-position:0 -1170px}i.flag.china:before,i.flag.cn:before{background-position:0 -1196px}i.flag.co:before,i.flag.colombia:before{background-position:0 -1222px}i.flag.costa.rica:before,i.flag.cr:before{background-position:0 -1248px}i.flag.cs:before,i.flag.serbia:before{background-position:0 -1274px}i.flag.cu:before,i.flag.cuba:before{background-position:0 -1300px}i.flag.cape.verde:before,i.flag.cv:before{background-position:0 -1326px}i.flag.christmas.island:before,i.flag.cx:before{background-position:0 -1352px}i.flag.cy:before,i.flag.cyprus:before{background-position:0 -1378px}i.flag.cz:before,i.flag.czech.republic:before{background-position:0 -1404px}i.flag.de:before,i.flag.germany:before{background-position:0 -1430px}i.flag.dj:before,i.flag.djibouti:before{background-position:0 -1456px}i.flag.denmark:before,i.flag.dk:before{background-position:0 -1482px}i.flag.dm:before,i.flag.dominica:before{background-position:0 -1508px}i.flag.do:before,i.flag.dominican.republic:before{background-position:0 -1534px}i.flag.algeria:before,i.flag.dz:before{background-position:0 -1560px}i.flag.ec:before,i.flag.ecuador:before{background-position:0 -1586px}i.flag.ee:before,i.flag.estonia:before{background-position:0 -1612px}i.flag.eg:before,i.flag.egypt:before{background-position:0 -1638px}i.flag.eh:before,i.flag.western.sahara:before{background-position:0 -1664px}i.flag.england:before,i.flag.gb.eng:before{background-position:0 -1690px}i.flag.er:before,i.flag.eritrea:before{background-position:0 -1716px}i.flag.es:before,i.flag.spain:before{background-position:0 -1742px}i.flag.et:before,i.flag.ethiopia:before{background-position:0 -1768px}i.flag.eu:before,i.flag.european.union:before{background-position:0 -1794px}i.flag.fi:before,i.flag.finland:before{background-position:0 -1846px}i.flag.fiji:before,i.flag.fj:before{background-position:0 -1872px}i.flag.falkland.islands:before,i.flag.fk:before{background-position:0 -1898px}i.flag.fm:before,i.flag.micronesia:before{background-position:0 -1924px}i.flag.faroe.islands:before,i.flag.fo:before{background-position:0 -1950px}i.flag.fr:before,i.flag.france:before{background-position:0 -1976px}i.flag.ga:before,i.flag.gabon:before{background-position:-36px 0}i.flag.gb:before,i.flag.uk:before,i.flag.united.kingdom:before{background-position:-36px -26px}i.flag.gd:before,i.flag.grenada:before{background-position:-36px -52px}i.flag.ge:before,i.flag.georgia:before{background-position:-36px -78px}i.flag.french.guiana:before,i.flag.gf:before{background-position:-36px -104px}i.flag.gh:before,i.flag.ghana:before{background-position:-36px -130px}i.flag.gi:before,i.flag.gibraltar:before{background-position:-36px -156px}i.flag.gl:before,i.flag.greenland:before{background-position:-36px -182px}i.flag.gambia:before,i.flag.gm:before{background-position:-36px -208px}i.flag.gn:before,i.flag.guinea:before{background-position:-36px -234px}i.flag.gp:before,i.flag.guadeloupe:before{background-position:-36px -260px}i.flag.equatorial.guinea:before,i.flag.gq:before{background-position:-36px -286px}i.flag.gr:before,i.flag.greece:before{background-position:-36px -312px}i.flag.gs:before,i.flag.sandwich.islands:before{background-position:-36px -338px}i.flag.gt:before,i.flag.guatemala:before{background-position:-36px -364px}i.flag.gu:before,i.flag.guam:before{background-position:-36px -390px}i.flag.guinea-bissau:before,i.flag.gw:before{background-position:-36px -416px}i.flag.guyana:before,i.flag.gy:before{background-position:-36px -442px}i.flag.hk:before,i.flag.hong.kong:before{background-position:-36px -468px}i.flag.heard.island:before,i.flag.hm:before{background-position:-36px -494px}i.flag.hn:before,i.flag.honduras:before{background-position:-36px -520px}i.flag.croatia:before,i.flag.hr:before{background-position:-36px -546px}i.flag.haiti:before,i.flag.ht:before{background-position:-36px -572px}i.flag.hu:before,i.flag.hungary:before{background-position:-36px -598px}i.flag.id:before,i.flag.indonesia:before{background-position:-36px -624px}i.flag.ie:before,i.flag.ireland:before{background-position:-36px -650px}i.flag.il:before,i.flag.israel:before{background-position:-36px -676px}i.flag.in:before,i.flag.india:before{background-position:-36px -702px}i.flag.indian.ocean.territory:before,i.flag.io:before{background-position:-36px -728px}i.flag.iq:before,i.flag.iraq:before{background-position:-36px -754px}i.flag.ir:before,i.flag.iran:before{background-position:-36px -780px}i.flag.iceland:before,i.flag.is:before{background-position:-36px -806px}i.flag.it:before,i.flag.italy:before{background-position:-36px -832px}i.flag.jamaica:before,i.flag.jm:before{background-position:-36px -858px}i.flag.jo:before,i.flag.jordan:before{background-position:-36px -884px}i.flag.japan:before,i.flag.jp:before{background-position:-36px -910px}i.flag.ke:before,i.flag.kenya:before{background-position:-36px -936px}i.flag.kg:before,i.flag.kyrgyzstan:before{background-position:-36px -962px}i.flag.cambodia:before,i.flag.kh:before{background-position:-36px -988px}i.flag.ki:before,i.flag.kiribati:before{background-position:-36px -1014px}i.flag.comoros:before,i.flag.km:before{background-position:-36px -1040px}i.flag.kn:before,i.flag.saint.kitts.and.nevis:before{background-position:-36px -1066px}i.flag.kp:before,i.flag.north.korea:before{background-position:-36px -1092px}i.flag.kr:before,i.flag.south.korea:before{background-position:-36px -1118px}i.flag.kuwait:before,i.flag.kw:before{background-position:-36px -1144px}i.flag.cayman.islands:before,i.flag.ky:before{background-position:-36px -1170px}i.flag.kazakhstan:before,i.flag.kz:before{background-position:-36px -1196px}i.flag.la:before,i.flag.laos:before{background-position:-36px -1222px}i.flag.lb:before,i.flag.lebanon:before{background-position:-36px -1248px}i.flag.lc:before,i.flag.saint.lucia:before{background-position:-36px -1274px}i.flag.li:before,i.flag.liechtenstein:before{background-position:-36px -1300px}i.flag.lk:before,i.flag.sri.lanka:before{background-position:-36px -1326px}i.flag.liberia:before,i.flag.lr:before{background-position:-36px -1352px}i.flag.lesotho:before,i.flag.ls:before{background-position:-36px -1378px}i.flag.lithuania:before,i.flag.lt:before{background-position:-36px -1404px}i.flag.lu:before,i.flag.luxembourg:before{background-position:-36px -1430px}i.flag.latvia:before,i.flag.lv:before{background-position:-36px -1456px}i.flag.libya:before,i.flag.ly:before{background-position:-36px -1482px}i.flag.ma:before,i.flag.morocco:before{background-position:-36px -1508px}i.flag.mc:before,i.flag.monaco:before{background-position:-36px -1534px}i.flag.md:before,i.flag.moldova:before{background-position:-36px -1560px}i.flag.me:before,i.flag.montenegro:before{background-position:-36px -1586px}i.flag.madagascar:before,i.flag.mg:before{background-position:-36px -1613px}i.flag.marshall.islands:before,i.flag.mh:before{background-position:-36px -1639px}i.flag.macedonia:before,i.flag.mk:before{background-position:-36px -1665px}i.flag.mali:before,i.flag.ml:before{background-position:-36px -1691px}i.flag.burma:before,i.flag.mm:before,i.flag.myanmar:before{background-position:-36px -1717px}i.flag.mn:before,i.flag.mongolia:before{background-position:-36px -1743px}i.flag.macau:before,i.flag.mo:before{background-position:-36px -1769px}i.flag.mp:before,i.flag.northern.mariana.islands:before{background-position:-36px -1795px}i.flag.martinique:before,i.flag.mq:before{background-position:-36px -1821px}i.flag.mauritania:before,i.flag.mr:before{background-position:-36px -1847px}i.flag.montserrat:before,i.flag.ms:before{background-position:-36px -1873px}i.flag.malta:before,i.flag.mt:before{background-position:-36px -1899px}i.flag.mauritius:before,i.flag.mu:before{background-position:-36px -1925px}i.flag.maldives:before,i.flag.mv:before{background-position:-36px -1951px}i.flag.malawi:before,i.flag.mw:before{background-position:-36px -1977px}i.flag.mexico:before,i.flag.mx:before{background-position:-72px 0}i.flag.malaysia:before,i.flag.my:before{background-position:-72px -26px}i.flag.mozambique:before,i.flag.mz:before{background-position:-72px -52px}i.flag.na:before,i.flag.namibia:before{background-position:-72px -78px}i.flag.nc:before,i.flag.new.caledonia:before{background-position:-72px -104px}i.flag.ne:before,i.flag.niger:before{background-position:-72px -130px}i.flag.nf:before,i.flag.norfolk.island:before{background-position:-72px -156px}i.flag.ng:before,i.flag.nigeria:before{background-position:-72px -182px}i.flag.ni:before,i.flag.nicaragua:before{background-position:-72px -208px}i.flag.netherlands:before,i.flag.nl:before{background-position:-72px -234px}i.flag.no:before,i.flag.norway:before{background-position:-72px -260px}i.flag.nepal:before,i.flag.np:before{background-position:-72px -286px}i.flag.nauru:before,i.flag.nr:before{background-position:-72px -312px}i.flag.niue:before,i.flag.nu:before{background-position:-72px -338px}i.flag.new.zealand:before,i.flag.nz:before{background-position:-72px -364px}i.flag.om:before,i.flag.oman:before{background-position:-72px -390px}i.flag.pa:before,i.flag.panama:before{background-position:-72px -416px}i.flag.pe:before,i.flag.peru:before{background-position:-72px -442px}i.flag.french.polynesia:before,i.flag.pf:before{background-position:-72px -468px}i.flag.new.guinea:before,i.flag.pg:before{background-position:-72px -494px}i.flag.ph:before,i.flag.philippines:before{background-position:-72px -520px}i.flag.pakistan:before,i.flag.pk:before{background-position:-72px -546px}i.flag.pl:before,i.flag.poland:before{background-position:-72px -572px}i.flag.pm:before,i.flag.saint.pierre:before{background-position:-72px -598px}i.flag.pitcairn.islands:before,i.flag.pn:before{background-position:-72px -624px}i.flag.pr:before,i.flag.puerto.rico:before{background-position:-72px -650px}i.flag.palestine:before,i.flag.ps:before{background-position:-72px -676px}i.flag.portugal:before,i.flag.pt:before{background-position:-72px -702px}i.flag.palau:before,i.flag.pw:before{background-position:-72px -728px}i.flag.paraguay:before,i.flag.py:before{background-position:-72px -754px}i.flag.qa:before,i.flag.qatar:before{background-position:-72px -780px}i.flag.re:before,i.flag.reunion:before{background-position:-72px -806px}i.flag.ro:before,i.flag.romania:before{background-position:-72px -832px}i.flag.rs:before,i.flag.serbia:before{background-position:-72px -858px}i.flag.ru:before,i.flag.russia:before{background-position:-72px -884px}i.flag.rw:before,i.flag.rwanda:before{background-position:-72px -910px}i.flag.sa:before,i.flag.saudi.arabia:before{background-position:-72px -936px}i.flag.sb:before,i.flag.solomon.islands:before{background-position:-72px -962px}i.flag.sc:before,i.flag.seychelles:before{background-position:-72px -988px}i.flag.gb.sct:before,i.flag.scotland:before{background-position:-72px -1014px}i.flag.sd:before,i.flag.sudan:before{background-position:-72px -1040px}i.flag.se:before,i.flag.sweden:before{background-position:-72px -1066px}i.flag.sg:before,i.flag.singapore:before{background-position:-72px -1092px}i.flag.saint.helena:before,i.flag.sh:before{background-position:-72px -1118px}i.flag.si:before,i.flag.slovenia:before{background-position:-72px -1144px}i.flag.jan.mayen:before,i.flag.sj:before,i.flag.svalbard:before{background-position:-72px -1170px}i.flag.sk:before,i.flag.slovakia:before{background-position:-72px -1196px}i.flag.sierra.leone:before,i.flag.sl:before{background-position:-72px -1222px}i.flag.san.marino:before,i.flag.sm:before{background-position:-72px -1248px}i.flag.senegal:before,i.flag.sn:before{background-position:-72px -1274px}i.flag.so:before,i.flag.somalia:before{background-position:-72px -1300px}i.flag.sr:before,i.flag.suriname:before{background-position:-72px -1326px}i.flag.sao.tome:before,i.flag.st:before{background-position:-72px -1352px}i.flag.el.salvador:before,i.flag.sv:before{background-position:-72px -1378px}i.flag.sy:before,i.flag.syria:before{background-position:-72px -1404px}i.flag.swaziland:before,i.flag.sz:before{background-position:-72px -1430px}i.flag.caicos.islands:before,i.flag.tc:before{background-position:-72px -1456px}i.flag.chad:before,i.flag.td:before{background-position:-72px -1482px}i.flag.french.territories:before,i.flag.tf:before{background-position:-72px -1508px}i.flag.tg:before,i.flag.togo:before{background-position:-72px -1534px}i.flag.th:before,i.flag.thailand:before{background-position:-72px -1560px}i.flag.tajikistan:before,i.flag.tj:before{background-position:-72px -1586px}i.flag.tk:before,i.flag.tokelau:before{background-position:-72px -1612px}i.flag.timorleste:before,i.flag.tl:before{background-position:-72px -1638px}i.flag.tm:before,i.flag.turkmenistan:before{background-position:-72px -1664px}i.flag.tn:before,i.flag.tunisia:before{background-position:-72px -1690px}i.flag.to:before,i.flag.tonga:before{background-position:-72px -1716px}i.flag.tr:before,i.flag.turkey:before{background-position:-72px -1742px}i.flag.trinidad:before,i.flag.tt:before{background-position:-72px -1768px}i.flag.tuvalu:before,i.flag.tv:before{background-position:-72px -1794px}i.flag.taiwan:before,i.flag.tw:before{background-position:-72px -1820px}i.flag.tanzania:before,i.flag.tz:before{background-position:-72px -1846px}i.flag.ua:before,i.flag.ukraine:before{background-position:-72px -1872px}i.flag.ug:before,i.flag.uganda:before{background-position:-72px -1898px}i.flag.um:before,i.flag.us.minor.islands:before{background-position:-72px -1924px}i.flag.america:before,i.flag.united.states:before,i.flag.us:before{background-position:-72px -1950px}i.flag.uruguay:before,i.flag.uy:before{background-position:-72px -1976px}i.flag.uz:before,i.flag.uzbekistan:before{background-position:-108px 0}i.flag.va:before,i.flag.vatican.city:before{background-position:-108px -26px}i.flag.saint.vincent:before,i.flag.vc:before{background-position:-108px -52px}i.flag.ve:before,i.flag.venezuela:before{background-position:-108px -78px}i.flag.british.virgin.islands:before,i.flag.vg:before{background-position:-108px -104px}i.flag.us.virgin.islands:before,i.flag.vi:before{background-position:-108px -130px}i.flag.vietnam:before,i.flag.vn:before{background-position:-108px -156px}i.flag.vanuatu:before,i.flag.vu:before{background-position:-108px -182px}i.flag.gb.wls:before,i.flag.wales:before{background-position:-108px -208px}i.flag.wallis.and.futuna:before,i.flag.wf:before{background-position:-108px -234px}i.flag.samoa:before,i.flag.ws:before{background-position:-108px -260px}i.flag.ye:before,i.flag.yemen:before{background-position:-108px -286px}i.flag.mayotte:before,i.flag.yt:before{background-position:-108px -312px}i.flag.south.africa:before,i.flag.za:before{background-position:-108px -338px}i.flag.zambia:before,i.flag.zm:before{background-position:-108px -364px}i.flag.zimbabwe:before,i.flag.zw:before{background-position:-108px -390px} \ No newline at end of file + */i.flag:not(.icon){display:inline-block;width:16px;height:11px;line-height:11px;vertical-align:baseline;margin:0 .5em 0 0;text-decoration:inherit;speak:none;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.flag:not(.icon):before{display:inline-block;content:'';background:url(../themes/default/assets/images/flags.png) no-repeat -108px -1976px;width:16px;height:11px}i.flag.ad:before,i.flag.andorra:before{background-position:0 0}i.flag.ae:before,i.flag.uae:before,i.flag.united.arab.emirates:before{background-position:0 -26px}i.flag.af:before,i.flag.afghanistan:before{background-position:0 -52px}i.flag.ag:before,i.flag.antigua:before{background-position:0 -78px}i.flag.ai:before,i.flag.anguilla:before{background-position:0 -104px}i.flag.al:before,i.flag.albania:before{background-position:0 -130px}i.flag.am:before,i.flag.armenia:before{background-position:0 -156px}i.flag.an:before,i.flag.netherlands.antilles:before{background-position:0 -182px}i.flag.angola:before,i.flag.ao:before{background-position:0 -208px}i.flag.ar:before,i.flag.argentina:before{background-position:0 -234px}i.flag.american.samoa:before,i.flag.as:before{background-position:0 -260px}i.flag.at:before,i.flag.austria:before{background-position:0 -286px}i.flag.au:before,i.flag.australia:before{background-position:0 -312px}i.flag.aruba:before,i.flag.aw:before{background-position:0 -338px}i.flag.aland.islands:before,i.flag.ax:before{background-position:0 -364px}i.flag.az:before,i.flag.azerbaijan:before{background-position:0 -390px}i.flag.ba:before,i.flag.bosnia:before{background-position:0 -416px}i.flag.barbados:before,i.flag.bb:before{background-position:0 -442px}i.flag.bangladesh:before,i.flag.bd:before{background-position:0 -468px}i.flag.be:before,i.flag.belgium:before{background-position:0 -494px}i.flag.bf:before,i.flag.burkina.faso:before{background-position:0 -520px}i.flag.bg:before,i.flag.bulgaria:before{background-position:0 -546px}i.flag.bahrain:before,i.flag.bh:before{background-position:0 -572px}i.flag.bi:before,i.flag.burundi:before{background-position:0 -598px}i.flag.benin:before,i.flag.bj:before{background-position:0 -624px}i.flag.bermuda:before,i.flag.bm:before{background-position:0 -650px}i.flag.bn:before,i.flag.brunei:before{background-position:0 -676px}i.flag.bo:before,i.flag.bolivia:before{background-position:0 -702px}i.flag.br:before,i.flag.brazil:before{background-position:0 -728px}i.flag.bahamas:before,i.flag.bs:before{background-position:0 -754px}i.flag.bhutan:before,i.flag.bt:before{background-position:0 -780px}i.flag.bouvet.island:before,i.flag.bv:before{background-position:0 -806px}i.flag.botswana:before,i.flag.bw:before{background-position:0 -832px}i.flag.belarus:before,i.flag.by:before{background-position:0 -858px}i.flag.belize:before,i.flag.bz:before{background-position:0 -884px}i.flag.ca:before,i.flag.canada:before{background-position:0 -910px}i.flag.cc:before,i.flag.cocos.islands:before{background-position:0 -962px}i.flag.cd:before,i.flag.congo:before{background-position:0 -988px}i.flag.central.african.republic:before,i.flag.cf:before{background-position:0 -1014px}i.flag.cg:before,i.flag.congo.brazzaville:before{background-position:0 -1040px}i.flag.ch:before,i.flag.switzerland:before{background-position:0 -1066px}i.flag.ci:before,i.flag.cote.divoire:before{background-position:0 -1092px}i.flag.ck:before,i.flag.cook.islands:before{background-position:0 -1118px}i.flag.chile:before,i.flag.cl:before{background-position:0 -1144px}i.flag.cameroon:before,i.flag.cm:before{background-position:0 -1170px}i.flag.china:before,i.flag.cn:before{background-position:0 -1196px}i.flag.co:before,i.flag.colombia:before{background-position:0 -1222px}i.flag.costa.rica:before,i.flag.cr:before{background-position:0 -1248px}i.flag.cs:before,i.flag.serbia:before{background-position:0 -1274px}i.flag.cu:before,i.flag.cuba:before{background-position:0 -1300px}i.flag.cape.verde:before,i.flag.cv:before{background-position:0 -1326px}i.flag.christmas.island:before,i.flag.cx:before{background-position:0 -1352px}i.flag.cy:before,i.flag.cyprus:before{background-position:0 -1378px}i.flag.cz:before,i.flag.czech.republic:before{background-position:0 -1404px}i.flag.de:before,i.flag.germany:before{background-position:0 -1430px}i.flag.dj:before,i.flag.djibouti:before{background-position:0 -1456px}i.flag.denmark:before,i.flag.dk:before{background-position:0 -1482px}i.flag.dm:before,i.flag.dominica:before{background-position:0 -1508px}i.flag.do:before,i.flag.dominican.republic:before{background-position:0 -1534px}i.flag.algeria:before,i.flag.dz:before{background-position:0 -1560px}i.flag.ec:before,i.flag.ecuador:before{background-position:0 -1586px}i.flag.ee:before,i.flag.estonia:before{background-position:0 -1612px}i.flag.eg:before,i.flag.egypt:before{background-position:0 -1638px}i.flag.eh:before,i.flag.western.sahara:before{background-position:0 -1664px}i.flag.england:before,i.flag.gb.eng:before{background-position:0 -1690px}i.flag.er:before,i.flag.eritrea:before{background-position:0 -1716px}i.flag.es:before,i.flag.spain:before{background-position:0 -1742px}i.flag.et:before,i.flag.ethiopia:before{background-position:0 -1768px}i.flag.eu:before,i.flag.european.union:before{background-position:0 -1794px}i.flag.fi:before,i.flag.finland:before{background-position:0 -1846px}i.flag.fiji:before,i.flag.fj:before{background-position:0 -1872px}i.flag.falkland.islands:before,i.flag.fk:before{background-position:0 -1898px}i.flag.fm:before,i.flag.micronesia:before{background-position:0 -1924px}i.flag.faroe.islands:before,i.flag.fo:before{background-position:0 -1950px}i.flag.fr:before,i.flag.france:before{background-position:0 -1976px}i.flag.ga:before,i.flag.gabon:before{background-position:-36px 0}i.flag.gb:before,i.flag.uk:before,i.flag.united.kingdom:before{background-position:-36px -26px}i.flag.gd:before,i.flag.grenada:before{background-position:-36px -52px}i.flag.ge:before,i.flag.georgia:before{background-position:-36px -78px}i.flag.french.guiana:before,i.flag.gf:before{background-position:-36px -104px}i.flag.gh:before,i.flag.ghana:before{background-position:-36px -130px}i.flag.gi:before,i.flag.gibraltar:before{background-position:-36px -156px}i.flag.gl:before,i.flag.greenland:before{background-position:-36px -182px}i.flag.gambia:before,i.flag.gm:before{background-position:-36px -208px}i.flag.gn:before,i.flag.guinea:before{background-position:-36px -234px}i.flag.gp:before,i.flag.guadeloupe:before{background-position:-36px -260px}i.flag.equatorial.guinea:before,i.flag.gq:before{background-position:-36px -286px}i.flag.gr:before,i.flag.greece:before{background-position:-36px -312px}i.flag.gs:before,i.flag.sandwich.islands:before{background-position:-36px -338px}i.flag.gt:before,i.flag.guatemala:before{background-position:-36px -364px}i.flag.gu:before,i.flag.guam:before{background-position:-36px -390px}i.flag.guinea-bissau:before,i.flag.gw:before{background-position:-36px -416px}i.flag.guyana:before,i.flag.gy:before{background-position:-36px -442px}i.flag.hk:before,i.flag.hong.kong:before{background-position:-36px -468px}i.flag.heard.island:before,i.flag.hm:before{background-position:-36px -494px}i.flag.hn:before,i.flag.honduras:before{background-position:-36px -520px}i.flag.croatia:before,i.flag.hr:before{background-position:-36px -546px}i.flag.haiti:before,i.flag.ht:before{background-position:-36px -572px}i.flag.hu:before,i.flag.hungary:before{background-position:-36px -598px}i.flag.id:before,i.flag.indonesia:before{background-position:-36px -624px}i.flag.ie:before,i.flag.ireland:before{background-position:-36px -650px}i.flag.il:before,i.flag.israel:before{background-position:-36px -676px}i.flag.in:before,i.flag.india:before{background-position:-36px -702px}i.flag.indian.ocean.territory:before,i.flag.io:before{background-position:-36px -728px}i.flag.iq:before,i.flag.iraq:before{background-position:-36px -754px}i.flag.ir:before,i.flag.iran:before{background-position:-36px -780px}i.flag.iceland:before,i.flag.is:before{background-position:-36px -806px}i.flag.it:before,i.flag.italy:before{background-position:-36px -832px}i.flag.jamaica:before,i.flag.jm:before{background-position:-36px -858px}i.flag.jo:before,i.flag.jordan:before{background-position:-36px -884px}i.flag.japan:before,i.flag.jp:before{background-position:-36px -910px}i.flag.ke:before,i.flag.kenya:before{background-position:-36px -936px}i.flag.kg:before,i.flag.kyrgyzstan:before{background-position:-36px -962px}i.flag.cambodia:before,i.flag.kh:before{background-position:-36px -988px}i.flag.ki:before,i.flag.kiribati:before{background-position:-36px -1014px}i.flag.comoros:before,i.flag.km:before{background-position:-36px -1040px}i.flag.kn:before,i.flag.saint.kitts.and.nevis:before{background-position:-36px -1066px}i.flag.kp:before,i.flag.north.korea:before{background-position:-36px -1092px}i.flag.kr:before,i.flag.south.korea:before{background-position:-36px -1118px}i.flag.kuwait:before,i.flag.kw:before{background-position:-36px -1144px}i.flag.cayman.islands:before,i.flag.ky:before{background-position:-36px -1170px}i.flag.kazakhstan:before,i.flag.kz:before{background-position:-36px -1196px}i.flag.la:before,i.flag.laos:before{background-position:-36px -1222px}i.flag.lb:before,i.flag.lebanon:before{background-position:-36px -1248px}i.flag.lc:before,i.flag.saint.lucia:before{background-position:-36px -1274px}i.flag.li:before,i.flag.liechtenstein:before{background-position:-36px -1300px}i.flag.lk:before,i.flag.sri.lanka:before{background-position:-36px -1326px}i.flag.liberia:before,i.flag.lr:before{background-position:-36px -1352px}i.flag.lesotho:before,i.flag.ls:before{background-position:-36px -1378px}i.flag.lithuania:before,i.flag.lt:before{background-position:-36px -1404px}i.flag.lu:before,i.flag.luxembourg:before{background-position:-36px -1430px}i.flag.latvia:before,i.flag.lv:before{background-position:-36px -1456px}i.flag.libya:before,i.flag.ly:before{background-position:-36px -1482px}i.flag.ma:before,i.flag.morocco:before{background-position:-36px -1508px}i.flag.mc:before,i.flag.monaco:before{background-position:-36px -1534px}i.flag.md:before,i.flag.moldova:before{background-position:-36px -1560px}i.flag.me:before,i.flag.montenegro:before{background-position:-36px -1586px}i.flag.madagascar:before,i.flag.mg:before{background-position:-36px -1613px}i.flag.marshall.islands:before,i.flag.mh:before{background-position:-36px -1639px}i.flag.macedonia:before,i.flag.mk:before{background-position:-36px -1665px}i.flag.mali:before,i.flag.ml:before{background-position:-36px -1691px}i.flag.burma:before,i.flag.mm:before,i.flag.myanmar:before{background-position:-36px -1717px}i.flag.mn:before,i.flag.mongolia:before{background-position:-36px -1743px}i.flag.macau:before,i.flag.mo:before{background-position:-36px -1769px}i.flag.mp:before,i.flag.northern.mariana.islands:before{background-position:-36px -1795px}i.flag.martinique:before,i.flag.mq:before{background-position:-36px -1821px}i.flag.mauritania:before,i.flag.mr:before{background-position:-36px -1847px}i.flag.montserrat:before,i.flag.ms:before{background-position:-36px -1873px}i.flag.malta:before,i.flag.mt:before{background-position:-36px -1899px}i.flag.mauritius:before,i.flag.mu:before{background-position:-36px -1925px}i.flag.maldives:before,i.flag.mv:before{background-position:-36px -1951px}i.flag.malawi:before,i.flag.mw:before{background-position:-36px -1977px}i.flag.mexico:before,i.flag.mx:before{background-position:-72px 0}i.flag.malaysia:before,i.flag.my:before{background-position:-72px -26px}i.flag.mozambique:before,i.flag.mz:before{background-position:-72px -52px}i.flag.na:before,i.flag.namibia:before{background-position:-72px -78px}i.flag.nc:before,i.flag.new.caledonia:before{background-position:-72px -104px}i.flag.ne:before,i.flag.niger:before{background-position:-72px -130px}i.flag.nf:before,i.flag.norfolk.island:before{background-position:-72px -156px}i.flag.ng:before,i.flag.nigeria:before{background-position:-72px -182px}i.flag.ni:before,i.flag.nicaragua:before{background-position:-72px -208px}i.flag.netherlands:before,i.flag.nl:before{background-position:-72px -234px}i.flag.no:before,i.flag.norway:before{background-position:-72px -260px}i.flag.nepal:before,i.flag.np:before{background-position:-72px -286px}i.flag.nauru:before,i.flag.nr:before{background-position:-72px -312px}i.flag.niue:before,i.flag.nu:before{background-position:-72px -338px}i.flag.new.zealand:before,i.flag.nz:before{background-position:-72px -364px}i.flag.om:before,i.flag.oman:before{background-position:-72px -390px}i.flag.pa:before,i.flag.panama:before{background-position:-72px -416px}i.flag.pe:before,i.flag.peru:before{background-position:-72px -442px}i.flag.french.polynesia:before,i.flag.pf:before{background-position:-72px -468px}i.flag.new.guinea:before,i.flag.pg:before{background-position:-72px -494px}i.flag.ph:before,i.flag.philippines:before{background-position:-72px -520px}i.flag.pakistan:before,i.flag.pk:before{background-position:-72px -546px}i.flag.pl:before,i.flag.poland:before{background-position:-72px -572px}i.flag.pm:before,i.flag.saint.pierre:before{background-position:-72px -598px}i.flag.pitcairn.islands:before,i.flag.pn:before{background-position:-72px -624px}i.flag.pr:before,i.flag.puerto.rico:before{background-position:-72px -650px}i.flag.palestine:before,i.flag.ps:before{background-position:-72px -676px}i.flag.portugal:before,i.flag.pt:before{background-position:-72px -702px}i.flag.palau:before,i.flag.pw:before{background-position:-72px -728px}i.flag.paraguay:before,i.flag.py:before{background-position:-72px -754px}i.flag.qa:before,i.flag.qatar:before{background-position:-72px -780px}i.flag.re:before,i.flag.reunion:before{background-position:-72px -806px}i.flag.ro:before,i.flag.romania:before{background-position:-72px -832px}i.flag.rs:before,i.flag.serbia:before{background-position:-72px -858px}i.flag.ru:before,i.flag.russia:before{background-position:-72px -884px}i.flag.rw:before,i.flag.rwanda:before{background-position:-72px -910px}i.flag.sa:before,i.flag.saudi.arabia:before{background-position:-72px -936px}i.flag.sb:before,i.flag.solomon.islands:before{background-position:-72px -962px}i.flag.sc:before,i.flag.seychelles:before{background-position:-72px -988px}i.flag.gb.sct:before,i.flag.scotland:before{background-position:-72px -1014px}i.flag.sd:before,i.flag.sudan:before{background-position:-72px -1040px}i.flag.se:before,i.flag.sweden:before{background-position:-72px -1066px}i.flag.sg:before,i.flag.singapore:before{background-position:-72px -1092px}i.flag.saint.helena:before,i.flag.sh:before{background-position:-72px -1118px}i.flag.si:before,i.flag.slovenia:before{background-position:-72px -1144px}i.flag.jan.mayen:before,i.flag.sj:before,i.flag.svalbard:before{background-position:-72px -1170px}i.flag.sk:before,i.flag.slovakia:before{background-position:-72px -1196px}i.flag.sierra.leone:before,i.flag.sl:before{background-position:-72px -1222px}i.flag.san.marino:before,i.flag.sm:before{background-position:-72px -1248px}i.flag.senegal:before,i.flag.sn:before{background-position:-72px -1274px}i.flag.so:before,i.flag.somalia:before{background-position:-72px -1300px}i.flag.sr:before,i.flag.suriname:before{background-position:-72px -1326px}i.flag.sao.tome:before,i.flag.st:before{background-position:-72px -1352px}i.flag.el.salvador:before,i.flag.sv:before{background-position:-72px -1378px}i.flag.sy:before,i.flag.syria:before{background-position:-72px -1404px}i.flag.swaziland:before,i.flag.sz:before{background-position:-72px -1430px}i.flag.caicos.islands:before,i.flag.tc:before{background-position:-72px -1456px}i.flag.chad:before,i.flag.td:before{background-position:-72px -1482px}i.flag.french.territories:before,i.flag.tf:before{background-position:-72px -1508px}i.flag.tg:before,i.flag.togo:before{background-position:-72px -1534px}i.flag.th:before,i.flag.thailand:before{background-position:-72px -1560px}i.flag.tajikistan:before,i.flag.tj:before{background-position:-72px -1586px}i.flag.tk:before,i.flag.tokelau:before{background-position:-72px -1612px}i.flag.timorleste:before,i.flag.tl:before{background-position:-72px -1638px}i.flag.tm:before,i.flag.turkmenistan:before{background-position:-72px -1664px}i.flag.tn:before,i.flag.tunisia:before{background-position:-72px -1690px}i.flag.to:before,i.flag.tonga:before{background-position:-72px -1716px}i.flag.tr:before,i.flag.turkey:before{background-position:-72px -1742px}i.flag.trinidad:before,i.flag.tt:before{background-position:-72px -1768px}i.flag.tuvalu:before,i.flag.tv:before{background-position:-72px -1794px}i.flag.taiwan:before,i.flag.tw:before{background-position:-72px -1820px}i.flag.tanzania:before,i.flag.tz:before{background-position:-72px -1846px}i.flag.ua:before,i.flag.ukraine:before{background-position:-72px -1872px}i.flag.ug:before,i.flag.uganda:before{background-position:-72px -1898px}i.flag.um:before,i.flag.us.minor.islands:before{background-position:-72px -1924px}i.flag.america:before,i.flag.united.states:before,i.flag.us:before{background-position:-72px -1950px}i.flag.uruguay:before,i.flag.uy:before{background-position:-72px -1976px}i.flag.uz:before,i.flag.uzbekistan:before{background-position:-108px 0}i.flag.va:before,i.flag.vatican.city:before{background-position:-108px -26px}i.flag.saint.vincent:before,i.flag.vc:before{background-position:-108px -52px}i.flag.ve:before,i.flag.venezuela:before{background-position:-108px -78px}i.flag.british.virgin.islands:before,i.flag.vg:before{background-position:-108px -104px}i.flag.us.virgin.islands:before,i.flag.vi:before{background-position:-108px -130px}i.flag.vietnam:before,i.flag.vn:before{background-position:-108px -156px}i.flag.vanuatu:before,i.flag.vu:before{background-position:-108px -182px}i.flag.gb.wls:before,i.flag.wales:before{background-position:-108px -208px}i.flag.wallis.and.futuna:before,i.flag.wf:before{background-position:-108px -234px}i.flag.samoa:before,i.flag.ws:before{background-position:-108px -260px}i.flag.ye:before,i.flag.yemen:before{background-position:-108px -286px}i.flag.mayotte:before,i.flag.yt:before{background-position:-108px -312px}i.flag.south.africa:before,i.flag.za:before{background-position:-108px -338px}i.flag.zambia:before,i.flag.zm:before{background-position:-108px -364px}i.flag.zimbabwe:before,i.flag.zw:before{background-position:-108px -390px} \ No newline at end of file diff --git a/dist/components/form.css b/dist/components/form.css index 50dbb5feb6..36af89f608 100644 --- a/dist/components/form.css +++ b/dist/components/form.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Form + * # Semantic UI 2.7.0 - Form * http://github.com/semantic-org/semantic-ui/ * * @@ -28,7 +28,7 @@ ---------------------*/ .ui.form > p { - margin: 1em 0em; + margin: 1em 0; } /*-------------------- @@ -37,15 +37,15 @@ .ui.form .field { clear: both; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.form .field:last-child, .ui.form .fields:last-child .field { - margin-bottom: 0em; + margin-bottom: 0; } .ui.form .fields .field { clear: both; - margin: 0em; + margin: 0; } /*-------------------- @@ -54,7 +54,7 @@ .ui.form .field > label { display: block; - margin: 0em 0em 0.28571429rem 0em; + margin: 0 0 0.28571429rem 0; color: rgba(0, 0, 0, 0.87); font-size: 0.92857143em; font-weight: bold; @@ -100,10 +100,10 @@ .ui.form input[type="file"], .ui.form input[type="url"] { font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; - margin: 0em; + margin: 0; outline: none; -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); line-height: 1.21428571em; padding: 0.67857143em 1em; font-size: 1em; @@ -111,25 +111,25 @@ border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; + -webkit-box-shadow: 0 0 0 0 transparent inset; + box-shadow: 0 0 0 0 transparent inset; -webkit-transition: color 0.1s ease, border-color 0.1s ease; transition: color 0.1s ease, border-color 0.1s ease; } /* Text Area */ .ui.form textarea { - margin: 0em; + margin: 0; -webkit-appearance: none; - tap-highlight-color: rgba(255, 255, 255, 0); + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); padding: 0.78571429em 1em; background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); outline: none; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; + -webkit-box-shadow: 0 0 0 0 transparent inset; + box-shadow: 0 0 0 0 transparent inset; -webkit-transition: color 0.1s ease, border-color 0.1s ease; transition: color 0.1s ease, border-color 0.1s ease; font-size: 1em; @@ -188,8 +188,8 @@ background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; + -webkit-box-shadow: 0 0 0 0 transparent inset; + box-shadow: 0 0 0 0 transparent inset; padding: 0.62em 1em; color: rgba(0, 0, 0, 0.87); -webkit-transition: color 0.1s ease, border-color 0.1s ease; @@ -259,7 +259,7 @@ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; - width: 0px; + width: 0; } /*-------------------- @@ -274,7 +274,7 @@ /* Assumptions */ .ui.form .message:first-child { - margin-top: 0px; + margin-top: 0; } /*-------------------- @@ -290,15 +290,15 @@ .ui.form .inline.fields .field .prompt, .ui.form .inline.field .prompt { vertical-align: top; - margin: -0.25em 0em -0.5em 0.5em; + margin: -0.25em 0 -0.5em 0.5em; } .ui.form .inline.fields .field .prompt:before, .ui.form .inline.field .prompt:before { - border-width: 0px 0px 1px 1px; + border-width: 0 0 1px 1px; bottom: auto; right: auto; top: 50%; - left: 0em; + left: 0; } @@ -312,22 +312,22 @@ ---------------------*/ .ui.form .field.field input:-webkit-autofill { - -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; - box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; + -webkit-box-shadow: 0 0 0 100px #FFFFF0 inset !important; + box-shadow: 0 0 0 100px #FFFFF0 inset !important; border-color: #E5DFA1 !important; } /* Focus */ .ui.form .field.field input:-webkit-autofill:focus { - -webkit-box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; - box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important; + -webkit-box-shadow: 0 0 0 100px #FFFFF0 inset !important; + box-shadow: 0 0 0 100px #FFFFF0 inset !important; border-color: #D5C315 !important; } /* Error */ .ui.form .error.error input:-webkit-autofill { - -webkit-box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important; - box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important; + -webkit-box-shadow: 0 0 0 100px #FFFAF0 inset !important; + box-shadow: 0 0 0 100px #FFFAF0 inset !important; border-color: #E0B4B4 !important; } @@ -396,16 +396,16 @@ border-color: #85B7D9; border-radius: 0.28571429rem; background: #FFFFFF; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; } .ui.form textarea:focus { color: rgba(0, 0, 0, 0.95); border-color: #85B7D9; border-radius: 0.28571429rem; background: #FFFFFF; - -webkit-box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; - box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset; + -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; + box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; -webkit-appearance: none; } @@ -639,8 +639,8 @@ .ui.loading.form:before { position: absolute; content: ''; - top: 0%; - left: 0%; + top: 0; + left: 0; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; @@ -651,42 +651,18 @@ content: ''; top: 50%; left: 50%; - margin: -1.5em 0em 0em -1.5em; + margin: -1.5em 0 0 -1.5em; width: 3em; height: 3em; - -webkit-animation: form-spin 0.6s linear; - animation: form-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + -webkit-animation: loader 0.6s infinite linear; + animation: loader 0.6s infinite linear; + border: 0.2em solid #767676; border-radius: 500rem; - border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + -webkit-box-shadow: 0 0 0 1px transparent; + box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: 101; } -@-webkit-keyframes form-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes form-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} /******************************* @@ -704,7 +680,7 @@ .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.field > .checkbox:after, .ui.form label.required:after { - margin: -0.2em 0em 0em 0.2em; + margin: -0.2em 0 0 0.2em; content: '*'; color: #DB2828; } @@ -718,7 +694,7 @@ .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.field > .checkbox:after { position: absolute; - top: 0%; + top: 0; left: 100%; } @@ -774,13 +750,13 @@ /* Grouped Vertically */ .ui.form .grouped.fields { display: block; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.form .grouped.fields:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.form .grouped.fields > label { - margin: 0em 0em 0.28571429rem 0em; + margin: 0 0 0.28571429rem 0; color: rgba(0, 0, 0, 0.87); font-size: 0.92857143em; font-weight: bold; @@ -789,8 +765,8 @@ .ui.form .grouped.fields .field, .ui.form .grouped.inline.fields .field { display: block; - margin: 0.5em 0em; - padding: 0em; + margin: 0.5em 0; + padding: 0; } /*-------------------- @@ -807,7 +783,7 @@ -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; - margin: 0em -0.5em 1em; + margin: 0 -0.5em 1em; } .ui.form .fields > .field { -webkit-box-flex: 0; @@ -887,7 +863,7 @@ .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field { width: 100% !important; - margin: 0em 0em 1em; + margin: 0 0 1em; } } @@ -974,7 +950,7 @@ width: 100% !important; } .ui.form .fields { - margin-bottom: 0em; + margin-bottom: 0; } } @@ -995,14 +971,14 @@ ---------------------*/ .ui.form .inline.fields { - margin: 0em 0em 1em; + margin: 0 0 1em; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ui.form .inline.fields .field { - margin: 0em; - padding: 0em 1em 0em 0em; + margin: 0; + padding: 0 1em 0 0; } /* Inline Label */ @@ -1013,8 +989,8 @@ .ui.form .inline.field > p { display: inline-block; width: auto; - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; vertical-align: baseline; font-size: 0.92857143em; font-weight: bold; @@ -1024,7 +1000,7 @@ /* Grouped Inline Label */ .ui.form .inline.fields > label { - margin: 0.035714em 1em 0em 0em; + margin: 0.035714em 1em 0 0; } /* Inline Input */ @@ -1034,8 +1010,8 @@ .ui.form .inline.field > select { display: inline-block; width: auto; - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; vertical-align: middle; font-size: 1em; } @@ -1043,11 +1019,11 @@ /* Label */ .ui.form .inline.fields .field > :first-child, .ui.form .inline.field > :first-child { - margin: 0em 0.85714286em 0em 0em; + margin: 0 0.85714286em 0 0; } .ui.form .inline.fields .field > :only-child, .ui.form .inline.field > :only-child { - margin: 0em; + margin: 0; } /* Wide */ diff --git a/dist/components/form.js b/dist/components/form.js index 552b7322b4..4945275782 100644 --- a/dist/components/form.js +++ b/dist/components/form.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Form Validation + * # Semantic UI 2.7.0 - Form Validation * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -261,7 +265,7 @@ $.fn.form = function(parameters) { }, // duck type rule test shorthandRules: function(rules) { - return (typeof rules == 'string' || $.isArray(rules)); + return (typeof rules == 'string' || Array.isArray(rules)); }, empty: function($field) { if(!$field || $field.length === 0) { @@ -514,17 +518,18 @@ $.fn.form = function(parameters) { field: function(identifier) { module.verbose('Finding field with identifier', identifier); identifier = module.escape.string(identifier); - if($field.filter('#' + identifier).length > 0 ) { - return $field.filter('#' + identifier); + var t; + if((t=$field.filter('#' + identifier)).length > 0 ) { + return t; } - else if( $field.filter('[name="' + identifier +'"]').length > 0 ) { - return $field.filter('[name="' + identifier +'"]'); + if((t=$field.filter('[name="' + identifier +'"]')).length > 0 ) { + return t; } - else if( $field.filter('[name="' + identifier +'[]"]').length > 0 ) { - return $field.filter('[name="' + identifier +'[]"]'); + if((t=$field.filter('[name="' + identifier +'[]"]')).length > 0 ) { + return t; } - else if( $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]').length > 0 ) { - return $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]'); + if((t=$field.filter('[data-' + metadata.validate + '="'+ identifier +'"]')).length > 0 ) { + return t; } return $(''); }, @@ -565,7 +570,7 @@ $.fn.form = function(parameters) { }, values: function (fields) { var - $fields = $.isArray(fields) + $fields = Array.isArray(fields) ? module.get.fields(fields) : $field, values = {} @@ -667,7 +672,7 @@ $.fn.form = function(parameters) { newValidation = {} ; if(module.is.shorthandRules(rules)) { - rules = $.isArray(rules) + rules = Array.isArray(rules) ? rules : [rules] ; @@ -750,7 +755,7 @@ $.fn.form = function(parameters) { remove: { rule: function(field, rule) { var - rules = $.isArray(rule) + rules = Array.isArray(rule) ? rule : [rule] ; @@ -759,7 +764,7 @@ $.fn.form = function(parameters) { validation[field].rules = []; return; } - if(validation[field] == undefined || !$.isArray(validation[field].rules)) { + if(validation[field] == undefined || !Array.isArray(validation[field].rules)) { return; } $.each(validation[field].rules, function(index, rule) { @@ -771,7 +776,7 @@ $.fn.form = function(parameters) { }, field: function(field) { var - fields = $.isArray(field) + fields = Array.isArray(field) ? field : [field] ; @@ -781,7 +786,7 @@ $.fn.form = function(parameters) { }, // alias rules: function(field, rules) { - if($.isArray(field)) { + if(Array.isArray(field)) { $.each(fields, function(index, field) { module.remove.rule(field, rules); }); @@ -862,7 +867,7 @@ $.fn.form = function(parameters) { var $field = module.get.field(key), $element = $field.parent(), - isMultiple = $.isArray(value), + isMultiple = Array.isArray(value), isCheckbox = $element.is(selector.uiCheckbox), isDropdown = $element.is(selector.uiDropdown), isRadio = ($field.is(selector.radio) && isCheckbox), @@ -1180,7 +1185,7 @@ $.fn.form = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { @@ -1239,7 +1244,7 @@ $.fn.form.settings = { bracket : /\[(.*)\]/i, decimal : /^\d+\.?\d*$/, email : /^[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i, - escape : /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, + escape : /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|:,=@]/g, flags : /^\/(.*)\/(.*)?/, integer : /^\-?\d+$/, number : /^\-?\d*(\.\d+)?$/, @@ -1336,7 +1341,7 @@ $.fn.form.settings = { // is not empty or blank string empty: function(value) { - return !(value === undefined || '' === value || $.isArray(value) && value.length === 0); + return !(value === undefined || '' === value || Array.isArray(value) && value.length === 0); }, // checkbox checked diff --git a/dist/components/form.min.css b/dist/components/form.min.css index 6e7e6af996..ba35579ed7 100644 --- a/dist/components/form.min.css +++ b/dist/components/form.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Form + * # Semantic UI 2.7.0 - Form * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.form{position:relative;max-width:100%}.ui.form>p{margin:1em 0}.ui.form .field{clear:both;margin:0 0 1em}.ui.form .field:last-child,.ui.form .fields:last-child .field{margin-bottom:0}.ui.form .fields .field{clear:both;margin:0}.ui.form .field>label{display:block;margin:0 0 .28571429rem 0;color:rgba(0,0,0,.87);font-size:.92857143em;font-weight:700;text-transform:none}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url],.ui.form textarea{width:100%;vertical-align:top}.ui.form ::-webkit-datetime-edit,.ui.form ::-webkit-inner-spin-button{height:1.21428571em}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url]{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0;outline:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease}.ui.form textarea{margin:0;-webkit-appearance:none;tap-highlight-color:rgba(255,255,255,0);padding:.78571429em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);outline:0;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease;font-size:1em;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;line-height:1.2857;resize:vertical}.ui.form textarea:not([rows]){height:12em;min-height:8em;max-height:24em}.ui.form input[type=checkbox],.ui.form textarea{vertical-align:top}.ui.form .field .transparent.input input,.ui.form .field input.transparent,.ui.form .field textarea.transparent{padding:.67857143em 1em!important}.ui.form .field textarea.transparent{border-color:transparent!important;background-color:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.form .field.error .transparent.input input,.ui.form .field.error input.transparent,.ui.form .field.error textarea.transparent{background-color:#fff6f6!important;color:#9f3a38!important}.ui.form input.attached{width:auto}.ui.form select{display:block;height:auto;width:100%;background:#fff;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;padding:.62em 1em;color:rgba(0,0,0,.87);-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease}.ui.form .field>.selection.dropdown{min-width:auto;width:100%}.ui.form .field>.selection.dropdown>.dropdown.icon{float:right}.ui.form .inline.field>.selection.dropdown,.ui.form .inline.fields .field>.selection.dropdown{width:auto}.ui.form .inline.field>.selection.dropdown>.dropdown.icon,.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon{float:none}.ui.form .field .ui.input,.ui.form .fields .field .ui.input,.ui.form .wide.field .ui.input{width:100%}.ui.form .inline.field:not(.wide) .ui.input,.ui.form .inline.fields .field:not(.wide) .ui.input{width:auto;vertical-align:middle}.ui.form .field .ui.input input,.ui.form .fields .field .ui.input input{width:auto}.ui.form .eight.fields .ui.input input,.ui.form .five.fields .ui.input input,.ui.form .four.fields .ui.input input,.ui.form .nine.fields .ui.input input,.ui.form .seven.fields .ui.input input,.ui.form .six.fields .ui.input input,.ui.form .ten.fields .ui.input input,.ui.form .three.fields .ui.input input,.ui.form .two.fields .ui.input input,.ui.form .wide.field .ui.input input{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:0}.ui.form .error.message,.ui.form .success.message,.ui.form .warning.message{display:none}.ui.form .message:first-child{margin-top:0}.ui.form .field .prompt.label{white-space:normal;background:#fff!important;border:1px solid #e0b4b4!important;color:#9f3a38!important}.ui.form .inline.field .prompt,.ui.form .inline.fields .field .prompt{vertical-align:top;margin:-.25em 0 -.5em .5em}.ui.form .inline.field .prompt:before,.ui.form .inline.fields .field .prompt:before{border-width:0 0 1px 1px;bottom:auto;right:auto;top:50%;left:0}.ui.form .field.field input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px ivory inset!important;box-shadow:0 0 0 100px ivory inset!important;border-color:#e5dfa1!important}.ui.form .field.field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px ivory inset!important;box-shadow:0 0 0 100px ivory inset!important;border-color:#d5c315!important}.ui.form .error.error input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fffaf0 inset!important;box-shadow:0 0 0 100px #fffaf0 inset!important;border-color:#e0b4b4!important}.ui.form ::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.form :-ms-input-placeholder{color:rgba(191,191,191,.87)!important}.ui.form ::-moz-placeholder{color:rgba(191,191,191,.87)}.ui.form :focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.form :focus:-ms-input-placeholder{color:rgba(115,115,115,.87)!important}.ui.form :focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.form .error ::-webkit-input-placeholder{color:#e7bdbc}.ui.form .error :-ms-input-placeholder{color:#e7bdbc!important}.ui.form .error ::-moz-placeholder{color:#e7bdbc}.ui.form .error :focus::-webkit-input-placeholder{color:#da9796}.ui.form .error :focus:-ms-input-placeholder{color:#da9796!important}.ui.form .error :focus::-moz-placeholder{color:#da9796}.ui.form input:not([type]):focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=email]:focus,.ui.form input[type=file]:focus,.ui.form input[type=number]:focus,.ui.form input[type=password]:focus,.ui.form input[type=search]:focus,.ui.form input[type=tel]:focus,.ui.form input[type=text]:focus,.ui.form input[type=time]:focus,.ui.form input[type=url]:focus{color:rgba(0,0,0,.95);border-color:#85b7d9;border-radius:.28571429rem;background:#fff;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.35) inset;box-shadow:0 0 0 0 rgba(34,36,38,.35) inset}.ui.form textarea:focus{color:rgba(0,0,0,.95);border-color:#85b7d9;border-radius:.28571429rem;background:#fff;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.35) inset;box-shadow:0 0 0 0 rgba(34,36,38,.35) inset;-webkit-appearance:none}.ui.form.success .success.message:not(:empty){display:block}.ui.form.success .compact.success.message:not(:empty){display:inline-block}.ui.form.success .icon.success.message:not(:empty){display:-webkit-box;display:-ms-flexbox;display:flex}.ui.form.warning .warning.message:not(:empty){display:block}.ui.form.warning .compact.warning.message:not(:empty){display:inline-block}.ui.form.warning .icon.warning.message:not(:empty){display:-webkit-box;display:-ms-flexbox;display:flex}.ui.form.error .error.message:not(:empty){display:block}.ui.form.error .compact.error.message:not(:empty){display:inline-block}.ui.form.error .icon.error.message:not(:empty){display:-webkit-box;display:-ms-flexbox;display:flex}.ui.form .field.error .input,.ui.form .field.error label,.ui.form .fields.error .field .input,.ui.form .fields.error .field label{color:#9f3a38}.ui.form .field.error .corner.label,.ui.form .fields.error .field .corner.label{border-color:#9f3a38;color:#fff}.ui.form .field.error input:not([type]),.ui.form .field.error input[type=date],.ui.form .field.error input[type=datetime-local],.ui.form .field.error input[type=email],.ui.form .field.error input[type=file],.ui.form .field.error input[type=number],.ui.form .field.error input[type=password],.ui.form .field.error input[type=search],.ui.form .field.error input[type=tel],.ui.form .field.error input[type=text],.ui.form .field.error input[type=time],.ui.form .field.error input[type=url],.ui.form .field.error select,.ui.form .field.error textarea,.ui.form .fields.error .field input:not([type]),.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=datetime-local],.ui.form .fields.error .field input[type=email],.ui.form .fields.error .field input[type=file],.ui.form .fields.error .field input[type=number],.ui.form .fields.error .field input[type=password],.ui.form .fields.error .field input[type=search],.ui.form .fields.error .field input[type=tel],.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=time],.ui.form .fields.error .field input[type=url],.ui.form .fields.error .field select,.ui.form .fields.error .field textarea{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38;border-radius:'';-webkit-box-shadow:none;box-shadow:none}.ui.form .field.error input:not([type]):focus,.ui.form .field.error input[type=date]:focus,.ui.form .field.error input[type=datetime-local]:focus,.ui.form .field.error input[type=email]:focus,.ui.form .field.error input[type=file]:focus,.ui.form .field.error input[type=number]:focus,.ui.form .field.error input[type=password]:focus,.ui.form .field.error input[type=search]:focus,.ui.form .field.error input[type=tel]:focus,.ui.form .field.error input[type=text]:focus,.ui.form .field.error input[type=time]:focus,.ui.form .field.error input[type=url]:focus,.ui.form .field.error select:focus,.ui.form .field.error textarea:focus{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none}.ui.form .field.error select{-webkit-appearance:menulist-button}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown .item,.ui.form .field.error .ui.dropdown .text,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown .item{background:#fff6f6;color:#9f3a38}.ui.form .field.error .ui.dropdown,.ui.form .fields.error .field .ui.dropdown{border-color:#e0b4b4!important}.ui.form .field.error .ui.dropdown:hover,.ui.form .fields.error .field .ui.dropdown:hover{border-color:#e0b4b4!important}.ui.form .field.error .ui.dropdown:hover .menu,.ui.form .fields.error .field .ui.dropdown:hover .menu{border-color:#e0b4b4}.ui.form .field.error .ui.multiple.selection.dropdown>.label,.ui.form .fields.error .field .ui.multiple.selection.dropdown>.label{background-color:#eacbcb;color:#9f3a38}.ui.form .field.error .ui.dropdown .menu .item:hover,.ui.form .fields.error .field .ui.dropdown .menu .item:hover{background-color:#fbe7e7}.ui.form .field.error .ui.dropdown .menu .selected.item,.ui.form .fields.error .field .ui.dropdown .menu .selected.item{background-color:#fbe7e7}.ui.form .field.error .ui.dropdown .menu .active.item,.ui.form .fields.error .field .ui.dropdown .menu .active.item{background-color:#fdcfcf!important}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label{color:#9f3a38}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before{background:#fff6f6;border-color:#e0b4b4}.ui.form .field.error .checkbox .box:after,.ui.form .field.error .checkbox label:after,.ui.form .fields.error .field .checkbox .box:after,.ui.form .fields.error .field .checkbox label:after{color:#9f3a38}.ui.form .disabled.field,.ui.form .disabled.fields .field,.ui.form .field :disabled{pointer-events:none;opacity:.45}.ui.form .field.disabled>label,.ui.form .fields.disabled>label{opacity:.45}.ui.form .field.disabled :disabled{opacity:1}.ui.loading.form{position:relative;cursor:default;pointer-events:none}.ui.loading.form:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;z-index:100}.ui.loading.form:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:form-spin .6s linear;animation:form-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes form-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes form-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.form .required.field>.checkbox:after,.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>label:after,.ui.form label.required:after{margin:-.2em 0 0 .2em;content:'*';color:#db2828}.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>label:after,.ui.form label.required:after{display:inline-block;vertical-align:top}.ui.form .required.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after{position:absolute;top:0;left:100%}.ui.form .inverted.segment .ui.checkbox .box,.ui.form .inverted.segment .ui.checkbox label,.ui.form .inverted.segment label,.ui.inverted.form .inline.field>label,.ui.inverted.form .inline.field>p,.ui.inverted.form .inline.fields .field>label,.ui.inverted.form .inline.fields .field>p,.ui.inverted.form .inline.fields>label,.ui.inverted.form .ui.checkbox .box,.ui.inverted.form .ui.checkbox label,.ui.inverted.form label{color:rgba(255,255,255,.9)}.ui.inverted.form input:not([type]),.ui.inverted.form input[type=date],.ui.inverted.form input[type=datetime-local],.ui.inverted.form input[type=email],.ui.inverted.form input[type=file],.ui.inverted.form input[type=number],.ui.inverted.form input[type=password],.ui.inverted.form input[type=search],.ui.inverted.form input[type=tel],.ui.inverted.form input[type=text],.ui.inverted.form input[type=time],.ui.inverted.form input[type=url]{background:#fff;border-color:rgba(255,255,255,.1);color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}.ui.form .grouped.fields{display:block;margin:0 0 1em}.ui.form .grouped.fields:last-child{margin-bottom:0}.ui.form .grouped.fields>label{margin:0 0 .28571429rem 0;color:rgba(0,0,0,.87);font-size:.92857143em;font-weight:700;text-transform:none}.ui.form .grouped.fields .field,.ui.form .grouped.inline.fields .field{display:block;margin:.5em 0;padding:0}.ui.form .fields{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 -.5em 1em}.ui.form .fields>.field{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding-left:.5em;padding-right:.5em}.ui.form .fields>.field:first-child{border-left:none;-webkit-box-shadow:none;box-shadow:none}.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:50%}.ui.form .three.fields>.field,.ui.form .three.fields>.fields{width:33.33333333%}.ui.form .four.fields>.field,.ui.form .four.fields>.fields{width:25%}.ui.form .five.fields>.field,.ui.form .five.fields>.fields{width:20%}.ui.form .six.fields>.field,.ui.form .six.fields>.fields{width:16.66666667%}.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields{width:14.28571429%}.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields{width:12.5%}.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields{width:11.11111111%}.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields{width:10%}@media only screen and (max-width:767px){.ui.form .fields{-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable)>.field,.ui[class*="equal width"].form:not(.unstackable) .fields>.field{width:100%!important;margin:0 0 1em}}.ui.form .fields .wide.field{width:6.25%;padding-left:.5em;padding-right:.5em}.ui.form .one.wide.field{width:6.25%!important}.ui.form .two.wide.field{width:12.5%!important}.ui.form .three.wide.field{width:18.75%!important}.ui.form .four.wide.field{width:25%!important}.ui.form .five.wide.field{width:31.25%!important}.ui.form .six.wide.field{width:37.5%!important}.ui.form .seven.wide.field{width:43.75%!important}.ui.form .eight.wide.field{width:50%!important}.ui.form .nine.wide.field{width:56.25%!important}.ui.form .ten.wide.field{width:62.5%!important}.ui.form .eleven.wide.field{width:68.75%!important}.ui.form .twelve.wide.field{width:75%!important}.ui.form .thirteen.wide.field{width:81.25%!important}.ui.form .fourteen.wide.field{width:87.5%!important}.ui.form .fifteen.wide.field{width:93.75%!important}.ui.form .sixteen.wide.field{width:100%!important}@media only screen and (max-width:767px){.ui.form:not(.unstackable) .fields:not(.unstackable)>.eight.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.eleven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fifteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.five.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.four.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fourteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.nine.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.seven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.six.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.sixteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.ten.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.thirteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.three.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.twelve.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.two.wide.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields{width:100%!important}.ui.form .fields{margin-bottom:0}}.ui.form [class*="equal width"].fields>.field,.ui[class*="equal width"].form .fields>.field{width:100%;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.ui.form .inline.fields{margin:0 0 1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.form .inline.fields .field{margin:0;padding:0 1em 0 0}.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.fields>label{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:baseline;font-size:.92857143em;font-weight:700;color:rgba(0,0,0,.87);text-transform:none}.ui.form .inline.fields>label{margin:.035714em 1em 0 0}.ui.form .inline.field>input,.ui.form .inline.field>select,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>select{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:1em}.ui.form .inline.field>:first-child,.ui.form .inline.fields .field>:first-child{margin:0 .85714286em 0 0}.ui.form .inline.field>:only-child,.ui.form .inline.fields .field>:only-child{margin:0}.ui.form .inline.fields .wide.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.form .inline.fields .wide.field>input,.ui.form .inline.fields .wide.field>select{width:100%}.ui.mini.form{font-size:.78571429rem}.ui.tiny.form{font-size:.85714286rem}.ui.small.form{font-size:.92857143rem}.ui.form{font-size:1rem}.ui.large.form{font-size:1.14285714rem}.ui.big.form{font-size:1.28571429rem}.ui.huge.form{font-size:1.42857143rem}.ui.massive.form{font-size:1.71428571rem}.ui.mini.form .field .dropdown{font-size:.78571429rem}.ui.tiny.form .field .dropdown{font-size:.85714286rem}.ui.small.form .field .dropdown{font-size:.92857143rem}.ui.form .field .dropdown{font-size:1rem}.ui.large.form .field .dropdown{font-size:1.14285714rem}.ui.big.form .field .dropdown{font-size:1.28571429rem}.ui.huge.form .field .dropdown{font-size:1.42857143rem}.ui.massive.form .field .dropdown{font-size:1.71428571rem}.ui.mini.form .field .dropdown .menu>.item{font-size:.78571429rem}.ui.tiny.form .field .dropdown .menu>.item{font-size:.85714286rem}.ui.small.form .field .dropdown .menu>.item{font-size:.92857143rem}.ui.form .field .dropdown .menu>.item{font-size:1rem}.ui.large.form .field .dropdown .menu>.item{font-size:1.14285714rem}.ui.big.form .field .dropdown .menu>.item{font-size:1.28571429rem}.ui.huge.form .field .dropdown .menu>.item{font-size:1.42857143rem}.ui.massive.form .field .dropdown .menu>.item{font-size:1.71428571rem} \ No newline at end of file + */.ui.form{position:relative;max-width:100%}.ui.form>p{margin:1em 0}.ui.form .field{clear:both;margin:0 0 1em}.ui.form .field:last-child,.ui.form .fields:last-child .field{margin-bottom:0}.ui.form .fields .field{clear:both;margin:0}.ui.form .field>label{display:block;margin:0 0 .28571429rem 0;color:rgba(0,0,0,.87);font-size:.92857143em;font-weight:700;text-transform:none}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url],.ui.form textarea{width:100%;vertical-align:top}.ui.form ::-webkit-datetime-edit,.ui.form ::-webkit-inner-spin-button{height:1.21428571em}.ui.form input:not([type]),.ui.form input[type=date],.ui.form input[type=datetime-local],.ui.form input[type=email],.ui.form input[type=file],.ui.form input[type=number],.ui.form input[type=password],.ui.form input[type=search],.ui.form input[type=tel],.ui.form input[type=text],.ui.form input[type=time],.ui.form input[type=url]{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease}.ui.form textarea{margin:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:.78571429em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);outline:0;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease;font-size:1em;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;line-height:1.2857;resize:vertical}.ui.form textarea:not([rows]){height:12em;min-height:8em;max-height:24em}.ui.form input[type=checkbox],.ui.form textarea{vertical-align:top}.ui.form .field .transparent.input input,.ui.form .field input.transparent,.ui.form .field textarea.transparent{padding:.67857143em 1em!important}.ui.form .field textarea.transparent{border-color:transparent!important;background-color:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.form .field.error .transparent.input input,.ui.form .field.error input.transparent,.ui.form .field.error textarea.transparent{background-color:#fff6f6!important;color:#9f3a38!important}.ui.form input.attached{width:auto}.ui.form select{display:block;height:auto;width:100%;background:#fff;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;padding:.62em 1em;color:rgba(0,0,0,.87);-webkit-transition:color .1s ease,border-color .1s ease;transition:color .1s ease,border-color .1s ease}.ui.form .field>.selection.dropdown{min-width:auto;width:100%}.ui.form .field>.selection.dropdown>.dropdown.icon{float:right}.ui.form .inline.field>.selection.dropdown,.ui.form .inline.fields .field>.selection.dropdown{width:auto}.ui.form .inline.field>.selection.dropdown>.dropdown.icon,.ui.form .inline.fields .field>.selection.dropdown>.dropdown.icon{float:none}.ui.form .field .ui.input,.ui.form .fields .field .ui.input,.ui.form .wide.field .ui.input{width:100%}.ui.form .inline.field:not(.wide) .ui.input,.ui.form .inline.fields .field:not(.wide) .ui.input{width:auto;vertical-align:middle}.ui.form .field .ui.input input,.ui.form .fields .field .ui.input input{width:auto}.ui.form .eight.fields .ui.input input,.ui.form .five.fields .ui.input input,.ui.form .four.fields .ui.input input,.ui.form .nine.fields .ui.input input,.ui.form .seven.fields .ui.input input,.ui.form .six.fields .ui.input input,.ui.form .ten.fields .ui.input input,.ui.form .three.fields .ui.input input,.ui.form .two.fields .ui.input input,.ui.form .wide.field .ui.input input{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;width:0}.ui.form .error.message,.ui.form .success.message,.ui.form .warning.message{display:none}.ui.form .message:first-child{margin-top:0}.ui.form .field .prompt.label{white-space:normal;background:#fff!important;border:1px solid #e0b4b4!important;color:#9f3a38!important}.ui.form .inline.field .prompt,.ui.form .inline.fields .field .prompt{vertical-align:top;margin:-.25em 0 -.5em .5em}.ui.form .inline.field .prompt:before,.ui.form .inline.fields .field .prompt:before{border-width:0 0 1px 1px;bottom:auto;right:auto;top:50%;left:0}.ui.form .field.field input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px ivory inset!important;box-shadow:0 0 0 100px ivory inset!important;border-color:#e5dfa1!important}.ui.form .field.field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px ivory inset!important;box-shadow:0 0 0 100px ivory inset!important;border-color:#d5c315!important}.ui.form .error.error input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fffaf0 inset!important;box-shadow:0 0 0 100px #fffaf0 inset!important;border-color:#e0b4b4!important}.ui.form ::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.form :-ms-input-placeholder{color:rgba(191,191,191,.87)!important}.ui.form ::-moz-placeholder{color:rgba(191,191,191,.87)}.ui.form :focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.form :focus:-ms-input-placeholder{color:rgba(115,115,115,.87)!important}.ui.form :focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.form .error ::-webkit-input-placeholder{color:#e7bdbc}.ui.form .error :-ms-input-placeholder{color:#e7bdbc!important}.ui.form .error ::-moz-placeholder{color:#e7bdbc}.ui.form .error :focus::-webkit-input-placeholder{color:#da9796}.ui.form .error :focus:-ms-input-placeholder{color:#da9796!important}.ui.form .error :focus::-moz-placeholder{color:#da9796}.ui.form input:not([type]):focus,.ui.form input[type=date]:focus,.ui.form input[type=datetime-local]:focus,.ui.form input[type=email]:focus,.ui.form input[type=file]:focus,.ui.form input[type=number]:focus,.ui.form input[type=password]:focus,.ui.form input[type=search]:focus,.ui.form input[type=tel]:focus,.ui.form input[type=text]:focus,.ui.form input[type=time]:focus,.ui.form input[type=url]:focus{color:rgba(0,0,0,.95);border-color:#85b7d9;border-radius:.28571429rem;background:#fff;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.35) inset;box-shadow:0 0 0 0 rgba(34,36,38,.35) inset}.ui.form textarea:focus{color:rgba(0,0,0,.95);border-color:#85b7d9;border-radius:.28571429rem;background:#fff;-webkit-box-shadow:0 0 0 0 rgba(34,36,38,.35) inset;box-shadow:0 0 0 0 rgba(34,36,38,.35) inset;-webkit-appearance:none}.ui.form.success .success.message:not(:empty){display:block}.ui.form.success .compact.success.message:not(:empty){display:inline-block}.ui.form.success .icon.success.message:not(:empty){display:-webkit-box;display:-ms-flexbox;display:flex}.ui.form.warning .warning.message:not(:empty){display:block}.ui.form.warning .compact.warning.message:not(:empty){display:inline-block}.ui.form.warning .icon.warning.message:not(:empty){display:-webkit-box;display:-ms-flexbox;display:flex}.ui.form.error .error.message:not(:empty){display:block}.ui.form.error .compact.error.message:not(:empty){display:inline-block}.ui.form.error .icon.error.message:not(:empty){display:-webkit-box;display:-ms-flexbox;display:flex}.ui.form .field.error .input,.ui.form .field.error label,.ui.form .fields.error .field .input,.ui.form .fields.error .field label{color:#9f3a38}.ui.form .field.error .corner.label,.ui.form .fields.error .field .corner.label{border-color:#9f3a38;color:#fff}.ui.form .field.error input:not([type]),.ui.form .field.error input[type=date],.ui.form .field.error input[type=datetime-local],.ui.form .field.error input[type=email],.ui.form .field.error input[type=file],.ui.form .field.error input[type=number],.ui.form .field.error input[type=password],.ui.form .field.error input[type=search],.ui.form .field.error input[type=tel],.ui.form .field.error input[type=text],.ui.form .field.error input[type=time],.ui.form .field.error input[type=url],.ui.form .field.error select,.ui.form .field.error textarea,.ui.form .fields.error .field input:not([type]),.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=datetime-local],.ui.form .fields.error .field input[type=email],.ui.form .fields.error .field input[type=file],.ui.form .fields.error .field input[type=number],.ui.form .fields.error .field input[type=password],.ui.form .fields.error .field input[type=search],.ui.form .fields.error .field input[type=tel],.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=time],.ui.form .fields.error .field input[type=url],.ui.form .fields.error .field select,.ui.form .fields.error .field textarea{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38;border-radius:'';-webkit-box-shadow:none;box-shadow:none}.ui.form .field.error input:not([type]):focus,.ui.form .field.error input[type=date]:focus,.ui.form .field.error input[type=datetime-local]:focus,.ui.form .field.error input[type=email]:focus,.ui.form .field.error input[type=file]:focus,.ui.form .field.error input[type=number]:focus,.ui.form .field.error input[type=password]:focus,.ui.form .field.error input[type=search]:focus,.ui.form .field.error input[type=tel]:focus,.ui.form .field.error input[type=text]:focus,.ui.form .field.error input[type=time]:focus,.ui.form .field.error input[type=url]:focus,.ui.form .field.error select:focus,.ui.form .field.error textarea:focus{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none}.ui.form .field.error select{-webkit-appearance:menulist-button}.ui.form .field.error .ui.dropdown,.ui.form .field.error .ui.dropdown .item,.ui.form .field.error .ui.dropdown .text,.ui.form .fields.error .field .ui.dropdown,.ui.form .fields.error .field .ui.dropdown .item{background:#fff6f6;color:#9f3a38}.ui.form .field.error .ui.dropdown,.ui.form .fields.error .field .ui.dropdown{border-color:#e0b4b4!important}.ui.form .field.error .ui.dropdown:hover,.ui.form .fields.error .field .ui.dropdown:hover{border-color:#e0b4b4!important}.ui.form .field.error .ui.dropdown:hover .menu,.ui.form .fields.error .field .ui.dropdown:hover .menu{border-color:#e0b4b4}.ui.form .field.error .ui.multiple.selection.dropdown>.label,.ui.form .fields.error .field .ui.multiple.selection.dropdown>.label{background-color:#eacbcb;color:#9f3a38}.ui.form .field.error .ui.dropdown .menu .item:hover,.ui.form .fields.error .field .ui.dropdown .menu .item:hover{background-color:#fbe7e7}.ui.form .field.error .ui.dropdown .menu .selected.item,.ui.form .fields.error .field .ui.dropdown .menu .selected.item{background-color:#fbe7e7}.ui.form .field.error .ui.dropdown .menu .active.item,.ui.form .fields.error .field .ui.dropdown .menu .active.item{background-color:#fdcfcf!important}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label{color:#9f3a38}.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before{background:#fff6f6;border-color:#e0b4b4}.ui.form .field.error .checkbox .box:after,.ui.form .field.error .checkbox label:after,.ui.form .fields.error .field .checkbox .box:after,.ui.form .fields.error .field .checkbox label:after{color:#9f3a38}.ui.form .disabled.field,.ui.form .disabled.fields .field,.ui.form .field :disabled{pointer-events:none;opacity:.45}.ui.form .field.disabled>label,.ui.form .fields.disabled>label{opacity:.45}.ui.form .field.disabled :disabled{opacity:1}.ui.loading.form{position:relative;cursor:default;pointer-events:none}.ui.loading.form:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;z-index:100}.ui.loading.form:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}.ui.form .required.field>.checkbox:after,.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>label:after,.ui.form label.required:after{margin:-.2em 0 0 .2em;content:'*';color:#db2828}.ui.form .required.field>label:after,.ui.form .required.fields.grouped>label:after,.ui.form .required.fields:not(.grouped)>.field>label:after,.ui.form label.required:after{display:inline-block;vertical-align:top}.ui.form .required.field>.checkbox:after,.ui.form .required.fields:not(.grouped)>.field>.checkbox:after{position:absolute;top:0;left:100%}.ui.form .inverted.segment .ui.checkbox .box,.ui.form .inverted.segment .ui.checkbox label,.ui.form .inverted.segment label,.ui.inverted.form .inline.field>label,.ui.inverted.form .inline.field>p,.ui.inverted.form .inline.fields .field>label,.ui.inverted.form .inline.fields .field>p,.ui.inverted.form .inline.fields>label,.ui.inverted.form .ui.checkbox .box,.ui.inverted.form .ui.checkbox label,.ui.inverted.form label{color:rgba(255,255,255,.9)}.ui.inverted.form input:not([type]),.ui.inverted.form input[type=date],.ui.inverted.form input[type=datetime-local],.ui.inverted.form input[type=email],.ui.inverted.form input[type=file],.ui.inverted.form input[type=number],.ui.inverted.form input[type=password],.ui.inverted.form input[type=search],.ui.inverted.form input[type=tel],.ui.inverted.form input[type=text],.ui.inverted.form input[type=time],.ui.inverted.form input[type=url]{background:#fff;border-color:rgba(255,255,255,.1);color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}.ui.form .grouped.fields{display:block;margin:0 0 1em}.ui.form .grouped.fields:last-child{margin-bottom:0}.ui.form .grouped.fields>label{margin:0 0 .28571429rem 0;color:rgba(0,0,0,.87);font-size:.92857143em;font-weight:700;text-transform:none}.ui.form .grouped.fields .field,.ui.form .grouped.inline.fields .field{display:block;margin:.5em 0;padding:0}.ui.form .fields{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0 -.5em 1em}.ui.form .fields>.field{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding-left:.5em;padding-right:.5em}.ui.form .fields>.field:first-child{border-left:none;-webkit-box-shadow:none;box-shadow:none}.ui.form .two.fields>.field,.ui.form .two.fields>.fields{width:50%}.ui.form .three.fields>.field,.ui.form .three.fields>.fields{width:33.33333333%}.ui.form .four.fields>.field,.ui.form .four.fields>.fields{width:25%}.ui.form .five.fields>.field,.ui.form .five.fields>.fields{width:20%}.ui.form .six.fields>.field,.ui.form .six.fields>.fields{width:16.66666667%}.ui.form .seven.fields>.field,.ui.form .seven.fields>.fields{width:14.28571429%}.ui.form .eight.fields>.field,.ui.form .eight.fields>.fields{width:12.5%}.ui.form .nine.fields>.field,.ui.form .nine.fields>.fields{width:11.11111111%}.ui.form .ten.fields>.field,.ui.form .ten.fields>.fields{width:10%}@media only screen and (max-width:767px){.ui.form .fields{-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .eight.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .nine.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .seven.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .six.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .ten.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable)>.field,.ui[class*="equal width"].form:not(.unstackable) .fields>.field{width:100%!important;margin:0 0 1em}}.ui.form .fields .wide.field{width:6.25%;padding-left:.5em;padding-right:.5em}.ui.form .one.wide.field{width:6.25%!important}.ui.form .two.wide.field{width:12.5%!important}.ui.form .three.wide.field{width:18.75%!important}.ui.form .four.wide.field{width:25%!important}.ui.form .five.wide.field{width:31.25%!important}.ui.form .six.wide.field{width:37.5%!important}.ui.form .seven.wide.field{width:43.75%!important}.ui.form .eight.wide.field{width:50%!important}.ui.form .nine.wide.field{width:56.25%!important}.ui.form .ten.wide.field{width:62.5%!important}.ui.form .eleven.wide.field{width:68.75%!important}.ui.form .twelve.wide.field{width:75%!important}.ui.form .thirteen.wide.field{width:81.25%!important}.ui.form .fourteen.wide.field{width:87.5%!important}.ui.form .fifteen.wide.field{width:93.75%!important}.ui.form .sixteen.wide.field{width:100%!important}@media only screen and (max-width:767px){.ui.form:not(.unstackable) .fields:not(.unstackable)>.eight.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.eleven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fifteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.five.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.four.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.fourteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.nine.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.seven.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.six.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.sixteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.ten.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.thirteen.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.three.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.twelve.wide.field,.ui.form:not(.unstackable) .fields:not(.unstackable)>.two.wide.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .five.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .four.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .three.fields:not(.unstackable)>.fields,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.field,.ui.form:not(.unstackable) .two.fields:not(.unstackable)>.fields{width:100%!important}.ui.form .fields{margin-bottom:0}}.ui.form [class*="equal width"].fields>.field,.ui[class*="equal width"].form .fields>.field{width:100%;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.ui.form .inline.fields{margin:0 0 1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.form .inline.fields .field{margin:0;padding:0 1em 0 0}.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.fields>label{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:baseline;font-size:.92857143em;font-weight:700;color:rgba(0,0,0,.87);text-transform:none}.ui.form .inline.fields>label{margin:.035714em 1em 0 0}.ui.form .inline.field>input,.ui.form .inline.field>select,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>select{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:1em}.ui.form .inline.field>:first-child,.ui.form .inline.fields .field>:first-child{margin:0 .85714286em 0 0}.ui.form .inline.field>:only-child,.ui.form .inline.fields .field>:only-child{margin:0}.ui.form .inline.fields .wide.field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.form .inline.fields .wide.field>input,.ui.form .inline.fields .wide.field>select{width:100%}.ui.mini.form{font-size:.78571429rem}.ui.tiny.form{font-size:.85714286rem}.ui.small.form{font-size:.92857143rem}.ui.form{font-size:1rem}.ui.large.form{font-size:1.14285714rem}.ui.big.form{font-size:1.28571429rem}.ui.huge.form{font-size:1.42857143rem}.ui.massive.form{font-size:1.71428571rem}.ui.mini.form .field .dropdown{font-size:.78571429rem}.ui.tiny.form .field .dropdown{font-size:.85714286rem}.ui.small.form .field .dropdown{font-size:.92857143rem}.ui.form .field .dropdown{font-size:1rem}.ui.large.form .field .dropdown{font-size:1.14285714rem}.ui.big.form .field .dropdown{font-size:1.28571429rem}.ui.huge.form .field .dropdown{font-size:1.42857143rem}.ui.massive.form .field .dropdown{font-size:1.71428571rem}.ui.mini.form .field .dropdown .menu>.item{font-size:.78571429rem}.ui.tiny.form .field .dropdown .menu>.item{font-size:.85714286rem}.ui.small.form .field .dropdown .menu>.item{font-size:.92857143rem}.ui.form .field .dropdown .menu>.item{font-size:1rem}.ui.large.form .field .dropdown .menu>.item{font-size:1.14285714rem}.ui.big.form .field .dropdown .menu>.item{font-size:1.28571429rem}.ui.huge.form .field .dropdown .menu>.item{font-size:1.42857143rem}.ui.massive.form .field .dropdown .menu>.item{font-size:1.71428571rem} \ No newline at end of file diff --git a/dist/components/form.min.js b/dist/components/form.min.js index 323c562236..658dd72ab1 100644 --- a/dist/components/form.min.js +++ b/dist/components/form.min.js @@ -1 +1,11 @@ -!function(T,e,D,O){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),T.fn.form=function(x){var k,E=T(this),w=E.selector||"",C=(new Date).getTime(),V=[],R=x,S=arguments[1],F="string"==typeof R,A=[].slice.call(arguments,1);return E.each(function(){var n,s,t,e,d,u,c,f,p,r,l,i,a,m,g,h,o=T(this),v=this,b=[],y=!1;(h={initialize:function(){h.get.settings(),F?(g===O&&h.instantiate(),h.invoke(R)):(g!==O&&g.invoke("destroy"),h.verbose("Initializing form validation",o,d),h.bindEvents(),h.set.defaults(),h.instantiate())},instantiate:function(){h.verbose("Storing instance of module",h),g=h,o.data(a,h)},destroy:function(){h.verbose("Destroying previous module",g),h.removeEvents(),o.removeData(a)},refresh:function(){h.verbose("Refreshing selector cache"),n=o.find(f.field),s=o.find(f.group),t=o.find(f.message),o.find(f.prompt),e=o.find(f.submit),o.find(f.clear),o.find(f.reset)},submit:function(){h.verbose("Submitting form",o),o.submit()},attachEvents:function(e,t){t=t||"submit",T(e).on("click"+m,function(e){h[t](),e.preventDefault()})},bindEvents:function(){h.verbose("Attaching form events"),o.on("submit"+m,h.validate.form).on("blur"+m,f.field,h.event.field.blur).on("click"+m,f.submit,h.submit).on("click"+m,f.reset,h.reset).on("click"+m,f.clear,h.clear),d.keyboardShortcuts&&o.on("keydown"+m,f.field,h.event.field.keydown),n.each(function(){var e=T(this),t=e.prop("type"),n=h.get.changeEvent(t,e);T(this).on(n+m,h.event.field.change)})},clear:function(){n.each(function(){var e=T(this),t=e.parent(),n=e.closest(s),r=n.find(f.prompt),i=e.data(c.defaultValue)||"",a=t.is(f.uiCheckbox),o=t.is(f.uiDropdown);n.hasClass(p.error)&&(h.verbose("Resetting error on field",n),n.removeClass(p.error),r.remove()),o?(h.verbose("Resetting dropdown value",t,i),t.dropdown("clear")):a?e.prop("checked",!1):(h.verbose("Resetting field value",e,i),e.val(""))})},reset:function(){n.each(function(){var e=T(this),t=e.parent(),n=e.closest(s),r=n.find(f.prompt),i=e.data(c.defaultValue),a=t.is(f.uiCheckbox),o=t.is(f.uiDropdown),l=n.hasClass(p.error);i!==O&&(l&&(h.verbose("Resetting error on field",n),n.removeClass(p.error),r.remove()),o?(h.verbose("Resetting dropdown value",t,i),t.dropdown("restore defaults")):a?(h.verbose("Resetting checkbox value",t,i),e.prop("checked",i)):(h.verbose("Resetting field value",e,i),e.val(i)))})},determine:{isValid:function(){var n=!0;return T.each(u,function(e,t){h.validate.field(t,e,!0)||(n=!1)}),n}},is:{bracketedRule:function(e){return e.type&&e.type.match(d.regExp.bracket)},shorthandFields:function(e){var t=e[Object.keys(e)[0]];return h.is.shorthandRules(t)},shorthandRules:function(e){return"string"==typeof e||T.isArray(e)},empty:function(e){return!e||0===e.length||(e.is('input[type="checkbox"]')?!e.is(":checked"):h.is.blank(e))},blank:function(e){return""===T.trim(e.val())},valid:function(e){var n=!0;return e?(h.verbose("Checking if field is valid",e),h.validate.field(u[e],e,!1)):(h.verbose("Checking if form is valid"),T.each(u,function(e,t){h.is.valid(e)||(n=!1)}),n)}},removeEvents:function(){o.off(m),n.off(m),e.off(m),n.off(m)},event:{field:{keydown:function(e){var t=T(this),n=e.which,r=t.is(f.input),i=t.is(f.checkbox),a=0")},fields:function(e){var n=T();return T.each(e,function(e,t){n=n.add(h.get.field(t))}),n},validation:function(n){var r,i;return!!u&&(T.each(u,function(e,t){i=t.identifier||e,h.get.field(i)[0]==n[0]&&(t.identifier=i,r=t)}),r||!1)},value:function(e){var t=[];return t.push(e),h.get.values.call(v,t)[e]},values:function(e){var t=T.isArray(e)?h.get.fields(e):n,u={};return t.each(function(e,t){var n=T(t),r=(n.prop("type"),n.prop("name")),i=n.val(),a=n.is(f.checkbox),o=n.is(f.radio),l=-1!==r.indexOf("[]"),s=!!a&&n.is(":checked");r&&(l?(r=r.replace("[]",""),u[r]||(u[r]=[]),a?s?u[r].push(i||!0):u[r].push(!1):u[r].push(i)):o?u[r]!==O&&0!=u[r]||(u[r]=!!s&&(i||!0)):u[r]=a?!!s&&(i||!0):i)}),u}},has:{field:function(e){return h.verbose("Checking for existence of a field with identifier",e),"string"!=typeof(e=h.escape.string(e))&&h.error(l.identifier,e),0"}),T(n+="")},prompt:function(e){return T("
    ").addClass("ui basic red pointing prompt label").html(e[0])}},rules:{empty:function(e){return!(e===O||""===e||T.isArray(e)&&0===e.length)},checked:function(){return 0=t},length:function(e,t){return e!==O&&e.length>=t},exactLength:function(e,t){return e!==O&&e.length==t},maxLength:function(e,t){return e!==O&&e.length<=t},match:function(e,t){var n;T(this);return 0=t)},exactCount:function(e,t){return 0==t?""===e:1==t?""!==e&&-1===e.search(","):e.split(",").length==t},maxCount:function(e,t){return 0!=t&&(1==t?-1===e.search(","):e.split(",").length<=t)}}}}(jQuery,window,document); \ No newline at end of file + /* + * # Fomantic UI - 2.7.0 + * https://github.com/fomantic/Fomantic-UI + * http://fomantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +!function(T,e,D,O){"use strict";T.isFunction=T.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),T.fn.form=function(x){var k,E=T(this),w=E.selector||"",C=(new Date).getTime(),A=[],V=x,R=arguments[1],F="string"==typeof V,S=[].slice.call(arguments,1);return E.each(function(){var n,l,t,e,d,u,c,f,p,r,s,i,a,m,g,h,o=T(this),v=this,b=[],y=!1;(h={initialize:function(){h.get.settings(),F?(g===O&&h.instantiate(),h.invoke(V)):(g!==O&&g.invoke("destroy"),h.verbose("Initializing form validation",o,d),h.bindEvents(),h.set.defaults(),h.instantiate())},instantiate:function(){h.verbose("Storing instance of module",h),g=h,o.data(a,h)},destroy:function(){h.verbose("Destroying previous module",g),h.removeEvents(),o.removeData(a)},refresh:function(){h.verbose("Refreshing selector cache"),n=o.find(f.field),l=o.find(f.group),t=o.find(f.message),o.find(f.prompt),e=o.find(f.submit),o.find(f.clear),o.find(f.reset)},submit:function(){h.verbose("Submitting form",o),o.submit()},attachEvents:function(e,t){t=t||"submit",T(e).on("click"+m,function(e){h[t](),e.preventDefault()})},bindEvents:function(){h.verbose("Attaching form events"),o.on("submit"+m,h.validate.form).on("blur"+m,f.field,h.event.field.blur).on("click"+m,f.submit,h.submit).on("click"+m,f.reset,h.reset).on("click"+m,f.clear,h.clear),d.keyboardShortcuts&&o.on("keydown"+m,f.field,h.event.field.keydown),n.each(function(){var e=T(this),t=e.prop("type"),n=h.get.changeEvent(t,e);T(this).on(n+m,h.event.field.change)})},clear:function(){n.each(function(){var e=T(this),t=e.parent(),n=e.closest(l),r=n.find(f.prompt),i=e.data(c.defaultValue)||"",a=t.is(f.uiCheckbox),o=t.is(f.uiDropdown);n.hasClass(p.error)&&(h.verbose("Resetting error on field",n),n.removeClass(p.error),r.remove()),o?(h.verbose("Resetting dropdown value",t,i),t.dropdown("clear")):a?e.prop("checked",!1):(h.verbose("Resetting field value",e,i),e.val(""))})},reset:function(){n.each(function(){var e=T(this),t=e.parent(),n=e.closest(l),r=n.find(f.prompt),i=e.data(c.defaultValue),a=t.is(f.uiCheckbox),o=t.is(f.uiDropdown),s=n.hasClass(p.error);i!==O&&(s&&(h.verbose("Resetting error on field",n),n.removeClass(p.error),r.remove()),o?(h.verbose("Resetting dropdown value",t,i),t.dropdown("restore defaults")):a?(h.verbose("Resetting checkbox value",t,i),e.prop("checked",i)):(h.verbose("Resetting field value",e,i),e.val(i)))})},determine:{isValid:function(){var n=!0;return T.each(u,function(e,t){h.validate.field(t,e,!0)||(n=!1)}),n}},is:{bracketedRule:function(e){return e.type&&e.type.match(d.regExp.bracket)},shorthandFields:function(e){var t=e[Object.keys(e)[0]];return h.is.shorthandRules(t)},shorthandRules:function(e){return"string"==typeof e||Array.isArray(e)},empty:function(e){return!e||0===e.length||(e.is('input[type="checkbox"]')?!e.is(":checked"):h.is.blank(e))},blank:function(e){return""===T.trim(e.val())},valid:function(e){var n=!0;return e?(h.verbose("Checking if field is valid",e),h.validate.field(u[e],e,!1)):(h.verbose("Checking if form is valid"),T.each(u,function(e,t){h.is.valid(e)||(n=!1)}),n)}},removeEvents:function(){o.off(m),n.off(m),e.off(m),n.off(m)},event:{field:{keydown:function(e){var t=T(this),n=e.which,r=t.is(f.input),i=t.is(f.checkbox),a=0")},fields:function(e){var n=T();return T.each(e,function(e,t){n=n.add(h.get.field(t))}),n},validation:function(n){var r,i;return!!u&&(T.each(u,function(e,t){i=t.identifier||e,h.get.field(i)[0]==n[0]&&(t.identifier=i,r=t)}),r||!1)},value:function(e){var t=[];return t.push(e),h.get.values.call(v,t)[e]},values:function(e){var t=Array.isArray(e)?h.get.fields(e):n,u={};return t.each(function(e,t){var n=T(t),r=(n.prop("type"),n.prop("name")),i=n.val(),a=n.is(f.checkbox),o=n.is(f.radio),s=-1!==r.indexOf("[]"),l=!!a&&n.is(":checked");r&&(s?(r=r.replace("[]",""),u[r]||(u[r]=[]),a?l?u[r].push(i||!0):u[r].push(!1):u[r].push(i)):o?u[r]!==O&&0!=u[r]||(u[r]=!!l&&(i||!0)):u[r]=a?!!l&&(i||!0):i)}),u}},has:{field:function(e){return h.verbose("Checking for existence of a field with identifier",e),"string"!=typeof(e=h.escape.string(e))&&h.error(s.identifier,e),0"}),T(n+="")},prompt:function(e){return T("
    ").addClass("ui basic red pointing prompt label").html(e[0])}},rules:{empty:function(e){return!(e===O||""===e||Array.isArray(e)&&0===e.length)},checked:function(){return 0=t},length:function(e,t){return e!==O&&e.length>=t},exactLength:function(e,t){return e!==O&&e.length==t},maxLength:function(e,t){return e!==O&&e.length<=t},match:function(e,t){var n;T(this);return 0=t)},exactCount:function(e,t){return 0==t?""===e:1==t?""!==e&&-1===e.search(","):e.split(",").length==t},maxCount:function(e,t){return 0!=t&&(1==t?-1===e.search(","):e.split(",").length<=t)}}}}(jQuery,window,document); \ No newline at end of file diff --git a/dist/components/grid.css b/dist/components/grid.css index de13d9d7e9..ba80555837 100644 --- a/dist/components/grid.css +++ b/dist/components/grid.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Grid + * # Semantic UI 2.7.0 - Grid * http://github.com/semantic-org/semantic-ui/ * * @@ -26,7 +26,7 @@ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; - padding: 0em; + padding: 0; } /*---------------------- @@ -95,7 +95,7 @@ -ms-flex-align: stretch; align-items: stretch; width: 100% !important; - padding: 0rem; + padding: 0; padding-top: 1rem; padding-bottom: 1rem; } @@ -111,8 +111,8 @@ padding-bottom: 1rem; } .ui.grid > .row > .column { - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; } /*------------------- @@ -131,10 +131,10 @@ /* Collapse Margin on Consecutive Grid */ .ui.grid > .ui.grid:first-child { - margin-top: 0em; + margin-top: 0; } .ui.grid > .ui.grid:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /* Segment inside Aligned Grid */ @@ -174,17 +174,17 @@ @media only screen and (max-width: 767px) { .ui.page.grid { width: auto; - padding-left: 0em; - padding-right: 0em; - margin-left: 0em; - margin-right: 0em; + padding-left: 0; + padding-right: 0; + margin-left: 0; + margin-right: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.page.grid { width: auto; - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; padding-left: 2em; padding-right: 2em; } @@ -192,8 +192,8 @@ @media only screen and (min-width: 992px) and (max-width: 1199px) { .ui.page.grid { width: auto; - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; padding-left: 3%; padding-right: 3%; } @@ -201,8 +201,8 @@ @media only screen and (min-width: 1200px) and (max-width: 1919px) { .ui.page.grid { width: auto; - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; padding-left: 15%; padding-right: 15%; } @@ -210,8 +210,8 @@ @media only screen and (min-width: 1920px) { .ui.page.grid { width: auto; - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; padding-left: 23%; padding-right: 23%; } @@ -1016,15 +1016,15 @@ -----------------------*/ .ui.padded.grid:not(.vertically):not(.horizontally) { - margin: 0em !important; + margin: 0 !important; } [class*="horizontally padded"].ui.grid { - margin-left: 0em !important; - margin-right: 0em !important; + margin-left: 0 !important; + margin-right: 0 !important; } [class*="vertically padded"].ui.grid { - margin-top: 0em !important; - margin-bottom: 0em !important; + margin-top: 0 !important; + margin-bottom: 0 !important; } /*---------------------- @@ -1044,8 +1044,8 @@ .ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.divided.grid:not([class*="vertically divided"]) > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); + box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } /* Swap from padding to margin on columns to have dividers align */ @@ -1053,12 +1053,12 @@ .ui[class*="vertically divided"].grid > .row > .column { margin-top: 1rem; margin-bottom: 1rem; - padding-top: 0rem; - padding-bottom: 0rem; + padding-top: 0; + padding-bottom: 0; } .ui[class*="vertically divided"].grid > .row { - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; } /* No divider on first column on row */ @@ -1070,13 +1070,13 @@ /* No space on top of first row */ .ui[class*="vertically divided"].grid > .row:first-child > .column { - margin-top: 0em; + margin-top: 0; } /* Divided Row */ .ui.grid > .divided.row > .column { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); + box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } .ui.grid > .divided.row > .column:first-child { -webkit-box-shadow: none; @@ -1090,13 +1090,13 @@ .ui[class*="vertically divided"].grid > .row:before { position: absolute; content: ""; - top: 0em; - left: 0px; + top: 0; + left: 0; width: calc(100% - 2rem); height: 1px; - margin: 0% 1rem; - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + margin: 0 1rem; + -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); } /* Padded Horizontally Divided */ @@ -1114,8 +1114,8 @@ /* Inverted Divided */ .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); - box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1); + -webkit-box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1); + box-shadow: -1px 0 0 0 rgba(255, 255, 255, 0.1); } .ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { @@ -1123,8 +1123,8 @@ box-shadow: none; } .ui.inverted[class*="vertically divided"].grid > .row:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); - box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1); + -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1); + box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.1); } /* Relaxed */ @@ -1145,21 +1145,21 @@ .ui.celled.grid { width: 100%; - margin: 1em 0em; - -webkit-box-shadow: 0px 0px 0px 1px #D4D4D5; - box-shadow: 0px 0px 0px 1px #D4D4D5; + margin: 1em 0; + -webkit-box-shadow: 0 0 0 1px #D4D4D5; + box-shadow: 0 0 0 1px #D4D4D5; } .ui.celled.grid > .row { width: 100% !important; - margin: 0em; - padding: 0em; - -webkit-box-shadow: 0px -1px 0px 0px #D4D4D5; - box-shadow: 0px -1px 0px 0px #D4D4D5; + margin: 0; + padding: 0; + -webkit-box-shadow: 0 -1px 0 0 #D4D4D5; + box-shadow: 0 -1px 0 0 #D4D4D5; } .ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; + -webkit-box-shadow: -1px 0 0 0 #D4D4D5; + box-shadow: -1px 0 0 0 #D4D4D5; } .ui.celled.grid > .column:first-child, .ui.celled.grid > .row > .column:first-child { @@ -1183,7 +1183,7 @@ .ui[class*="internally celled"].grid { -webkit-box-shadow: none; box-shadow: none; - margin: 0em; + margin: 0; } .ui[class*="internally celled"].grid > .row:first-child { -webkit-box-shadow: none; @@ -1329,108 +1329,94 @@ Colored -----------------------*/ - -/* Red */ +.ui.grid > .primary.row, +.ui.grid > .primary.column, +.ui.grid > .row > .primary.column { + background-color: #2185D0; + color: #FFFFFF; +} +.ui.grid > .secondary.row, +.ui.grid > .secondary.column, +.ui.grid > .row > .secondary.column { + background-color: #1B1C1D; + color: #FFFFFF; +} .ui.grid > .red.row, .ui.grid > .red.column, .ui.grid > .row > .red.column { - background-color: #DB2828 !important; + background-color: #DB2828; color: #FFFFFF; } - -/* Orange */ .ui.grid > .orange.row, .ui.grid > .orange.column, .ui.grid > .row > .orange.column { - background-color: #F2711C !important; + background-color: #F2711C; color: #FFFFFF; } - -/* Yellow */ .ui.grid > .yellow.row, .ui.grid > .yellow.column, .ui.grid > .row > .yellow.column { - background-color: #FBBD08 !important; + background-color: #FBBD08; color: #FFFFFF; } - -/* Olive */ .ui.grid > .olive.row, .ui.grid > .olive.column, .ui.grid > .row > .olive.column { - background-color: #B5CC18 !important; + background-color: #B5CC18; color: #FFFFFF; } - -/* Green */ .ui.grid > .green.row, .ui.grid > .green.column, .ui.grid > .row > .green.column { - background-color: #21BA45 !important; + background-color: #21BA45; color: #FFFFFF; } - -/* Teal */ .ui.grid > .teal.row, .ui.grid > .teal.column, .ui.grid > .row > .teal.column { - background-color: #00B5AD !important; + background-color: #00B5AD; color: #FFFFFF; } - -/* Blue */ .ui.grid > .blue.row, .ui.grid > .blue.column, .ui.grid > .row > .blue.column { - background-color: #2185D0 !important; + background-color: #2185D0; color: #FFFFFF; } - -/* Violet */ .ui.grid > .violet.row, .ui.grid > .violet.column, .ui.grid > .row > .violet.column { - background-color: #6435C9 !important; + background-color: #6435C9; color: #FFFFFF; } - -/* Purple */ .ui.grid > .purple.row, .ui.grid > .purple.column, .ui.grid > .row > .purple.column { - background-color: #A333C8 !important; + background-color: #A333C8; color: #FFFFFF; } - -/* Pink */ .ui.grid > .pink.row, .ui.grid > .pink.column, .ui.grid > .row > .pink.column { - background-color: #E03997 !important; + background-color: #E03997; color: #FFFFFF; } - -/* Brown */ .ui.grid > .brown.row, .ui.grid > .brown.column, .ui.grid > .row > .brown.column { - background-color: #A5673F !important; + background-color: #A5673F; color: #FFFFFF; } - -/* Grey */ .ui.grid > .grey.row, .ui.grid > .grey.column, .ui.grid > .row > .grey.column { - background-color: #767676 !important; + background-color: #767676; color: #FFFFFF; } - -/* Black */ .ui.grid > .black.row, .ui.grid > .black.column, .ui.grid > .row > .black.column { - background-color: #1B1C1D !important; + background-color: #1B1C1D; color: #FFFFFF; } @@ -1480,8 +1466,8 @@ /* Divided Reversed */ .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); + box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { @@ -1491,8 +1477,8 @@ /* Vertically Divided Reversed */ .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); } .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before { -webkit-box-shadow: none; @@ -1501,8 +1487,8 @@ /* Celled Reversed */ .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; + -webkit-box-shadow: -1px 0 0 0 #D4D4D5; + box-shadow: -1px 0 0 0 #D4D4D5; } .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child { -webkit-box-shadow: none; @@ -1530,8 +1516,8 @@ /* Divided Reversed */ .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); + box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { @@ -1541,8 +1527,8 @@ /* Vertically Divided Reversed */ .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); } .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before { -webkit-box-shadow: none; @@ -1551,8 +1537,8 @@ /* Celled Reversed */ .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; + -webkit-box-shadow: -1px 0 0 0 #D4D4D5; + box-shadow: -1px 0 0 0 #D4D4D5; } .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child { -webkit-box-shadow: none; @@ -1580,8 +1566,8 @@ /* Divided Reversed */ .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); + box-shadow: -1px 0 0 0 rgba(34, 36, 38, 0.15); } .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child { @@ -1591,8 +1577,8 @@ /* Vertically Divided Reversed */ .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before { - -webkit-box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 -1px 0 0 rgba(34, 36, 38, 0.15); } .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before { -webkit-box-shadow: none; @@ -1601,8 +1587,8 @@ /* Celled Reversed */ .ui[class*="computer reversed"].celled.grid > .row > .column:first-child { - -webkit-box-shadow: -1px 0px 0px 0px #D4D4D5; - box-shadow: -1px 0px 0px 0px #D4D4D5; + -webkit-box-shadow: -1px 0 0 0 #D4D4D5; + box-shadow: -1px 0 0 0 #D4D4D5; } .ui[class*="computer reversed"].celled.grid > .row > .column:last-child { -webkit-box-shadow: none; @@ -1622,8 +1608,8 @@ } .ui.grid > .doubling.row, .ui.doubling.grid > .row { - margin: 0em !important; - padding: 0em !important; + margin: 0 !important; + padding: 0 !important; } .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { @@ -1632,7 +1618,7 @@ padding-bottom: 1rem !important; -webkit-box-shadow: none !important; box-shadow: none !important; - margin: 0em; + margin: 0; } .ui[class*="two column"].doubling.grid > .row > .column, .ui[class*="two column"].doubling.grid > .column:not(.row), @@ -1715,14 +1701,14 @@ @media only screen and (max-width: 767px) { .ui.grid > .doubling.row, .ui.doubling.grid > .row { - margin: 0em !important; - padding: 0em !important; + margin: 0 !important; + padding: 0 !important; } .ui.grid > .doubling.row > .column, .ui.doubling.grid > .row > .column { padding-top: 1rem !important; padding-bottom: 1rem !important; - margin: 0em !important; + margin: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } @@ -1810,8 +1796,8 @@ @media only screen and (max-width: 767px) { .ui.stackable.grid { width: auto; - margin-left: 0em !important; - margin-right: 0em !important; + margin-left: 0 !important; + margin-right: 0 !important; } .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column, @@ -1821,21 +1807,21 @@ .ui.stackable.grid > .column:not(.row), .ui.grid > .stackable.stackable.row > .column { width: 100% !important; - margin: 0em 0em !important; + margin: 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 1rem 1rem !important; } .ui.stackable.grid:not(.vertically) > .row { - margin: 0em; - padding: 0em; + margin: 0; + padding: 0; } /* Coupling */ .ui.container > .ui.stackable.grid > .column, .ui.container > .ui.stackable.grid > .row > .column { - padding-left: 0em !important; - padding-right: 0em !important; + padding-left: 0 !important; + padding-right: 0 !important; } /* Don't pad inside segment or nested grid */ @@ -1874,8 +1860,8 @@ } .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column { - padding-left: 0em !important; - padding-right: 0em !important; + padding-left: 0 !important; + padding-right: 0 !important; } } diff --git a/dist/components/grid.min.css b/dist/components/grid.min.css index 1d9a424c5e..8af8900ca5 100644 --- a/dist/components/grid.min.css +++ b/dist/components/grid.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Grid + * # Semantic UI 2.7.0 - Grid * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.ui.grid{margin-top:-1rem;margin-bottom:-1rem;margin-left:-1rem;margin-right:-1rem}.ui.relaxed.grid{margin-left:-1.5rem;margin-right:-1.5rem}.ui[class*="very relaxed"].grid{margin-left:-2.5rem;margin-right:-2.5rem}.ui.grid+.grid{margin-top:1rem}.ui.grid>.column:not(.row),.ui.grid>.row>.column{position:relative;display:inline-block;width:6.25%;padding-left:1rem;padding-right:1rem;vertical-align:top}.ui.grid>*{padding-left:1rem;padding-right:1rem}.ui.grid>.row{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%!important;padding:0;padding-top:1rem;padding-bottom:1rem}.ui.grid>.column:not(.row){padding-top:1rem;padding-bottom:1rem}.ui.grid>.row>.column{margin-top:0;margin-bottom:0}.ui.grid>.row>.column>img,.ui.grid>.row>img{max-width:100%}.ui.grid>.ui.grid:first-child{margin-top:0}.ui.grid>.ui.grid:last-child{margin-bottom:0}.ui.aligned.grid .column>.segment:not(.compact):not(.attached),.ui.grid .aligned.row>.column>.segment:not(.compact):not(.attached){width:100%}.ui.grid .row+.ui.divider{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:1rem 1rem}.ui.grid .column+.ui.vertical.divider{height:calc(50% - 1rem)}.ui.grid>.column:last-child>.horizontal.segment,.ui.grid>.row>.column:last-child>.horizontal.segment{-webkit-box-shadow:none;box-shadow:none}@media only screen and (max-width:767px){.ui.page.grid{width:auto;padding-left:0;padding-right:0;margin-left:0;margin-right:0}}@media only screen and (min-width:768px) and (max-width:991px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:2em;padding-right:2em}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:3%;padding-right:3%}}@media only screen and (min-width:1200px) and (max-width:1919px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:15%;padding-right:15%}}@media only screen and (min-width:1920px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:23%;padding-right:23%}}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui[class*="one column"].grid>.column:not(.row),.ui[class*="one column"].grid>.row>.column{width:100%}.ui[class*="two column"].grid>.column:not(.row),.ui[class*="two column"].grid>.row>.column{width:50%}.ui[class*="three column"].grid>.column:not(.row),.ui[class*="three column"].grid>.row>.column{width:33.33333333%}.ui[class*="four column"].grid>.column:not(.row),.ui[class*="four column"].grid>.row>.column{width:25%}.ui[class*="five column"].grid>.column:not(.row),.ui[class*="five column"].grid>.row>.column{width:20%}.ui[class*="six column"].grid>.column:not(.row),.ui[class*="six column"].grid>.row>.column{width:16.66666667%}.ui[class*="seven column"].grid>.column:not(.row),.ui[class*="seven column"].grid>.row>.column{width:14.28571429%}.ui[class*="eight column"].grid>.column:not(.row),.ui[class*="eight column"].grid>.row>.column{width:12.5%}.ui[class*="nine column"].grid>.column:not(.row),.ui[class*="nine column"].grid>.row>.column{width:11.11111111%}.ui[class*="ten column"].grid>.column:not(.row),.ui[class*="ten column"].grid>.row>.column{width:10%}.ui[class*="eleven column"].grid>.column:not(.row),.ui[class*="eleven column"].grid>.row>.column{width:9.09090909%}.ui[class*="twelve column"].grid>.column:not(.row),.ui[class*="twelve column"].grid>.row>.column{width:8.33333333%}.ui[class*="thirteen column"].grid>.column:not(.row),.ui[class*="thirteen column"].grid>.row>.column{width:7.69230769%}.ui[class*="fourteen column"].grid>.column:not(.row),.ui[class*="fourteen column"].grid>.row>.column{width:7.14285714%}.ui[class*="fifteen column"].grid>.column:not(.row),.ui[class*="fifteen column"].grid>.row>.column{width:6.66666667%}.ui[class*="sixteen column"].grid>.column:not(.row),.ui[class*="sixteen column"].grid>.row>.column{width:6.25%}.ui.grid>[class*="one column"].row>.column{width:100%!important}.ui.grid>[class*="two column"].row>.column{width:50%!important}.ui.grid>[class*="three column"].row>.column{width:33.33333333%!important}.ui.grid>[class*="four column"].row>.column{width:25%!important}.ui.grid>[class*="five column"].row>.column{width:20%!important}.ui.grid>[class*="six column"].row>.column{width:16.66666667%!important}.ui.grid>[class*="seven column"].row>.column{width:14.28571429%!important}.ui.grid>[class*="eight column"].row>.column{width:12.5%!important}.ui.grid>[class*="nine column"].row>.column{width:11.11111111%!important}.ui.grid>[class*="ten column"].row>.column{width:10%!important}.ui.grid>[class*="eleven column"].row>.column{width:9.09090909%!important}.ui.grid>[class*="twelve column"].row>.column{width:8.33333333%!important}.ui.grid>[class*="thirteen column"].row>.column{width:7.69230769%!important}.ui.grid>[class*="fourteen column"].row>.column{width:7.14285714%!important}.ui.grid>[class*="fifteen column"].row>.column{width:6.66666667%!important}.ui.grid>[class*="sixteen column"].row>.column{width:6.25%!important}.ui.celled.page.grid{-webkit-box-shadow:none;box-shadow:none}.ui.column.grid>[class*="one wide"].column,.ui.grid>.column.row>[class*="one wide"].column,.ui.grid>.row>[class*="one wide"].column,.ui.grid>[class*="one wide"].column{width:6.25%!important}.ui.column.grid>[class*="two wide"].column,.ui.grid>.column.row>[class*="two wide"].column,.ui.grid>.row>[class*="two wide"].column,.ui.grid>[class*="two wide"].column{width:12.5%!important}.ui.column.grid>[class*="three wide"].column,.ui.grid>.column.row>[class*="three wide"].column,.ui.grid>.row>[class*="three wide"].column,.ui.grid>[class*="three wide"].column{width:18.75%!important}.ui.column.grid>[class*="four wide"].column,.ui.grid>.column.row>[class*="four wide"].column,.ui.grid>.row>[class*="four wide"].column,.ui.grid>[class*="four wide"].column{width:25%!important}.ui.column.grid>[class*="five wide"].column,.ui.grid>.column.row>[class*="five wide"].column,.ui.grid>.row>[class*="five wide"].column,.ui.grid>[class*="five wide"].column{width:31.25%!important}.ui.column.grid>[class*="six wide"].column,.ui.grid>.column.row>[class*="six wide"].column,.ui.grid>.row>[class*="six wide"].column,.ui.grid>[class*="six wide"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide"].column,.ui.grid>.column.row>[class*="seven wide"].column,.ui.grid>.row>[class*="seven wide"].column,.ui.grid>[class*="seven wide"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide"].column,.ui.grid>.column.row>[class*="eight wide"].column,.ui.grid>.row>[class*="eight wide"].column,.ui.grid>[class*="eight wide"].column{width:50%!important}.ui.column.grid>[class*="nine wide"].column,.ui.grid>.column.row>[class*="nine wide"].column,.ui.grid>.row>[class*="nine wide"].column,.ui.grid>[class*="nine wide"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide"].column,.ui.grid>.column.row>[class*="ten wide"].column,.ui.grid>.row>[class*="ten wide"].column,.ui.grid>[class*="ten wide"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide"].column,.ui.grid>.column.row>[class*="eleven wide"].column,.ui.grid>.row>[class*="eleven wide"].column,.ui.grid>[class*="eleven wide"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide"].column,.ui.grid>.column.row>[class*="twelve wide"].column,.ui.grid>.row>[class*="twelve wide"].column,.ui.grid>[class*="twelve wide"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide"].column,.ui.grid>.column.row>[class*="thirteen wide"].column,.ui.grid>.row>[class*="thirteen wide"].column,.ui.grid>[class*="thirteen wide"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide"].column,.ui.grid>.column.row>[class*="fourteen wide"].column,.ui.grid>.row>[class*="fourteen wide"].column,.ui.grid>[class*="fourteen wide"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide"].column,.ui.grid>.column.row>[class*="fifteen wide"].column,.ui.grid>.row>[class*="fifteen wide"].column,.ui.grid>[class*="fifteen wide"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide"].column,.ui.grid>.column.row>[class*="sixteen wide"].column,.ui.grid>.row>[class*="sixteen wide"].column,.ui.grid>[class*="sixteen wide"].column{width:100%!important}@media only screen and (min-width:320px) and (max-width:767px){.ui.column.grid>[class*="one wide mobile"].column,.ui.grid>.column.row>[class*="one wide mobile"].column,.ui.grid>.row>[class*="one wide mobile"].column,.ui.grid>[class*="one wide mobile"].column{width:6.25%!important}.ui.column.grid>[class*="two wide mobile"].column,.ui.grid>.column.row>[class*="two wide mobile"].column,.ui.grid>.row>[class*="two wide mobile"].column,.ui.grid>[class*="two wide mobile"].column{width:12.5%!important}.ui.column.grid>[class*="three wide mobile"].column,.ui.grid>.column.row>[class*="three wide mobile"].column,.ui.grid>.row>[class*="three wide mobile"].column,.ui.grid>[class*="three wide mobile"].column{width:18.75%!important}.ui.column.grid>[class*="four wide mobile"].column,.ui.grid>.column.row>[class*="four wide mobile"].column,.ui.grid>.row>[class*="four wide mobile"].column,.ui.grid>[class*="four wide mobile"].column{width:25%!important}.ui.column.grid>[class*="five wide mobile"].column,.ui.grid>.column.row>[class*="five wide mobile"].column,.ui.grid>.row>[class*="five wide mobile"].column,.ui.grid>[class*="five wide mobile"].column{width:31.25%!important}.ui.column.grid>[class*="six wide mobile"].column,.ui.grid>.column.row>[class*="six wide mobile"].column,.ui.grid>.row>[class*="six wide mobile"].column,.ui.grid>[class*="six wide mobile"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide mobile"].column,.ui.grid>.column.row>[class*="seven wide mobile"].column,.ui.grid>.row>[class*="seven wide mobile"].column,.ui.grid>[class*="seven wide mobile"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide mobile"].column,.ui.grid>.column.row>[class*="eight wide mobile"].column,.ui.grid>.row>[class*="eight wide mobile"].column,.ui.grid>[class*="eight wide mobile"].column{width:50%!important}.ui.column.grid>[class*="nine wide mobile"].column,.ui.grid>.column.row>[class*="nine wide mobile"].column,.ui.grid>.row>[class*="nine wide mobile"].column,.ui.grid>[class*="nine wide mobile"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide mobile"].column,.ui.grid>.column.row>[class*="ten wide mobile"].column,.ui.grid>.row>[class*="ten wide mobile"].column,.ui.grid>[class*="ten wide mobile"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide mobile"].column,.ui.grid>.column.row>[class*="eleven wide mobile"].column,.ui.grid>.row>[class*="eleven wide mobile"].column,.ui.grid>[class*="eleven wide mobile"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide mobile"].column,.ui.grid>.column.row>[class*="twelve wide mobile"].column,.ui.grid>.row>[class*="twelve wide mobile"].column,.ui.grid>[class*="twelve wide mobile"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide mobile"].column,.ui.grid>.column.row>[class*="thirteen wide mobile"].column,.ui.grid>.row>[class*="thirteen wide mobile"].column,.ui.grid>[class*="thirteen wide mobile"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide mobile"].column,.ui.grid>.column.row>[class*="fourteen wide mobile"].column,.ui.grid>.row>[class*="fourteen wide mobile"].column,.ui.grid>[class*="fourteen wide mobile"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide mobile"].column,.ui.grid>.column.row>[class*="fifteen wide mobile"].column,.ui.grid>.row>[class*="fifteen wide mobile"].column,.ui.grid>[class*="fifteen wide mobile"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide mobile"].column,.ui.grid>.column.row>[class*="sixteen wide mobile"].column,.ui.grid>.row>[class*="sixteen wide mobile"].column,.ui.grid>[class*="sixteen wide mobile"].column{width:100%!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.column.grid>[class*="one wide tablet"].column,.ui.grid>.column.row>[class*="one wide tablet"].column,.ui.grid>.row>[class*="one wide tablet"].column,.ui.grid>[class*="one wide tablet"].column{width:6.25%!important}.ui.column.grid>[class*="two wide tablet"].column,.ui.grid>.column.row>[class*="two wide tablet"].column,.ui.grid>.row>[class*="two wide tablet"].column,.ui.grid>[class*="two wide tablet"].column{width:12.5%!important}.ui.column.grid>[class*="three wide tablet"].column,.ui.grid>.column.row>[class*="three wide tablet"].column,.ui.grid>.row>[class*="three wide tablet"].column,.ui.grid>[class*="three wide tablet"].column{width:18.75%!important}.ui.column.grid>[class*="four wide tablet"].column,.ui.grid>.column.row>[class*="four wide tablet"].column,.ui.grid>.row>[class*="four wide tablet"].column,.ui.grid>[class*="four wide tablet"].column{width:25%!important}.ui.column.grid>[class*="five wide tablet"].column,.ui.grid>.column.row>[class*="five wide tablet"].column,.ui.grid>.row>[class*="five wide tablet"].column,.ui.grid>[class*="five wide tablet"].column{width:31.25%!important}.ui.column.grid>[class*="six wide tablet"].column,.ui.grid>.column.row>[class*="six wide tablet"].column,.ui.grid>.row>[class*="six wide tablet"].column,.ui.grid>[class*="six wide tablet"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide tablet"].column,.ui.grid>.column.row>[class*="seven wide tablet"].column,.ui.grid>.row>[class*="seven wide tablet"].column,.ui.grid>[class*="seven wide tablet"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide tablet"].column,.ui.grid>.column.row>[class*="eight wide tablet"].column,.ui.grid>.row>[class*="eight wide tablet"].column,.ui.grid>[class*="eight wide tablet"].column{width:50%!important}.ui.column.grid>[class*="nine wide tablet"].column,.ui.grid>.column.row>[class*="nine wide tablet"].column,.ui.grid>.row>[class*="nine wide tablet"].column,.ui.grid>[class*="nine wide tablet"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide tablet"].column,.ui.grid>.column.row>[class*="ten wide tablet"].column,.ui.grid>.row>[class*="ten wide tablet"].column,.ui.grid>[class*="ten wide tablet"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide tablet"].column,.ui.grid>.column.row>[class*="eleven wide tablet"].column,.ui.grid>.row>[class*="eleven wide tablet"].column,.ui.grid>[class*="eleven wide tablet"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide tablet"].column,.ui.grid>.column.row>[class*="twelve wide tablet"].column,.ui.grid>.row>[class*="twelve wide tablet"].column,.ui.grid>[class*="twelve wide tablet"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide tablet"].column,.ui.grid>.column.row>[class*="thirteen wide tablet"].column,.ui.grid>.row>[class*="thirteen wide tablet"].column,.ui.grid>[class*="thirteen wide tablet"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide tablet"].column,.ui.grid>.column.row>[class*="fourteen wide tablet"].column,.ui.grid>.row>[class*="fourteen wide tablet"].column,.ui.grid>[class*="fourteen wide tablet"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide tablet"].column,.ui.grid>.column.row>[class*="fifteen wide tablet"].column,.ui.grid>.row>[class*="fifteen wide tablet"].column,.ui.grid>[class*="fifteen wide tablet"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide tablet"].column,.ui.grid>.column.row>[class*="sixteen wide tablet"].column,.ui.grid>.row>[class*="sixteen wide tablet"].column,.ui.grid>[class*="sixteen wide tablet"].column{width:100%!important}}@media only screen and (min-width:992px){.ui.column.grid>[class*="one wide computer"].column,.ui.grid>.column.row>[class*="one wide computer"].column,.ui.grid>.row>[class*="one wide computer"].column,.ui.grid>[class*="one wide computer"].column{width:6.25%!important}.ui.column.grid>[class*="two wide computer"].column,.ui.grid>.column.row>[class*="two wide computer"].column,.ui.grid>.row>[class*="two wide computer"].column,.ui.grid>[class*="two wide computer"].column{width:12.5%!important}.ui.column.grid>[class*="three wide computer"].column,.ui.grid>.column.row>[class*="three wide computer"].column,.ui.grid>.row>[class*="three wide computer"].column,.ui.grid>[class*="three wide computer"].column{width:18.75%!important}.ui.column.grid>[class*="four wide computer"].column,.ui.grid>.column.row>[class*="four wide computer"].column,.ui.grid>.row>[class*="four wide computer"].column,.ui.grid>[class*="four wide computer"].column{width:25%!important}.ui.column.grid>[class*="five wide computer"].column,.ui.grid>.column.row>[class*="five wide computer"].column,.ui.grid>.row>[class*="five wide computer"].column,.ui.grid>[class*="five wide computer"].column{width:31.25%!important}.ui.column.grid>[class*="six wide computer"].column,.ui.grid>.column.row>[class*="six wide computer"].column,.ui.grid>.row>[class*="six wide computer"].column,.ui.grid>[class*="six wide computer"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide computer"].column,.ui.grid>.column.row>[class*="seven wide computer"].column,.ui.grid>.row>[class*="seven wide computer"].column,.ui.grid>[class*="seven wide computer"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide computer"].column,.ui.grid>.column.row>[class*="eight wide computer"].column,.ui.grid>.row>[class*="eight wide computer"].column,.ui.grid>[class*="eight wide computer"].column{width:50%!important}.ui.column.grid>[class*="nine wide computer"].column,.ui.grid>.column.row>[class*="nine wide computer"].column,.ui.grid>.row>[class*="nine wide computer"].column,.ui.grid>[class*="nine wide computer"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide computer"].column,.ui.grid>.column.row>[class*="ten wide computer"].column,.ui.grid>.row>[class*="ten wide computer"].column,.ui.grid>[class*="ten wide computer"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide computer"].column,.ui.grid>.column.row>[class*="eleven wide computer"].column,.ui.grid>.row>[class*="eleven wide computer"].column,.ui.grid>[class*="eleven wide computer"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide computer"].column,.ui.grid>.column.row>[class*="twelve wide computer"].column,.ui.grid>.row>[class*="twelve wide computer"].column,.ui.grid>[class*="twelve wide computer"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide computer"].column,.ui.grid>.column.row>[class*="thirteen wide computer"].column,.ui.grid>.row>[class*="thirteen wide computer"].column,.ui.grid>[class*="thirteen wide computer"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide computer"].column,.ui.grid>.column.row>[class*="fourteen wide computer"].column,.ui.grid>.row>[class*="fourteen wide computer"].column,.ui.grid>[class*="fourteen wide computer"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide computer"].column,.ui.grid>.column.row>[class*="fifteen wide computer"].column,.ui.grid>.row>[class*="fifteen wide computer"].column,.ui.grid>[class*="fifteen wide computer"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide computer"].column,.ui.grid>.column.row>[class*="sixteen wide computer"].column,.ui.grid>.row>[class*="sixteen wide computer"].column,.ui.grid>[class*="sixteen wide computer"].column{width:100%!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.ui.column.grid>[class*="one wide large screen"].column,.ui.grid>.column.row>[class*="one wide large screen"].column,.ui.grid>.row>[class*="one wide large screen"].column,.ui.grid>[class*="one wide large screen"].column{width:6.25%!important}.ui.column.grid>[class*="two wide large screen"].column,.ui.grid>.column.row>[class*="two wide large screen"].column,.ui.grid>.row>[class*="two wide large screen"].column,.ui.grid>[class*="two wide large screen"].column{width:12.5%!important}.ui.column.grid>[class*="three wide large screen"].column,.ui.grid>.column.row>[class*="three wide large screen"].column,.ui.grid>.row>[class*="three wide large screen"].column,.ui.grid>[class*="three wide large screen"].column{width:18.75%!important}.ui.column.grid>[class*="four wide large screen"].column,.ui.grid>.column.row>[class*="four wide large screen"].column,.ui.grid>.row>[class*="four wide large screen"].column,.ui.grid>[class*="four wide large screen"].column{width:25%!important}.ui.column.grid>[class*="five wide large screen"].column,.ui.grid>.column.row>[class*="five wide large screen"].column,.ui.grid>.row>[class*="five wide large screen"].column,.ui.grid>[class*="five wide large screen"].column{width:31.25%!important}.ui.column.grid>[class*="six wide large screen"].column,.ui.grid>.column.row>[class*="six wide large screen"].column,.ui.grid>.row>[class*="six wide large screen"].column,.ui.grid>[class*="six wide large screen"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide large screen"].column,.ui.grid>.column.row>[class*="seven wide large screen"].column,.ui.grid>.row>[class*="seven wide large screen"].column,.ui.grid>[class*="seven wide large screen"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide large screen"].column,.ui.grid>.column.row>[class*="eight wide large screen"].column,.ui.grid>.row>[class*="eight wide large screen"].column,.ui.grid>[class*="eight wide large screen"].column{width:50%!important}.ui.column.grid>[class*="nine wide large screen"].column,.ui.grid>.column.row>[class*="nine wide large screen"].column,.ui.grid>.row>[class*="nine wide large screen"].column,.ui.grid>[class*="nine wide large screen"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide large screen"].column,.ui.grid>.column.row>[class*="ten wide large screen"].column,.ui.grid>.row>[class*="ten wide large screen"].column,.ui.grid>[class*="ten wide large screen"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide large screen"].column,.ui.grid>.column.row>[class*="eleven wide large screen"].column,.ui.grid>.row>[class*="eleven wide large screen"].column,.ui.grid>[class*="eleven wide large screen"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide large screen"].column,.ui.grid>.column.row>[class*="twelve wide large screen"].column,.ui.grid>.row>[class*="twelve wide large screen"].column,.ui.grid>[class*="twelve wide large screen"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide large screen"].column,.ui.grid>.column.row>[class*="thirteen wide large screen"].column,.ui.grid>.row>[class*="thirteen wide large screen"].column,.ui.grid>[class*="thirteen wide large screen"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide large screen"].column,.ui.grid>.column.row>[class*="fourteen wide large screen"].column,.ui.grid>.row>[class*="fourteen wide large screen"].column,.ui.grid>[class*="fourteen wide large screen"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide large screen"].column,.ui.grid>.column.row>[class*="fifteen wide large screen"].column,.ui.grid>.row>[class*="fifteen wide large screen"].column,.ui.grid>[class*="fifteen wide large screen"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide large screen"].column,.ui.grid>.column.row>[class*="sixteen wide large screen"].column,.ui.grid>.row>[class*="sixteen wide large screen"].column,.ui.grid>[class*="sixteen wide large screen"].column{width:100%!important}}@media only screen and (min-width:1920px){.ui.column.grid>[class*="one wide widescreen"].column,.ui.grid>.column.row>[class*="one wide widescreen"].column,.ui.grid>.row>[class*="one wide widescreen"].column,.ui.grid>[class*="one wide widescreen"].column{width:6.25%!important}.ui.column.grid>[class*="two wide widescreen"].column,.ui.grid>.column.row>[class*="two wide widescreen"].column,.ui.grid>.row>[class*="two wide widescreen"].column,.ui.grid>[class*="two wide widescreen"].column{width:12.5%!important}.ui.column.grid>[class*="three wide widescreen"].column,.ui.grid>.column.row>[class*="three wide widescreen"].column,.ui.grid>.row>[class*="three wide widescreen"].column,.ui.grid>[class*="three wide widescreen"].column{width:18.75%!important}.ui.column.grid>[class*="four wide widescreen"].column,.ui.grid>.column.row>[class*="four wide widescreen"].column,.ui.grid>.row>[class*="four wide widescreen"].column,.ui.grid>[class*="four wide widescreen"].column{width:25%!important}.ui.column.grid>[class*="five wide widescreen"].column,.ui.grid>.column.row>[class*="five wide widescreen"].column,.ui.grid>.row>[class*="five wide widescreen"].column,.ui.grid>[class*="five wide widescreen"].column{width:31.25%!important}.ui.column.grid>[class*="six wide widescreen"].column,.ui.grid>.column.row>[class*="six wide widescreen"].column,.ui.grid>.row>[class*="six wide widescreen"].column,.ui.grid>[class*="six wide widescreen"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide widescreen"].column,.ui.grid>.column.row>[class*="seven wide widescreen"].column,.ui.grid>.row>[class*="seven wide widescreen"].column,.ui.grid>[class*="seven wide widescreen"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide widescreen"].column,.ui.grid>.column.row>[class*="eight wide widescreen"].column,.ui.grid>.row>[class*="eight wide widescreen"].column,.ui.grid>[class*="eight wide widescreen"].column{width:50%!important}.ui.column.grid>[class*="nine wide widescreen"].column,.ui.grid>.column.row>[class*="nine wide widescreen"].column,.ui.grid>.row>[class*="nine wide widescreen"].column,.ui.grid>[class*="nine wide widescreen"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide widescreen"].column,.ui.grid>.column.row>[class*="ten wide widescreen"].column,.ui.grid>.row>[class*="ten wide widescreen"].column,.ui.grid>[class*="ten wide widescreen"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide widescreen"].column,.ui.grid>.column.row>[class*="eleven wide widescreen"].column,.ui.grid>.row>[class*="eleven wide widescreen"].column,.ui.grid>[class*="eleven wide widescreen"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide widescreen"].column,.ui.grid>.column.row>[class*="twelve wide widescreen"].column,.ui.grid>.row>[class*="twelve wide widescreen"].column,.ui.grid>[class*="twelve wide widescreen"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide widescreen"].column,.ui.grid>.column.row>[class*="thirteen wide widescreen"].column,.ui.grid>.row>[class*="thirteen wide widescreen"].column,.ui.grid>[class*="thirteen wide widescreen"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide widescreen"].column,.ui.grid>.column.row>[class*="fourteen wide widescreen"].column,.ui.grid>.row>[class*="fourteen wide widescreen"].column,.ui.grid>[class*="fourteen wide widescreen"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide widescreen"].column,.ui.grid>.column.row>[class*="fifteen wide widescreen"].column,.ui.grid>.row>[class*="fifteen wide widescreen"].column,.ui.grid>[class*="fifteen wide widescreen"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide widescreen"].column,.ui.grid>.column.row>[class*="sixteen wide widescreen"].column,.ui.grid>.row>[class*="sixteen wide widescreen"].column,.ui.grid>[class*="sixteen wide widescreen"].column{width:100%!important}}.ui.centered.grid,.ui.centered.grid>.row,.ui.grid>.centered.row{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.centered.grid>.column:not(.aligned):not(.justified):not(.row),.ui.centered.grid>.row>.column:not(.aligned):not(.justified),.ui.grid .centered.row>.column:not(.aligned):not(.justified){text-align:left}.ui.grid>.centered.column,.ui.grid>.row>.centered.column{display:block;margin-left:auto;margin-right:auto}.ui.grid>.relaxed.row>.column,.ui.relaxed.grid>.column:not(.row),.ui.relaxed.grid>.row>.column{padding-left:1.5rem;padding-right:1.5rem}.ui.grid>[class*="very relaxed"].row>.column,.ui[class*="very relaxed"].grid>.column:not(.row),.ui[class*="very relaxed"].grid>.row>.column{padding-left:2.5rem;padding-right:2.5rem}.ui.grid .relaxed.row+.ui.divider,.ui.relaxed.grid .row+.ui.divider{margin-left:1.5rem;margin-right:1.5rem}.ui.grid [class*="very relaxed"].row+.ui.divider,.ui[class*="very relaxed"].grid .row+.ui.divider{margin-left:2.5rem;margin-right:2.5rem}.ui.padded.grid:not(.vertically):not(.horizontally){margin:0!important}[class*="horizontally padded"].ui.grid{margin-left:0!important;margin-right:0!important}[class*="vertically padded"].ui.grid{margin-top:0!important;margin-bottom:0!important}.ui.grid [class*="left floated"].column{margin-right:auto}.ui.grid [class*="right floated"].column{margin-left:auto}.ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.divided.grid:not([class*="vertically divided"])>.row>.column{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="vertically divided"].grid>.column:not(.row),.ui[class*="vertically divided"].grid>.row>.column{margin-top:1rem;margin-bottom:1rem;padding-top:0;padding-bottom:0}.ui[class*="vertically divided"].grid>.row{margin-top:0;margin-bottom:0}.ui.divided.grid:not([class*="vertically divided"])>.column:first-child,.ui.divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="vertically divided"].grid>.row:first-child>.column{margin-top:0}.ui.grid>.divided.row>.column{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui.grid>.divided.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="vertically divided"].grid>.row{position:relative}.ui[class*="vertically divided"].grid>.row:before{position:absolute;content:"";top:0;left:0;width:calc(100% - 2rem);height:1px;margin:0 1rem;-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,.15);box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.padded.divided.grid:not(.vertically):not(.horizontally),[class*="horizontally padded"].ui.divided.grid{width:100%}.ui[class*="vertically divided"].grid>.row:first-child:before{-webkit-box-shadow:none;box-shadow:none}.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column{-webkit-box-shadow:-1px 0 0 0 rgba(255,255,255,.1);box-shadow:-1px 0 0 0 rgba(255,255,255,.1)}.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row):first-child,.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui.inverted[class*="vertically divided"].grid>.row:before{-webkit-box-shadow:0 -1px 0 0 rgba(255,255,255,.1);box-shadow:0 -1px 0 0 rgba(255,255,255,.1)}.ui.relaxed[class*="vertically divided"].grid>.row:before{margin-left:1.5rem;margin-right:1.5rem;width:calc(100% - 3rem)}.ui[class*="very relaxed"][class*="vertically divided"].grid>.row:before{margin-left:2.5rem;margin-right:2.5rem;width:calc(100% - 5rem)}.ui.celled.grid{width:100%;margin:1em 0;-webkit-box-shadow:0 0 0 1px #d4d4d5;box-shadow:0 0 0 1px #d4d4d5}.ui.celled.grid>.row{width:100%!important;margin:0;padding:0;-webkit-box-shadow:0 -1px 0 0 #d4d4d5;box-shadow:0 -1px 0 0 #d4d4d5}.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column{-webkit-box-shadow:-1px 0 0 0 #d4d4d5;box-shadow:-1px 0 0 0 #d4d4d5}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column{padding:1em}.ui.relaxed.celled.grid>.column:not(.row),.ui.relaxed.celled.grid>.row>.column{padding:1.5em}.ui[class*="very relaxed"].celled.grid>.column:not(.row),.ui[class*="very relaxed"].celled.grid>.row>.column{padding:2em}.ui[class*="internally celled"].grid{-webkit-box-shadow:none;box-shadow:none;margin:0}.ui[class*="internally celled"].grid>.row:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="internally celled"].grid>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid>.row>[class*="top aligned"].column,.ui.grid>[class*="top aligned"].column:not(.row),.ui.grid>[class*="top aligned"].row>.column,.ui[class*="top aligned"].grid>.column:not(.row),.ui[class*="top aligned"].grid>.row>.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:top;-ms-flex-item-align:start!important;align-self:flex-start!important}.ui.grid>.row>[class*="middle aligned"].column,.ui.grid>[class*="middle aligned"].column:not(.row),.ui.grid>[class*="middle aligned"].row>.column,.ui[class*="middle aligned"].grid>.column:not(.row),.ui[class*="middle aligned"].grid>.row>.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:middle;-ms-flex-item-align:center!important;align-self:center!important}.ui.grid>.row>[class*="bottom aligned"].column,.ui.grid>[class*="bottom aligned"].column:not(.row),.ui.grid>[class*="bottom aligned"].row>.column,.ui[class*="bottom aligned"].grid>.column:not(.row),.ui[class*="bottom aligned"].grid>.row>.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:bottom;-ms-flex-item-align:end!important;align-self:flex-end!important}.ui.grid>.row>.stretched.column,.ui.grid>.stretched.column:not(.row),.ui.grid>.stretched.row>.column,.ui.stretched.grid>.column,.ui.stretched.grid>.row>.column{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.grid>.row>.stretched.column>*,.ui.grid>.stretched.column:not(.row)>*,.ui.grid>.stretched.row>.column>*,.ui.stretched.grid>.column>*,.ui.stretched.grid>.row>.column>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui.grid>.row>[class*="left aligned"].column.column,.ui.grid>[class*="left aligned"].column.column,.ui.grid>[class*="left aligned"].row>.column,.ui[class*="left aligned"].grid>.column,.ui[class*="left aligned"].grid>.row>.column{text-align:left;-ms-flex-item-align:inherit;align-self:inherit}.ui.grid>.row>[class*="center aligned"].column.column,.ui.grid>[class*="center aligned"].column.column,.ui.grid>[class*="center aligned"].row>.column,.ui[class*="center aligned"].grid>.column,.ui[class*="center aligned"].grid>.row>.column{text-align:center;-ms-flex-item-align:inherit;align-self:inherit}.ui[class*="center aligned"].grid{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.grid>.row>[class*="right aligned"].column.column,.ui.grid>[class*="right aligned"].column.column,.ui.grid>[class*="right aligned"].row>.column,.ui[class*="right aligned"].grid>.column,.ui[class*="right aligned"].grid>.row>.column{text-align:right;-ms-flex-item-align:inherit;align-self:inherit}.ui.grid>.justified.column.column,.ui.grid>.justified.row>.column,.ui.grid>.row>.justified.column.column,.ui.justified.grid>.column,.ui.justified.grid>.row>.column{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.ui.grid>.red.column,.ui.grid>.red.row,.ui.grid>.row>.red.column{background-color:#db2828!important;color:#fff}.ui.grid>.orange.column,.ui.grid>.orange.row,.ui.grid>.row>.orange.column{background-color:#f2711c!important;color:#fff}.ui.grid>.row>.yellow.column,.ui.grid>.yellow.column,.ui.grid>.yellow.row{background-color:#fbbd08!important;color:#fff}.ui.grid>.olive.column,.ui.grid>.olive.row,.ui.grid>.row>.olive.column{background-color:#b5cc18!important;color:#fff}.ui.grid>.green.column,.ui.grid>.green.row,.ui.grid>.row>.green.column{background-color:#21ba45!important;color:#fff}.ui.grid>.row>.teal.column,.ui.grid>.teal.column,.ui.grid>.teal.row{background-color:#00b5ad!important;color:#fff}.ui.grid>.blue.column,.ui.grid>.blue.row,.ui.grid>.row>.blue.column{background-color:#2185d0!important;color:#fff}.ui.grid>.row>.violet.column,.ui.grid>.violet.column,.ui.grid>.violet.row{background-color:#6435c9!important;color:#fff}.ui.grid>.purple.column,.ui.grid>.purple.row,.ui.grid>.row>.purple.column{background-color:#a333c8!important;color:#fff}.ui.grid>.pink.column,.ui.grid>.pink.row,.ui.grid>.row>.pink.column{background-color:#e03997!important;color:#fff}.ui.grid>.brown.column,.ui.grid>.brown.row,.ui.grid>.row>.brown.column{background-color:#a5673f!important;color:#fff}.ui.grid>.grey.column,.ui.grid>.grey.row,.ui.grid>.row>.grey.column{background-color:#767676!important;color:#fff}.ui.grid>.black.column,.ui.grid>.black.row,.ui.grid>.row>.black.column{background-color:#1b1c1d!important;color:#fff}.ui.grid>[class*="equal width"].row>.column,.ui[class*="equal width"].grid>.column:not(.row),.ui[class*="equal width"].grid>.row>.column{display:inline-block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui.grid>[class*="equal width"].row>.wide.column,.ui[class*="equal width"].grid>.row>.wide.column,.ui[class*="equal width"].grid>.wide.column{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media only screen and (max-width:767px){.ui.grid>[class*="mobile reversed"].row,.ui[class*="mobile reversed"].grid,.ui[class*="mobile reversed"].grid>.row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui.stackable[class*="mobile reversed"],.ui[class*="mobile vertically reversed"].grid{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:first-child:before{-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,.15);box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:last-child:before{-webkit-box-shadow:none;box-shadow:none}.ui[class*="mobile reversed"].celled.grid>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 #d4d4d5;box-shadow:-1px 0 0 0 #d4d4d5}.ui[class*="mobile reversed"].celled.grid>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width:768px) and (max-width:991px){.ui.grid>[class*="tablet reversed"].row,.ui[class*="tablet reversed"].grid,.ui[class*="tablet reversed"].grid>.row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui[class*="tablet vertically reversed"].grid{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:first-child:before{-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,.15);box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:last-child:before{-webkit-box-shadow:none;box-shadow:none}.ui[class*="tablet reversed"].celled.grid>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 #d4d4d5;box-shadow:-1px 0 0 0 #d4d4d5}.ui[class*="tablet reversed"].celled.grid>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width:992px){.ui.grid>[class*="computer reversed"].row,.ui[class*="computer reversed"].grid,.ui[class*="computer reversed"].grid>.row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui[class*="computer vertically reversed"].grid{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:first-child:before{-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,.15);box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:last-child:before{-webkit-box-shadow:none;box-shadow:none}.ui[class*="computer reversed"].celled.grid>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 #d4d4d5;box-shadow:-1px 0 0 0 #d4d4d5}.ui[class*="computer reversed"].celled.grid>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width:768px) and (max-width:991px){.ui.doubling.grid{width:auto}.ui.doubling.grid>.row,.ui.grid>.doubling.row{margin:0!important;padding:0!important}.ui.doubling.grid>.row>.column,.ui.grid>.doubling.row>.column{display:inline-block!important;padding-top:1rem!important;padding-bottom:1rem!important;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0}.ui.grid>[class*="two column"].doubling.row.row>.column,.ui[class*="two column"].doubling.grid>.column:not(.row),.ui[class*="two column"].doubling.grid>.row>.column{width:100%!important}.ui.grid>[class*="three column"].doubling.row.row>.column,.ui[class*="three column"].doubling.grid>.column:not(.row),.ui[class*="three column"].doubling.grid>.row>.column{width:50%!important}.ui.grid>[class*="four column"].doubling.row.row>.column,.ui[class*="four column"].doubling.grid>.column:not(.row),.ui[class*="four column"].doubling.grid>.row>.column{width:50%!important}.ui.grid>[class*="five column"].doubling.row.row>.column,.ui[class*="five column"].doubling.grid>.column:not(.row),.ui[class*="five column"].doubling.grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="six column"].doubling.row.row>.column,.ui[class*="six column"].doubling.grid>.column:not(.row),.ui[class*="six column"].doubling.grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="seven column"].doubling.row.row>.column,.ui[class*="seven column"].doubling.grid>.column:not(.row),.ui[class*="seven column"].doubling.grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="eight column"].doubling.row.row>.column,.ui[class*="eight column"].doubling.grid>.column:not(.row),.ui[class*="eight column"].doubling.grid>.row>.column{width:25%!important}.ui.grid>[class*="nine column"].doubling.row.row>.column,.ui[class*="nine column"].doubling.grid>.column:not(.row),.ui[class*="nine column"].doubling.grid>.row>.column{width:25%!important}.ui.grid>[class*="ten column"].doubling.row.row>.column,.ui[class*="ten column"].doubling.grid>.column:not(.row),.ui[class*="ten column"].doubling.grid>.row>.column{width:20%!important}.ui.grid>[class*="eleven column"].doubling.row.row>.column,.ui[class*="eleven column"].doubling.grid>.column:not(.row),.ui[class*="eleven column"].doubling.grid>.row>.column{width:20%!important}.ui.grid>[class*="twelve column"].doubling.row.row>.column,.ui[class*="twelve column"].doubling.grid>.column:not(.row),.ui[class*="twelve column"].doubling.grid>.row>.column{width:16.66666667%!important}.ui.grid>[class*="thirteen column"].doubling.row.row>.column,.ui[class*="thirteen column"].doubling.grid>.column:not(.row),.ui[class*="thirteen column"].doubling.grid>.row>.column{width:16.66666667%!important}.ui.grid>[class*="fourteen column"].doubling.row.row>.column,.ui[class*="fourteen column"].doubling.grid>.column:not(.row),.ui[class*="fourteen column"].doubling.grid>.row>.column{width:14.28571429%!important}.ui.grid>[class*="fifteen column"].doubling.row.row>.column,.ui[class*="fifteen column"].doubling.grid>.column:not(.row),.ui[class*="fifteen column"].doubling.grid>.row>.column{width:14.28571429%!important}.ui.grid>[class*="sixteen column"].doubling.row.row>.column,.ui[class*="sixteen column"].doubling.grid>.column:not(.row),.ui[class*="sixteen column"].doubling.grid>.row>.column{width:12.5%!important}}@media only screen and (max-width:767px){.ui.doubling.grid>.row,.ui.grid>.doubling.row{margin:0!important;padding:0!important}.ui.doubling.grid>.row>.column,.ui.grid>.doubling.row>.column{padding-top:1rem!important;padding-bottom:1rem!important;margin:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.grid>[class*="two column"].doubling:not(.stackable).row.row>.column,.ui[class*="two column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="two column"].doubling:not(.stackable).grid>.row>.column{width:100%!important}.ui.grid>[class*="three column"].doubling:not(.stackable).row.row>.column,.ui[class*="three column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="three column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="four column"].doubling:not(.stackable).row.row>.column,.ui[class*="four column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="four column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="five column"].doubling:not(.stackable).row.row>.column,.ui[class*="five column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="five column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="six column"].doubling:not(.stackable).row.row>.column,.ui[class*="six column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="six column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="seven column"].doubling:not(.stackable).row.row>.column,.ui[class*="seven column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="seven column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="eight column"].doubling:not(.stackable).row.row>.column,.ui[class*="eight column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="eight column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="nine column"].doubling:not(.stackable).row.row>.column,.ui[class*="nine column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="nine column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="ten column"].doubling:not(.stackable).row.row>.column,.ui[class*="ten column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="ten column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="eleven column"].doubling:not(.stackable).row.row>.column,.ui[class*="eleven column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="eleven column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="twelve column"].doubling:not(.stackable).row.row>.column,.ui[class*="twelve column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="twelve column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="thirteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="thirteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="thirteen column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="fourteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="fourteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="fourteen column"].doubling:not(.stackable).grid>.row>.column{width:25%!important}.ui.grid>[class*="fifteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="fifteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="fifteen column"].doubling:not(.stackable).grid>.row>.column{width:25%!important}.ui.grid>[class*="sixteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="sixteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="sixteen column"].doubling:not(.stackable).grid>.row>.column{width:25%!important}}@media only screen and (max-width:767px){.ui.stackable.grid{width:auto;margin-left:0!important;margin-right:0!important}.ui.grid>.stackable.stackable.row>.column,.ui.stackable.grid>.column.grid>.column,.ui.stackable.grid>.column.row>.column,.ui.stackable.grid>.column:not(.row),.ui.stackable.grid>.row>.column,.ui.stackable.grid>.row>.wide.column,.ui.stackable.grid>.wide.column{width:100%!important;margin:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:1rem 1rem!important}.ui.stackable.grid:not(.vertically)>.row{margin:0;padding:0}.ui.container>.ui.stackable.grid>.column,.ui.container>.ui.stackable.grid>.row>.column{padding-left:0!important;padding-right:0!important}.ui.grid .ui.stackable.grid,.ui.segment:not(.vertical) .ui.stackable.page.grid{margin-left:-1rem!important;margin-right:-1rem!important}.ui.stackable.celled.grid>.column:not(.row):first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:not(.row):first-child,.ui.stackable.divided.grid>.row:first-child>.column:first-child{border-top:none!important}.ui.inverted.stackable.celled.grid>.column:not(.row),.ui.inverted.stackable.celled.grid>.row>.column,.ui.inverted.stackable.divided.grid>.column:not(.row),.ui.inverted.stackable.divided.grid>.row>.column{border-top:1px solid rgba(255,255,255,.1)}.ui.stackable.celled.grid>.column:not(.row),.ui.stackable.celled.grid>.row>.column,.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column{border-top:1px solid rgba(34,36,38,.15);-webkit-box-shadow:none!important;box-shadow:none!important;padding-top:2rem!important;padding-bottom:2rem!important}.ui.stackable.celled.grid>.row{-webkit-box-shadow:none!important;box-shadow:none!important}.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column{padding-left:0!important;padding-right:0!important}}@media only screen and (max-width:767px){.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].row:not(.mobile),.ui[class*="tablet only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].row:not(.mobile),.ui[class*="computer only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].row:not(.tablet),.ui[class*="mobile only"].grid.grid.grid:not(.tablet){display:none!important}.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].row:not(.tablet),.ui[class*="computer only"].grid.grid.grid:not(.tablet){display:none!important}.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:1920px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer){display:none!important}}.ui.compact.grid>.column:not(.row),.ui.compact.grid>.row>.column{padding-left:.5rem;padding-right:.5rem}.ui.compact.grid>*{padding-left:.5rem;padding-right:.5rem}.ui.compact.grid>.row{padding-top:.5rem;padding-bottom:.5rem}.ui.compact.grid>.column:not(.row){padding-top:.5rem;padding-bottom:.5rem}.ui.compact.relaxed.celled.grid>.column:not(.row),.ui.compact.relaxed.celled.grid>.row>.column{padding:.75em}.ui.compact[class*="very relaxed"].celled.grid>.column:not(.row),.ui.compact[class*="very relaxed"].celled.grid>.row>.column{padding:1em}.ui[class*="very compact"].grid>.column:not(.row),.ui[class*="very compact"].grid>.row>.column{padding-left:.25rem;padding-right:.5rem}.ui[class*="very compact"].grid>*{padding-left:.25rem;padding-right:.25rem}.ui[class*="very compact"].grid>.row{padding-top:.25rem;padding-bottom:.25rem}.ui[class*="very compact"].grid>.column:not(.row){padding-top:.25rem;padding-bottom:.25rem}.ui[class*="very compact"].relaxed.celled.grid>.column:not(.row),.ui[class*="very compact"].relaxed.celled.grid>.row>.column{padding:.375em}.ui[class*="very compact"][class*="very relaxed"].celled.grid>.column:not(.row),.ui[class*="very compact"][class*="very relaxed"].celled.grid>.row>.column{padding:.5em} \ No newline at end of file + */.ui.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0}.ui.grid{margin-top:-1rem;margin-bottom:-1rem;margin-left:-1rem;margin-right:-1rem}.ui.relaxed.grid{margin-left:-1.5rem;margin-right:-1.5rem}.ui[class*="very relaxed"].grid{margin-left:-2.5rem;margin-right:-2.5rem}.ui.grid+.grid{margin-top:1rem}.ui.grid>.column:not(.row),.ui.grid>.row>.column{position:relative;display:inline-block;width:6.25%;padding-left:1rem;padding-right:1rem;vertical-align:top}.ui.grid>*{padding-left:1rem;padding-right:1rem}.ui.grid>.row{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%!important;padding:0;padding-top:1rem;padding-bottom:1rem}.ui.grid>.column:not(.row){padding-top:1rem;padding-bottom:1rem}.ui.grid>.row>.column{margin-top:0;margin-bottom:0}.ui.grid>.row>.column>img,.ui.grid>.row>img{max-width:100%}.ui.grid>.ui.grid:first-child{margin-top:0}.ui.grid>.ui.grid:last-child{margin-bottom:0}.ui.aligned.grid .column>.segment:not(.compact):not(.attached),.ui.grid .aligned.row>.column>.segment:not(.compact):not(.attached){width:100%}.ui.grid .row+.ui.divider{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:1rem 1rem}.ui.grid .column+.ui.vertical.divider{height:calc(50% - 1rem)}.ui.grid>.column:last-child>.horizontal.segment,.ui.grid>.row>.column:last-child>.horizontal.segment{-webkit-box-shadow:none;box-shadow:none}@media only screen and (max-width:767px){.ui.page.grid{width:auto;padding-left:0;padding-right:0;margin-left:0;margin-right:0}}@media only screen and (min-width:768px) and (max-width:991px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:2em;padding-right:2em}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:3%;padding-right:3%}}@media only screen and (min-width:1200px) and (max-width:1919px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:15%;padding-right:15%}}@media only screen and (min-width:1920px){.ui.page.grid{width:auto;margin-left:0;margin-right:0;padding-left:23%;padding-right:23%}}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui[class*="one column"].grid>.column:not(.row),.ui[class*="one column"].grid>.row>.column{width:100%}.ui[class*="two column"].grid>.column:not(.row),.ui[class*="two column"].grid>.row>.column{width:50%}.ui[class*="three column"].grid>.column:not(.row),.ui[class*="three column"].grid>.row>.column{width:33.33333333%}.ui[class*="four column"].grid>.column:not(.row),.ui[class*="four column"].grid>.row>.column{width:25%}.ui[class*="five column"].grid>.column:not(.row),.ui[class*="five column"].grid>.row>.column{width:20%}.ui[class*="six column"].grid>.column:not(.row),.ui[class*="six column"].grid>.row>.column{width:16.66666667%}.ui[class*="seven column"].grid>.column:not(.row),.ui[class*="seven column"].grid>.row>.column{width:14.28571429%}.ui[class*="eight column"].grid>.column:not(.row),.ui[class*="eight column"].grid>.row>.column{width:12.5%}.ui[class*="nine column"].grid>.column:not(.row),.ui[class*="nine column"].grid>.row>.column{width:11.11111111%}.ui[class*="ten column"].grid>.column:not(.row),.ui[class*="ten column"].grid>.row>.column{width:10%}.ui[class*="eleven column"].grid>.column:not(.row),.ui[class*="eleven column"].grid>.row>.column{width:9.09090909%}.ui[class*="twelve column"].grid>.column:not(.row),.ui[class*="twelve column"].grid>.row>.column{width:8.33333333%}.ui[class*="thirteen column"].grid>.column:not(.row),.ui[class*="thirteen column"].grid>.row>.column{width:7.69230769%}.ui[class*="fourteen column"].grid>.column:not(.row),.ui[class*="fourteen column"].grid>.row>.column{width:7.14285714%}.ui[class*="fifteen column"].grid>.column:not(.row),.ui[class*="fifteen column"].grid>.row>.column{width:6.66666667%}.ui[class*="sixteen column"].grid>.column:not(.row),.ui[class*="sixteen column"].grid>.row>.column{width:6.25%}.ui.grid>[class*="one column"].row>.column{width:100%!important}.ui.grid>[class*="two column"].row>.column{width:50%!important}.ui.grid>[class*="three column"].row>.column{width:33.33333333%!important}.ui.grid>[class*="four column"].row>.column{width:25%!important}.ui.grid>[class*="five column"].row>.column{width:20%!important}.ui.grid>[class*="six column"].row>.column{width:16.66666667%!important}.ui.grid>[class*="seven column"].row>.column{width:14.28571429%!important}.ui.grid>[class*="eight column"].row>.column{width:12.5%!important}.ui.grid>[class*="nine column"].row>.column{width:11.11111111%!important}.ui.grid>[class*="ten column"].row>.column{width:10%!important}.ui.grid>[class*="eleven column"].row>.column{width:9.09090909%!important}.ui.grid>[class*="twelve column"].row>.column{width:8.33333333%!important}.ui.grid>[class*="thirteen column"].row>.column{width:7.69230769%!important}.ui.grid>[class*="fourteen column"].row>.column{width:7.14285714%!important}.ui.grid>[class*="fifteen column"].row>.column{width:6.66666667%!important}.ui.grid>[class*="sixteen column"].row>.column{width:6.25%!important}.ui.celled.page.grid{-webkit-box-shadow:none;box-shadow:none}.ui.column.grid>[class*="one wide"].column,.ui.grid>.column.row>[class*="one wide"].column,.ui.grid>.row>[class*="one wide"].column,.ui.grid>[class*="one wide"].column{width:6.25%!important}.ui.column.grid>[class*="two wide"].column,.ui.grid>.column.row>[class*="two wide"].column,.ui.grid>.row>[class*="two wide"].column,.ui.grid>[class*="two wide"].column{width:12.5%!important}.ui.column.grid>[class*="three wide"].column,.ui.grid>.column.row>[class*="three wide"].column,.ui.grid>.row>[class*="three wide"].column,.ui.grid>[class*="three wide"].column{width:18.75%!important}.ui.column.grid>[class*="four wide"].column,.ui.grid>.column.row>[class*="four wide"].column,.ui.grid>.row>[class*="four wide"].column,.ui.grid>[class*="four wide"].column{width:25%!important}.ui.column.grid>[class*="five wide"].column,.ui.grid>.column.row>[class*="five wide"].column,.ui.grid>.row>[class*="five wide"].column,.ui.grid>[class*="five wide"].column{width:31.25%!important}.ui.column.grid>[class*="six wide"].column,.ui.grid>.column.row>[class*="six wide"].column,.ui.grid>.row>[class*="six wide"].column,.ui.grid>[class*="six wide"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide"].column,.ui.grid>.column.row>[class*="seven wide"].column,.ui.grid>.row>[class*="seven wide"].column,.ui.grid>[class*="seven wide"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide"].column,.ui.grid>.column.row>[class*="eight wide"].column,.ui.grid>.row>[class*="eight wide"].column,.ui.grid>[class*="eight wide"].column{width:50%!important}.ui.column.grid>[class*="nine wide"].column,.ui.grid>.column.row>[class*="nine wide"].column,.ui.grid>.row>[class*="nine wide"].column,.ui.grid>[class*="nine wide"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide"].column,.ui.grid>.column.row>[class*="ten wide"].column,.ui.grid>.row>[class*="ten wide"].column,.ui.grid>[class*="ten wide"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide"].column,.ui.grid>.column.row>[class*="eleven wide"].column,.ui.grid>.row>[class*="eleven wide"].column,.ui.grid>[class*="eleven wide"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide"].column,.ui.grid>.column.row>[class*="twelve wide"].column,.ui.grid>.row>[class*="twelve wide"].column,.ui.grid>[class*="twelve wide"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide"].column,.ui.grid>.column.row>[class*="thirteen wide"].column,.ui.grid>.row>[class*="thirteen wide"].column,.ui.grid>[class*="thirteen wide"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide"].column,.ui.grid>.column.row>[class*="fourteen wide"].column,.ui.grid>.row>[class*="fourteen wide"].column,.ui.grid>[class*="fourteen wide"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide"].column,.ui.grid>.column.row>[class*="fifteen wide"].column,.ui.grid>.row>[class*="fifteen wide"].column,.ui.grid>[class*="fifteen wide"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide"].column,.ui.grid>.column.row>[class*="sixteen wide"].column,.ui.grid>.row>[class*="sixteen wide"].column,.ui.grid>[class*="sixteen wide"].column{width:100%!important}@media only screen and (min-width:320px) and (max-width:767px){.ui.column.grid>[class*="one wide mobile"].column,.ui.grid>.column.row>[class*="one wide mobile"].column,.ui.grid>.row>[class*="one wide mobile"].column,.ui.grid>[class*="one wide mobile"].column{width:6.25%!important}.ui.column.grid>[class*="two wide mobile"].column,.ui.grid>.column.row>[class*="two wide mobile"].column,.ui.grid>.row>[class*="two wide mobile"].column,.ui.grid>[class*="two wide mobile"].column{width:12.5%!important}.ui.column.grid>[class*="three wide mobile"].column,.ui.grid>.column.row>[class*="three wide mobile"].column,.ui.grid>.row>[class*="three wide mobile"].column,.ui.grid>[class*="three wide mobile"].column{width:18.75%!important}.ui.column.grid>[class*="four wide mobile"].column,.ui.grid>.column.row>[class*="four wide mobile"].column,.ui.grid>.row>[class*="four wide mobile"].column,.ui.grid>[class*="four wide mobile"].column{width:25%!important}.ui.column.grid>[class*="five wide mobile"].column,.ui.grid>.column.row>[class*="five wide mobile"].column,.ui.grid>.row>[class*="five wide mobile"].column,.ui.grid>[class*="five wide mobile"].column{width:31.25%!important}.ui.column.grid>[class*="six wide mobile"].column,.ui.grid>.column.row>[class*="six wide mobile"].column,.ui.grid>.row>[class*="six wide mobile"].column,.ui.grid>[class*="six wide mobile"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide mobile"].column,.ui.grid>.column.row>[class*="seven wide mobile"].column,.ui.grid>.row>[class*="seven wide mobile"].column,.ui.grid>[class*="seven wide mobile"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide mobile"].column,.ui.grid>.column.row>[class*="eight wide mobile"].column,.ui.grid>.row>[class*="eight wide mobile"].column,.ui.grid>[class*="eight wide mobile"].column{width:50%!important}.ui.column.grid>[class*="nine wide mobile"].column,.ui.grid>.column.row>[class*="nine wide mobile"].column,.ui.grid>.row>[class*="nine wide mobile"].column,.ui.grid>[class*="nine wide mobile"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide mobile"].column,.ui.grid>.column.row>[class*="ten wide mobile"].column,.ui.grid>.row>[class*="ten wide mobile"].column,.ui.grid>[class*="ten wide mobile"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide mobile"].column,.ui.grid>.column.row>[class*="eleven wide mobile"].column,.ui.grid>.row>[class*="eleven wide mobile"].column,.ui.grid>[class*="eleven wide mobile"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide mobile"].column,.ui.grid>.column.row>[class*="twelve wide mobile"].column,.ui.grid>.row>[class*="twelve wide mobile"].column,.ui.grid>[class*="twelve wide mobile"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide mobile"].column,.ui.grid>.column.row>[class*="thirteen wide mobile"].column,.ui.grid>.row>[class*="thirteen wide mobile"].column,.ui.grid>[class*="thirteen wide mobile"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide mobile"].column,.ui.grid>.column.row>[class*="fourteen wide mobile"].column,.ui.grid>.row>[class*="fourteen wide mobile"].column,.ui.grid>[class*="fourteen wide mobile"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide mobile"].column,.ui.grid>.column.row>[class*="fifteen wide mobile"].column,.ui.grid>.row>[class*="fifteen wide mobile"].column,.ui.grid>[class*="fifteen wide mobile"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide mobile"].column,.ui.grid>.column.row>[class*="sixteen wide mobile"].column,.ui.grid>.row>[class*="sixteen wide mobile"].column,.ui.grid>[class*="sixteen wide mobile"].column{width:100%!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.column.grid>[class*="one wide tablet"].column,.ui.grid>.column.row>[class*="one wide tablet"].column,.ui.grid>.row>[class*="one wide tablet"].column,.ui.grid>[class*="one wide tablet"].column{width:6.25%!important}.ui.column.grid>[class*="two wide tablet"].column,.ui.grid>.column.row>[class*="two wide tablet"].column,.ui.grid>.row>[class*="two wide tablet"].column,.ui.grid>[class*="two wide tablet"].column{width:12.5%!important}.ui.column.grid>[class*="three wide tablet"].column,.ui.grid>.column.row>[class*="three wide tablet"].column,.ui.grid>.row>[class*="three wide tablet"].column,.ui.grid>[class*="three wide tablet"].column{width:18.75%!important}.ui.column.grid>[class*="four wide tablet"].column,.ui.grid>.column.row>[class*="four wide tablet"].column,.ui.grid>.row>[class*="four wide tablet"].column,.ui.grid>[class*="four wide tablet"].column{width:25%!important}.ui.column.grid>[class*="five wide tablet"].column,.ui.grid>.column.row>[class*="five wide tablet"].column,.ui.grid>.row>[class*="five wide tablet"].column,.ui.grid>[class*="five wide tablet"].column{width:31.25%!important}.ui.column.grid>[class*="six wide tablet"].column,.ui.grid>.column.row>[class*="six wide tablet"].column,.ui.grid>.row>[class*="six wide tablet"].column,.ui.grid>[class*="six wide tablet"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide tablet"].column,.ui.grid>.column.row>[class*="seven wide tablet"].column,.ui.grid>.row>[class*="seven wide tablet"].column,.ui.grid>[class*="seven wide tablet"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide tablet"].column,.ui.grid>.column.row>[class*="eight wide tablet"].column,.ui.grid>.row>[class*="eight wide tablet"].column,.ui.grid>[class*="eight wide tablet"].column{width:50%!important}.ui.column.grid>[class*="nine wide tablet"].column,.ui.grid>.column.row>[class*="nine wide tablet"].column,.ui.grid>.row>[class*="nine wide tablet"].column,.ui.grid>[class*="nine wide tablet"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide tablet"].column,.ui.grid>.column.row>[class*="ten wide tablet"].column,.ui.grid>.row>[class*="ten wide tablet"].column,.ui.grid>[class*="ten wide tablet"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide tablet"].column,.ui.grid>.column.row>[class*="eleven wide tablet"].column,.ui.grid>.row>[class*="eleven wide tablet"].column,.ui.grid>[class*="eleven wide tablet"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide tablet"].column,.ui.grid>.column.row>[class*="twelve wide tablet"].column,.ui.grid>.row>[class*="twelve wide tablet"].column,.ui.grid>[class*="twelve wide tablet"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide tablet"].column,.ui.grid>.column.row>[class*="thirteen wide tablet"].column,.ui.grid>.row>[class*="thirteen wide tablet"].column,.ui.grid>[class*="thirteen wide tablet"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide tablet"].column,.ui.grid>.column.row>[class*="fourteen wide tablet"].column,.ui.grid>.row>[class*="fourteen wide tablet"].column,.ui.grid>[class*="fourteen wide tablet"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide tablet"].column,.ui.grid>.column.row>[class*="fifteen wide tablet"].column,.ui.grid>.row>[class*="fifteen wide tablet"].column,.ui.grid>[class*="fifteen wide tablet"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide tablet"].column,.ui.grid>.column.row>[class*="sixteen wide tablet"].column,.ui.grid>.row>[class*="sixteen wide tablet"].column,.ui.grid>[class*="sixteen wide tablet"].column{width:100%!important}}@media only screen and (min-width:992px){.ui.column.grid>[class*="one wide computer"].column,.ui.grid>.column.row>[class*="one wide computer"].column,.ui.grid>.row>[class*="one wide computer"].column,.ui.grid>[class*="one wide computer"].column{width:6.25%!important}.ui.column.grid>[class*="two wide computer"].column,.ui.grid>.column.row>[class*="two wide computer"].column,.ui.grid>.row>[class*="two wide computer"].column,.ui.grid>[class*="two wide computer"].column{width:12.5%!important}.ui.column.grid>[class*="three wide computer"].column,.ui.grid>.column.row>[class*="three wide computer"].column,.ui.grid>.row>[class*="three wide computer"].column,.ui.grid>[class*="three wide computer"].column{width:18.75%!important}.ui.column.grid>[class*="four wide computer"].column,.ui.grid>.column.row>[class*="four wide computer"].column,.ui.grid>.row>[class*="four wide computer"].column,.ui.grid>[class*="four wide computer"].column{width:25%!important}.ui.column.grid>[class*="five wide computer"].column,.ui.grid>.column.row>[class*="five wide computer"].column,.ui.grid>.row>[class*="five wide computer"].column,.ui.grid>[class*="five wide computer"].column{width:31.25%!important}.ui.column.grid>[class*="six wide computer"].column,.ui.grid>.column.row>[class*="six wide computer"].column,.ui.grid>.row>[class*="six wide computer"].column,.ui.grid>[class*="six wide computer"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide computer"].column,.ui.grid>.column.row>[class*="seven wide computer"].column,.ui.grid>.row>[class*="seven wide computer"].column,.ui.grid>[class*="seven wide computer"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide computer"].column,.ui.grid>.column.row>[class*="eight wide computer"].column,.ui.grid>.row>[class*="eight wide computer"].column,.ui.grid>[class*="eight wide computer"].column{width:50%!important}.ui.column.grid>[class*="nine wide computer"].column,.ui.grid>.column.row>[class*="nine wide computer"].column,.ui.grid>.row>[class*="nine wide computer"].column,.ui.grid>[class*="nine wide computer"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide computer"].column,.ui.grid>.column.row>[class*="ten wide computer"].column,.ui.grid>.row>[class*="ten wide computer"].column,.ui.grid>[class*="ten wide computer"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide computer"].column,.ui.grid>.column.row>[class*="eleven wide computer"].column,.ui.grid>.row>[class*="eleven wide computer"].column,.ui.grid>[class*="eleven wide computer"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide computer"].column,.ui.grid>.column.row>[class*="twelve wide computer"].column,.ui.grid>.row>[class*="twelve wide computer"].column,.ui.grid>[class*="twelve wide computer"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide computer"].column,.ui.grid>.column.row>[class*="thirteen wide computer"].column,.ui.grid>.row>[class*="thirteen wide computer"].column,.ui.grid>[class*="thirteen wide computer"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide computer"].column,.ui.grid>.column.row>[class*="fourteen wide computer"].column,.ui.grid>.row>[class*="fourteen wide computer"].column,.ui.grid>[class*="fourteen wide computer"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide computer"].column,.ui.grid>.column.row>[class*="fifteen wide computer"].column,.ui.grid>.row>[class*="fifteen wide computer"].column,.ui.grid>[class*="fifteen wide computer"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide computer"].column,.ui.grid>.column.row>[class*="sixteen wide computer"].column,.ui.grid>.row>[class*="sixteen wide computer"].column,.ui.grid>[class*="sixteen wide computer"].column{width:100%!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.ui.column.grid>[class*="one wide large screen"].column,.ui.grid>.column.row>[class*="one wide large screen"].column,.ui.grid>.row>[class*="one wide large screen"].column,.ui.grid>[class*="one wide large screen"].column{width:6.25%!important}.ui.column.grid>[class*="two wide large screen"].column,.ui.grid>.column.row>[class*="two wide large screen"].column,.ui.grid>.row>[class*="two wide large screen"].column,.ui.grid>[class*="two wide large screen"].column{width:12.5%!important}.ui.column.grid>[class*="three wide large screen"].column,.ui.grid>.column.row>[class*="three wide large screen"].column,.ui.grid>.row>[class*="three wide large screen"].column,.ui.grid>[class*="three wide large screen"].column{width:18.75%!important}.ui.column.grid>[class*="four wide large screen"].column,.ui.grid>.column.row>[class*="four wide large screen"].column,.ui.grid>.row>[class*="four wide large screen"].column,.ui.grid>[class*="four wide large screen"].column{width:25%!important}.ui.column.grid>[class*="five wide large screen"].column,.ui.grid>.column.row>[class*="five wide large screen"].column,.ui.grid>.row>[class*="five wide large screen"].column,.ui.grid>[class*="five wide large screen"].column{width:31.25%!important}.ui.column.grid>[class*="six wide large screen"].column,.ui.grid>.column.row>[class*="six wide large screen"].column,.ui.grid>.row>[class*="six wide large screen"].column,.ui.grid>[class*="six wide large screen"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide large screen"].column,.ui.grid>.column.row>[class*="seven wide large screen"].column,.ui.grid>.row>[class*="seven wide large screen"].column,.ui.grid>[class*="seven wide large screen"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide large screen"].column,.ui.grid>.column.row>[class*="eight wide large screen"].column,.ui.grid>.row>[class*="eight wide large screen"].column,.ui.grid>[class*="eight wide large screen"].column{width:50%!important}.ui.column.grid>[class*="nine wide large screen"].column,.ui.grid>.column.row>[class*="nine wide large screen"].column,.ui.grid>.row>[class*="nine wide large screen"].column,.ui.grid>[class*="nine wide large screen"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide large screen"].column,.ui.grid>.column.row>[class*="ten wide large screen"].column,.ui.grid>.row>[class*="ten wide large screen"].column,.ui.grid>[class*="ten wide large screen"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide large screen"].column,.ui.grid>.column.row>[class*="eleven wide large screen"].column,.ui.grid>.row>[class*="eleven wide large screen"].column,.ui.grid>[class*="eleven wide large screen"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide large screen"].column,.ui.grid>.column.row>[class*="twelve wide large screen"].column,.ui.grid>.row>[class*="twelve wide large screen"].column,.ui.grid>[class*="twelve wide large screen"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide large screen"].column,.ui.grid>.column.row>[class*="thirteen wide large screen"].column,.ui.grid>.row>[class*="thirteen wide large screen"].column,.ui.grid>[class*="thirteen wide large screen"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide large screen"].column,.ui.grid>.column.row>[class*="fourteen wide large screen"].column,.ui.grid>.row>[class*="fourteen wide large screen"].column,.ui.grid>[class*="fourteen wide large screen"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide large screen"].column,.ui.grid>.column.row>[class*="fifteen wide large screen"].column,.ui.grid>.row>[class*="fifteen wide large screen"].column,.ui.grid>[class*="fifteen wide large screen"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide large screen"].column,.ui.grid>.column.row>[class*="sixteen wide large screen"].column,.ui.grid>.row>[class*="sixteen wide large screen"].column,.ui.grid>[class*="sixteen wide large screen"].column{width:100%!important}}@media only screen and (min-width:1920px){.ui.column.grid>[class*="one wide widescreen"].column,.ui.grid>.column.row>[class*="one wide widescreen"].column,.ui.grid>.row>[class*="one wide widescreen"].column,.ui.grid>[class*="one wide widescreen"].column{width:6.25%!important}.ui.column.grid>[class*="two wide widescreen"].column,.ui.grid>.column.row>[class*="two wide widescreen"].column,.ui.grid>.row>[class*="two wide widescreen"].column,.ui.grid>[class*="two wide widescreen"].column{width:12.5%!important}.ui.column.grid>[class*="three wide widescreen"].column,.ui.grid>.column.row>[class*="three wide widescreen"].column,.ui.grid>.row>[class*="three wide widescreen"].column,.ui.grid>[class*="three wide widescreen"].column{width:18.75%!important}.ui.column.grid>[class*="four wide widescreen"].column,.ui.grid>.column.row>[class*="four wide widescreen"].column,.ui.grid>.row>[class*="four wide widescreen"].column,.ui.grid>[class*="four wide widescreen"].column{width:25%!important}.ui.column.grid>[class*="five wide widescreen"].column,.ui.grid>.column.row>[class*="five wide widescreen"].column,.ui.grid>.row>[class*="five wide widescreen"].column,.ui.grid>[class*="five wide widescreen"].column{width:31.25%!important}.ui.column.grid>[class*="six wide widescreen"].column,.ui.grid>.column.row>[class*="six wide widescreen"].column,.ui.grid>.row>[class*="six wide widescreen"].column,.ui.grid>[class*="six wide widescreen"].column{width:37.5%!important}.ui.column.grid>[class*="seven wide widescreen"].column,.ui.grid>.column.row>[class*="seven wide widescreen"].column,.ui.grid>.row>[class*="seven wide widescreen"].column,.ui.grid>[class*="seven wide widescreen"].column{width:43.75%!important}.ui.column.grid>[class*="eight wide widescreen"].column,.ui.grid>.column.row>[class*="eight wide widescreen"].column,.ui.grid>.row>[class*="eight wide widescreen"].column,.ui.grid>[class*="eight wide widescreen"].column{width:50%!important}.ui.column.grid>[class*="nine wide widescreen"].column,.ui.grid>.column.row>[class*="nine wide widescreen"].column,.ui.grid>.row>[class*="nine wide widescreen"].column,.ui.grid>[class*="nine wide widescreen"].column{width:56.25%!important}.ui.column.grid>[class*="ten wide widescreen"].column,.ui.grid>.column.row>[class*="ten wide widescreen"].column,.ui.grid>.row>[class*="ten wide widescreen"].column,.ui.grid>[class*="ten wide widescreen"].column{width:62.5%!important}.ui.column.grid>[class*="eleven wide widescreen"].column,.ui.grid>.column.row>[class*="eleven wide widescreen"].column,.ui.grid>.row>[class*="eleven wide widescreen"].column,.ui.grid>[class*="eleven wide widescreen"].column{width:68.75%!important}.ui.column.grid>[class*="twelve wide widescreen"].column,.ui.grid>.column.row>[class*="twelve wide widescreen"].column,.ui.grid>.row>[class*="twelve wide widescreen"].column,.ui.grid>[class*="twelve wide widescreen"].column{width:75%!important}.ui.column.grid>[class*="thirteen wide widescreen"].column,.ui.grid>.column.row>[class*="thirteen wide widescreen"].column,.ui.grid>.row>[class*="thirteen wide widescreen"].column,.ui.grid>[class*="thirteen wide widescreen"].column{width:81.25%!important}.ui.column.grid>[class*="fourteen wide widescreen"].column,.ui.grid>.column.row>[class*="fourteen wide widescreen"].column,.ui.grid>.row>[class*="fourteen wide widescreen"].column,.ui.grid>[class*="fourteen wide widescreen"].column{width:87.5%!important}.ui.column.grid>[class*="fifteen wide widescreen"].column,.ui.grid>.column.row>[class*="fifteen wide widescreen"].column,.ui.grid>.row>[class*="fifteen wide widescreen"].column,.ui.grid>[class*="fifteen wide widescreen"].column{width:93.75%!important}.ui.column.grid>[class*="sixteen wide widescreen"].column,.ui.grid>.column.row>[class*="sixteen wide widescreen"].column,.ui.grid>.row>[class*="sixteen wide widescreen"].column,.ui.grid>[class*="sixteen wide widescreen"].column{width:100%!important}}.ui.centered.grid,.ui.centered.grid>.row,.ui.grid>.centered.row{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.centered.grid>.column:not(.aligned):not(.justified):not(.row),.ui.centered.grid>.row>.column:not(.aligned):not(.justified),.ui.grid .centered.row>.column:not(.aligned):not(.justified){text-align:left}.ui.grid>.centered.column,.ui.grid>.row>.centered.column{display:block;margin-left:auto;margin-right:auto}.ui.grid>.relaxed.row>.column,.ui.relaxed.grid>.column:not(.row),.ui.relaxed.grid>.row>.column{padding-left:1.5rem;padding-right:1.5rem}.ui.grid>[class*="very relaxed"].row>.column,.ui[class*="very relaxed"].grid>.column:not(.row),.ui[class*="very relaxed"].grid>.row>.column{padding-left:2.5rem;padding-right:2.5rem}.ui.grid .relaxed.row+.ui.divider,.ui.relaxed.grid .row+.ui.divider{margin-left:1.5rem;margin-right:1.5rem}.ui.grid [class*="very relaxed"].row+.ui.divider,.ui[class*="very relaxed"].grid .row+.ui.divider{margin-left:2.5rem;margin-right:2.5rem}.ui.padded.grid:not(.vertically):not(.horizontally){margin:0!important}[class*="horizontally padded"].ui.grid{margin-left:0!important;margin-right:0!important}[class*="vertically padded"].ui.grid{margin-top:0!important;margin-bottom:0!important}.ui.grid [class*="left floated"].column{margin-right:auto}.ui.grid [class*="right floated"].column{margin-left:auto}.ui.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.divided.grid:not([class*="vertically divided"])>.row>.column{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="vertically divided"].grid>.column:not(.row),.ui[class*="vertically divided"].grid>.row>.column{margin-top:1rem;margin-bottom:1rem;padding-top:0;padding-bottom:0}.ui[class*="vertically divided"].grid>.row{margin-top:0;margin-bottom:0}.ui.divided.grid:not([class*="vertically divided"])>.column:first-child,.ui.divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="vertically divided"].grid>.row:first-child>.column{margin-top:0}.ui.grid>.divided.row>.column{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui.grid>.divided.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="vertically divided"].grid>.row{position:relative}.ui[class*="vertically divided"].grid>.row:before{position:absolute;content:"";top:0;left:0;width:calc(100% - 2rem);height:1px;margin:0 1rem;-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,.15);box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.padded.divided.grid:not(.vertically):not(.horizontally),[class*="horizontally padded"].ui.divided.grid{width:100%}.ui[class*="vertically divided"].grid>.row:first-child:before{-webkit-box-shadow:none;box-shadow:none}.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row),.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column{-webkit-box-shadow:-1px 0 0 0 rgba(255,255,255,.1);box-shadow:-1px 0 0 0 rgba(255,255,255,.1)}.ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row):first-child,.ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui.inverted[class*="vertically divided"].grid>.row:before{-webkit-box-shadow:0 -1px 0 0 rgba(255,255,255,.1);box-shadow:0 -1px 0 0 rgba(255,255,255,.1)}.ui.relaxed[class*="vertically divided"].grid>.row:before{margin-left:1.5rem;margin-right:1.5rem;width:calc(100% - 3rem)}.ui[class*="very relaxed"][class*="vertically divided"].grid>.row:before{margin-left:2.5rem;margin-right:2.5rem;width:calc(100% - 5rem)}.ui.celled.grid{width:100%;margin:1em 0;-webkit-box-shadow:0 0 0 1px #d4d4d5;box-shadow:0 0 0 1px #d4d4d5}.ui.celled.grid>.row{width:100%!important;margin:0;padding:0;-webkit-box-shadow:0 -1px 0 0 #d4d4d5;box-shadow:0 -1px 0 0 #d4d4d5}.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column{-webkit-box-shadow:-1px 0 0 0 #d4d4d5;box-shadow:-1px 0 0 0 #d4d4d5}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row>.column{padding:1em}.ui.relaxed.celled.grid>.column:not(.row),.ui.relaxed.celled.grid>.row>.column{padding:1.5em}.ui[class*="very relaxed"].celled.grid>.column:not(.row),.ui[class*="very relaxed"].celled.grid>.row>.column{padding:2em}.ui[class*="internally celled"].grid{-webkit-box-shadow:none;box-shadow:none;margin:0}.ui[class*="internally celled"].grid>.row:first-child{-webkit-box-shadow:none;box-shadow:none}.ui[class*="internally celled"].grid>.row>.column:first-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid>.row>[class*="top aligned"].column,.ui.grid>[class*="top aligned"].column:not(.row),.ui.grid>[class*="top aligned"].row>.column,.ui[class*="top aligned"].grid>.column:not(.row),.ui[class*="top aligned"].grid>.row>.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:top;-ms-flex-item-align:start!important;align-self:flex-start!important}.ui.grid>.row>[class*="middle aligned"].column,.ui.grid>[class*="middle aligned"].column:not(.row),.ui.grid>[class*="middle aligned"].row>.column,.ui[class*="middle aligned"].grid>.column:not(.row),.ui[class*="middle aligned"].grid>.row>.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:middle;-ms-flex-item-align:center!important;align-self:center!important}.ui.grid>.row>[class*="bottom aligned"].column,.ui.grid>[class*="bottom aligned"].column:not(.row),.ui.grid>[class*="bottom aligned"].row>.column,.ui[class*="bottom aligned"].grid>.column:not(.row),.ui[class*="bottom aligned"].grid>.row>.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;vertical-align:bottom;-ms-flex-item-align:end!important;align-self:flex-end!important}.ui.grid>.row>.stretched.column,.ui.grid>.stretched.column:not(.row),.ui.grid>.stretched.row>.column,.ui.stretched.grid>.column,.ui.stretched.grid>.row>.column{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.grid>.row>.stretched.column>*,.ui.grid>.stretched.column:not(.row)>*,.ui.grid>.stretched.row>.column>*,.ui.stretched.grid>.column>*,.ui.stretched.grid>.row>.column>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui.grid>.row>[class*="left aligned"].column.column,.ui.grid>[class*="left aligned"].column.column,.ui.grid>[class*="left aligned"].row>.column,.ui[class*="left aligned"].grid>.column,.ui[class*="left aligned"].grid>.row>.column{text-align:left;-ms-flex-item-align:inherit;align-self:inherit}.ui.grid>.row>[class*="center aligned"].column.column,.ui.grid>[class*="center aligned"].column.column,.ui.grid>[class*="center aligned"].row>.column,.ui[class*="center aligned"].grid>.column,.ui[class*="center aligned"].grid>.row>.column{text-align:center;-ms-flex-item-align:inherit;align-self:inherit}.ui[class*="center aligned"].grid{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.grid>.row>[class*="right aligned"].column.column,.ui.grid>[class*="right aligned"].column.column,.ui.grid>[class*="right aligned"].row>.column,.ui[class*="right aligned"].grid>.column,.ui[class*="right aligned"].grid>.row>.column{text-align:right;-ms-flex-item-align:inherit;align-self:inherit}.ui.grid>.justified.column.column,.ui.grid>.justified.row>.column,.ui.grid>.row>.justified.column.column,.ui.justified.grid>.column,.ui.justified.grid>.row>.column{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.ui.grid>.primary.column,.ui.grid>.primary.row,.ui.grid>.row>.primary.column{background-color:#2185d0;color:#fff}.ui.grid>.row>.secondary.column,.ui.grid>.secondary.column,.ui.grid>.secondary.row{background-color:#1b1c1d;color:#fff}.ui.grid>.red.column,.ui.grid>.red.row,.ui.grid>.row>.red.column{background-color:#db2828;color:#fff}.ui.grid>.orange.column,.ui.grid>.orange.row,.ui.grid>.row>.orange.column{background-color:#f2711c;color:#fff}.ui.grid>.row>.yellow.column,.ui.grid>.yellow.column,.ui.grid>.yellow.row{background-color:#fbbd08;color:#fff}.ui.grid>.olive.column,.ui.grid>.olive.row,.ui.grid>.row>.olive.column{background-color:#b5cc18;color:#fff}.ui.grid>.green.column,.ui.grid>.green.row,.ui.grid>.row>.green.column{background-color:#21ba45;color:#fff}.ui.grid>.row>.teal.column,.ui.grid>.teal.column,.ui.grid>.teal.row{background-color:#00b5ad;color:#fff}.ui.grid>.blue.column,.ui.grid>.blue.row,.ui.grid>.row>.blue.column{background-color:#2185d0;color:#fff}.ui.grid>.row>.violet.column,.ui.grid>.violet.column,.ui.grid>.violet.row{background-color:#6435c9;color:#fff}.ui.grid>.purple.column,.ui.grid>.purple.row,.ui.grid>.row>.purple.column{background-color:#a333c8;color:#fff}.ui.grid>.pink.column,.ui.grid>.pink.row,.ui.grid>.row>.pink.column{background-color:#e03997;color:#fff}.ui.grid>.brown.column,.ui.grid>.brown.row,.ui.grid>.row>.brown.column{background-color:#a5673f;color:#fff}.ui.grid>.grey.column,.ui.grid>.grey.row,.ui.grid>.row>.grey.column{background-color:#767676;color:#fff}.ui.grid>.black.column,.ui.grid>.black.row,.ui.grid>.row>.black.column{background-color:#1b1c1d;color:#fff}.ui.grid>[class*="equal width"].row>.column,.ui[class*="equal width"].grid>.column:not(.row),.ui[class*="equal width"].grid>.row>.column{display:inline-block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.ui.grid>[class*="equal width"].row>.wide.column,.ui[class*="equal width"].grid>.row>.wide.column,.ui[class*="equal width"].grid>.wide.column{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media only screen and (max-width:767px){.ui.grid>[class*="mobile reversed"].row,.ui[class*="mobile reversed"].grid,.ui[class*="mobile reversed"].grid>.row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui.stackable[class*="mobile reversed"],.ui[class*="mobile vertically reversed"].grid{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:first-child:before{-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,.15);box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"]>.row:last-child:before{-webkit-box-shadow:none;box-shadow:none}.ui[class*="mobile reversed"].celled.grid>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 #d4d4d5;box-shadow:-1px 0 0 0 #d4d4d5}.ui[class*="mobile reversed"].celled.grid>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width:768px) and (max-width:991px){.ui.grid>[class*="tablet reversed"].row,.ui[class*="tablet reversed"].grid,.ui[class*="tablet reversed"].grid>.row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui[class*="tablet vertically reversed"].grid{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:first-child:before{-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,.15);box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"]>.row:last-child:before{-webkit-box-shadow:none;box-shadow:none}.ui[class*="tablet reversed"].celled.grid>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 #d4d4d5;box-shadow:-1px 0 0 0 #d4d4d5}.ui[class*="tablet reversed"].celled.grid>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width:992px){.ui.grid>[class*="computer reversed"].row,.ui[class*="computer reversed"].grid,.ui[class*="computer reversed"].grid>.row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.ui[class*="computer vertically reversed"].grid{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:first-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 rgba(34,36,38,.15);box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.column:last-child,.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"])>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}.ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:first-child:before{-webkit-box-shadow:0 -1px 0 0 rgba(34,36,38,.15);box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}.ui.grid[class*="vertically divided"][class*="computer vertically reversed"]>.row:last-child:before{-webkit-box-shadow:none;box-shadow:none}.ui[class*="computer reversed"].celled.grid>.row>.column:first-child{-webkit-box-shadow:-1px 0 0 0 #d4d4d5;box-shadow:-1px 0 0 0 #d4d4d5}.ui[class*="computer reversed"].celled.grid>.row>.column:last-child{-webkit-box-shadow:none;box-shadow:none}}@media only screen and (min-width:768px) and (max-width:991px){.ui.doubling.grid{width:auto}.ui.doubling.grid>.row,.ui.grid>.doubling.row{margin:0!important;padding:0!important}.ui.doubling.grid>.row>.column,.ui.grid>.doubling.row>.column{display:inline-block!important;padding-top:1rem!important;padding-bottom:1rem!important;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0}.ui.grid>[class*="two column"].doubling.row.row>.column,.ui[class*="two column"].doubling.grid>.column:not(.row),.ui[class*="two column"].doubling.grid>.row>.column{width:100%!important}.ui.grid>[class*="three column"].doubling.row.row>.column,.ui[class*="three column"].doubling.grid>.column:not(.row),.ui[class*="three column"].doubling.grid>.row>.column{width:50%!important}.ui.grid>[class*="four column"].doubling.row.row>.column,.ui[class*="four column"].doubling.grid>.column:not(.row),.ui[class*="four column"].doubling.grid>.row>.column{width:50%!important}.ui.grid>[class*="five column"].doubling.row.row>.column,.ui[class*="five column"].doubling.grid>.column:not(.row),.ui[class*="five column"].doubling.grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="six column"].doubling.row.row>.column,.ui[class*="six column"].doubling.grid>.column:not(.row),.ui[class*="six column"].doubling.grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="seven column"].doubling.row.row>.column,.ui[class*="seven column"].doubling.grid>.column:not(.row),.ui[class*="seven column"].doubling.grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="eight column"].doubling.row.row>.column,.ui[class*="eight column"].doubling.grid>.column:not(.row),.ui[class*="eight column"].doubling.grid>.row>.column{width:25%!important}.ui.grid>[class*="nine column"].doubling.row.row>.column,.ui[class*="nine column"].doubling.grid>.column:not(.row),.ui[class*="nine column"].doubling.grid>.row>.column{width:25%!important}.ui.grid>[class*="ten column"].doubling.row.row>.column,.ui[class*="ten column"].doubling.grid>.column:not(.row),.ui[class*="ten column"].doubling.grid>.row>.column{width:20%!important}.ui.grid>[class*="eleven column"].doubling.row.row>.column,.ui[class*="eleven column"].doubling.grid>.column:not(.row),.ui[class*="eleven column"].doubling.grid>.row>.column{width:20%!important}.ui.grid>[class*="twelve column"].doubling.row.row>.column,.ui[class*="twelve column"].doubling.grid>.column:not(.row),.ui[class*="twelve column"].doubling.grid>.row>.column{width:16.66666667%!important}.ui.grid>[class*="thirteen column"].doubling.row.row>.column,.ui[class*="thirteen column"].doubling.grid>.column:not(.row),.ui[class*="thirteen column"].doubling.grid>.row>.column{width:16.66666667%!important}.ui.grid>[class*="fourteen column"].doubling.row.row>.column,.ui[class*="fourteen column"].doubling.grid>.column:not(.row),.ui[class*="fourteen column"].doubling.grid>.row>.column{width:14.28571429%!important}.ui.grid>[class*="fifteen column"].doubling.row.row>.column,.ui[class*="fifteen column"].doubling.grid>.column:not(.row),.ui[class*="fifteen column"].doubling.grid>.row>.column{width:14.28571429%!important}.ui.grid>[class*="sixteen column"].doubling.row.row>.column,.ui[class*="sixteen column"].doubling.grid>.column:not(.row),.ui[class*="sixteen column"].doubling.grid>.row>.column{width:12.5%!important}}@media only screen and (max-width:767px){.ui.doubling.grid>.row,.ui.grid>.doubling.row{margin:0!important;padding:0!important}.ui.doubling.grid>.row>.column,.ui.grid>.doubling.row>.column{padding-top:1rem!important;padding-bottom:1rem!important;margin:0!important;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.grid>[class*="two column"].doubling:not(.stackable).row.row>.column,.ui[class*="two column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="two column"].doubling:not(.stackable).grid>.row>.column{width:100%!important}.ui.grid>[class*="three column"].doubling:not(.stackable).row.row>.column,.ui[class*="three column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="three column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="four column"].doubling:not(.stackable).row.row>.column,.ui[class*="four column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="four column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="five column"].doubling:not(.stackable).row.row>.column,.ui[class*="five column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="five column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="six column"].doubling:not(.stackable).row.row>.column,.ui[class*="six column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="six column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="seven column"].doubling:not(.stackable).row.row>.column,.ui[class*="seven column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="seven column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="eight column"].doubling:not(.stackable).row.row>.column,.ui[class*="eight column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="eight column"].doubling:not(.stackable).grid>.row>.column{width:50%!important}.ui.grid>[class*="nine column"].doubling:not(.stackable).row.row>.column,.ui[class*="nine column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="nine column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="ten column"].doubling:not(.stackable).row.row>.column,.ui[class*="ten column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="ten column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="eleven column"].doubling:not(.stackable).row.row>.column,.ui[class*="eleven column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="eleven column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="twelve column"].doubling:not(.stackable).row.row>.column,.ui[class*="twelve column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="twelve column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="thirteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="thirteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="thirteen column"].doubling:not(.stackable).grid>.row>.column{width:33.33333333%!important}.ui.grid>[class*="fourteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="fourteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="fourteen column"].doubling:not(.stackable).grid>.row>.column{width:25%!important}.ui.grid>[class*="fifteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="fifteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="fifteen column"].doubling:not(.stackable).grid>.row>.column{width:25%!important}.ui.grid>[class*="sixteen column"].doubling:not(.stackable).row.row>.column,.ui[class*="sixteen column"].doubling:not(.stackable).grid>.column:not(.row),.ui[class*="sixteen column"].doubling:not(.stackable).grid>.row>.column{width:25%!important}}@media only screen and (max-width:767px){.ui.stackable.grid{width:auto;margin-left:0!important;margin-right:0!important}.ui.grid>.stackable.stackable.row>.column,.ui.stackable.grid>.column.grid>.column,.ui.stackable.grid>.column.row>.column,.ui.stackable.grid>.column:not(.row),.ui.stackable.grid>.row>.column,.ui.stackable.grid>.row>.wide.column,.ui.stackable.grid>.wide.column{width:100%!important;margin:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:1rem 1rem!important}.ui.stackable.grid:not(.vertically)>.row{margin:0;padding:0}.ui.container>.ui.stackable.grid>.column,.ui.container>.ui.stackable.grid>.row>.column{padding-left:0!important;padding-right:0!important}.ui.grid .ui.stackable.grid,.ui.segment:not(.vertical) .ui.stackable.page.grid{margin-left:-1rem!important;margin-right:-1rem!important}.ui.stackable.celled.grid>.column:not(.row):first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:not(.row):first-child,.ui.stackable.divided.grid>.row:first-child>.column:first-child{border-top:none!important}.ui.inverted.stackable.celled.grid>.column:not(.row),.ui.inverted.stackable.celled.grid>.row>.column,.ui.inverted.stackable.divided.grid>.column:not(.row),.ui.inverted.stackable.divided.grid>.row>.column{border-top:1px solid rgba(255,255,255,.1)}.ui.stackable.celled.grid>.column:not(.row),.ui.stackable.celled.grid>.row>.column,.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column{border-top:1px solid rgba(34,36,38,.15);-webkit-box-shadow:none!important;box-shadow:none!important;padding-top:2rem!important;padding-bottom:2rem!important}.ui.stackable.celled.grid>.row{-webkit-box-shadow:none!important;box-shadow:none!important}.ui.stackable.divided:not(.vertically).grid>.column:not(.row),.ui.stackable.divided:not(.vertically).grid>.row>.column{padding-left:0!important;padding-right:0!important}}@media only screen and (max-width:767px){.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].column:not(.mobile),.ui.grid.grid.grid>[class*="tablet only"].row:not(.mobile),.ui[class*="tablet only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].column:not(.mobile),.ui.grid.grid.grid>[class*="computer only"].row:not(.mobile),.ui[class*="computer only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].column:not(.tablet),.ui.grid.grid.grid>[class*="mobile only"].row:not(.tablet),.ui[class*="mobile only"].grid.grid.grid:not(.tablet){display:none!important}.ui.grid.grid.grid>.row>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].column:not(.tablet),.ui.grid.grid.grid>[class*="computer only"].row:not(.tablet),.ui[class*="computer only"].grid.grid.grid:not(.tablet){display:none!important}.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="large screen only"].row:not(.mobile),.ui[class*="large screen only"].grid.grid.grid:not(.mobile){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:1200px) and (max-width:1919px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].column:not(.mobile),.ui.grid.grid.grid>[class*="widescreen only"].row:not(.mobile),.ui[class*="widescreen only"].grid.grid.grid:not(.mobile){display:none!important}}@media only screen and (min-width:1920px){.ui.grid.grid.grid>.row>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].column:not(.computer),.ui.grid.grid.grid>[class*="mobile only"].row:not(.computer),.ui[class*="mobile only"].grid.grid.grid:not(.computer){display:none!important}.ui.grid.grid.grid>.row>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].column:not(.computer),.ui.grid.grid.grid>[class*="tablet only"].row:not(.computer),.ui[class*="tablet only"].grid.grid.grid:not(.computer){display:none!important}}.ui.compact.grid>.column:not(.row),.ui.compact.grid>.row>.column{padding-left:.5rem;padding-right:.5rem}.ui.compact.grid>*{padding-left:.5rem;padding-right:.5rem}.ui.compact.grid>.row{padding-top:.5rem;padding-bottom:.5rem}.ui.compact.grid>.column:not(.row){padding-top:.5rem;padding-bottom:.5rem}.ui.compact.relaxed.celled.grid>.column:not(.row),.ui.compact.relaxed.celled.grid>.row>.column{padding:.75em}.ui.compact[class*="very relaxed"].celled.grid>.column:not(.row),.ui.compact[class*="very relaxed"].celled.grid>.row>.column{padding:1em}.ui[class*="very compact"].grid>.column:not(.row),.ui[class*="very compact"].grid>.row>.column{padding-left:.25rem;padding-right:.5rem}.ui[class*="very compact"].grid>*{padding-left:.25rem;padding-right:.25rem}.ui[class*="very compact"].grid>.row{padding-top:.25rem;padding-bottom:.25rem}.ui[class*="very compact"].grid>.column:not(.row){padding-top:.25rem;padding-bottom:.25rem}.ui[class*="very compact"].relaxed.celled.grid>.column:not(.row),.ui[class*="very compact"].relaxed.celled.grid>.row>.column{padding:.375em}.ui[class*="very compact"][class*="very relaxed"].celled.grid>.column:not(.row),.ui[class*="very compact"][class*="very relaxed"].celled.grid>.row>.column{padding:.5em} \ No newline at end of file diff --git a/dist/components/header.css b/dist/components/header.css index 86ffb670c6..98c2af82dd 100644 --- a/dist/components/header.css +++ b/dist/components/header.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Header + * # Semantic UI 2.7.0 - Header * http://github.com/semantic-org/semantic-ui/ * * @@ -17,8 +17,8 @@ /* Standard */ .ui.header { border: none; - margin: calc(2rem - 0.1428571428571429em) 0em 1rem; - padding: 0em 0em; + margin: calc(2rem - 0.1428571428571429em) 0 1rem; + padding: 0 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.28571429em; @@ -29,7 +29,7 @@ margin-top: -0.14285714em; } .ui.header:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -39,8 +39,8 @@ .ui.header .sub.header { display: block; font-weight: normal; - padding: 0em; - margin: 0em; + padding: 0; + margin: 0; font-size: 1rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.6); @@ -54,14 +54,14 @@ display: table-cell; opacity: 1; font-size: 1.5em; - padding-top: 0em; + padding-top: 0; vertical-align: middle; } /* With Text Node */ .ui.header .icon:only-child { display: inline-block; - padding: 0em; + padding: 0; margin-right: 0.75rem; } @@ -117,7 +117,7 @@ /* Positioning */ .ui.header + p { - margin-top: 0em; + margin-top: 0; } @@ -206,7 +206,7 @@ h5.ui.header .sub.header { ---------------*/ .ui.sub.header { - padding: 0em; + padding: 0; margin-bottom: 0.14285714rem; font-weight: bold; font-size: 0.85714286em; @@ -230,17 +230,17 @@ h5.ui.header .sub.header { .ui.icon.header { display: inline-block; text-align: center; - margin: 2rem 0em 1rem; + margin: 2rem 0 1rem; } .ui.icon.header:after { content: ''; display: block; - height: 0px; + height: 0; clear: both; visibility: hidden; } .ui.icon.header:first-child { - margin-top: 0em; + margin-top: 0; } .ui.icon.header .icon { float: none; @@ -248,17 +248,17 @@ h5.ui.header .sub.header { width: auto; height: auto; line-height: 1; - padding: 0em; + padding: 0; font-size: 3em; - margin: 0em auto 0.5rem; + margin: 0 auto 0.5rem; opacity: 1; } .ui.icon.header .corner.icon { - font-size: calc(1.35em); + font-size: calc(3em * 0.45); } .ui.icon.header .content { display: block; - padding: 0em; + padding: 0; } .ui.icon.header .circular.icon { font-size: 2em; @@ -267,7 +267,7 @@ h5.ui.header .sub.header { font-size: 2em; } .ui.block.icon.header .icon { - margin-bottom: 0em; + margin-bottom: 0; } .ui.icon.header.aligned { margin-left: auto; @@ -321,285 +321,275 @@ h5.ui.header .sub.header { Colors --------------------*/ - -/*--- Primary ---*/ - .ui.primary.header { - color: #2185D0 !important; + color: #2185D0; } a.ui.primary.header:hover { - color: #2185D0 !important; + color: #1678c2; } .ui.primary.dividing.header { border-bottom: 2px solid #2185D0; } - -/* Inverted */ -.ui.inverted.primary.header { - color: #54C8FF !important; +.ui.inverted.primary.header.header.header { + color: #54C8FF; } -a.ui.inverted.primary.header:hover { - color: #54C8FF !important; +a.ui.inverted.primary.header.header.header:hover { + color: #21b8ff; +} +.ui.inverted.primary.dividing.header { + border-bottom: 2px solid #54C8FF; } - -/*--- Secondary ---*/ - .ui.secondary.header { - color: #1B1C1D !important; + color: #1B1C1D; } a.ui.secondary.header:hover { - color: #1B1C1D !important; + color: #27292a; } .ui.secondary.dividing.header { border-bottom: 2px solid #1B1C1D; } - -/* Inverted */ -.ui.inverted.secondary.header { - color: #545454 !important; +.ui.inverted.secondary.header.header.header { + color: #545454; } -a.ui.inverted.secondary.header:hover { - color: #545454 !important; +a.ui.inverted.secondary.header.header.header:hover { + color: #6e6e6e; +} +.ui.inverted.secondary.dividing.header { + border-bottom: 2px solid #545454; } - -/*--- Red ---*/ - .ui.red.header { - color: #DB2828 !important; + color: #DB2828; } a.ui.red.header:hover { - color: #d01919 !important; + color: #d01919; } .ui.red.dividing.header { border-bottom: 2px solid #DB2828; } - -/* Inverted */ -.ui.inverted.red.header { - color: #FF695E !important; +.ui.inverted.red.header.header.header { + color: #FF695E; } -a.ui.inverted.red.header:hover { - color: #ff5144 !important; +a.ui.inverted.red.header.header.header:hover { + color: #ff392b; +} +.ui.inverted.red.dividing.header { + border-bottom: 2px solid #FF695E; } - -/*--- Orange ---*/ - .ui.orange.header { - color: #F2711C !important; + color: #F2711C; } a.ui.orange.header:hover { - color: #f26202 !important; + color: #f26202; } .ui.orange.dividing.header { border-bottom: 2px solid #F2711C; } - -/* Inverted */ -.ui.inverted.orange.header { - color: #FF851B !important; -} -a.ui.inverted.orange.header:hover { - color: #ff7701 !important; -} - -/*--- Olive ---*/ - -.ui.olive.header { - color: #B5CC18 !important; -} -a.ui.olive.header:hover { - color: #a7bd0d !important; -} -.ui.olive.dividing.header { - border-bottom: 2px solid #B5CC18; +.ui.inverted.orange.header.header.header { + color: #FF851B; } - -/* Inverted */ -.ui.inverted.olive.header { - color: #D9E778 !important; +a.ui.inverted.orange.header.header.header:hover { + color: #e76b00; } -a.ui.inverted.olive.header:hover { - color: #d8ea5c !important; +.ui.inverted.orange.dividing.header { + border-bottom: 2px solid #FF851B; } - -/*--- Yellow ---*/ - .ui.yellow.header { - color: #FBBD08 !important; + color: #FBBD08; } a.ui.yellow.header:hover { - color: #eaae00 !important; + color: #eaae00; } .ui.yellow.dividing.header { border-bottom: 2px solid #FBBD08; } - -/* Inverted */ -.ui.inverted.yellow.header { - color: #FFE21F !important; +.ui.inverted.yellow.header.header.header { + color: #FFE21F; } -a.ui.inverted.yellow.header:hover { - color: #ffdf05 !important; +a.ui.inverted.yellow.header.header.header:hover { + color: #ebcd00; +} +.ui.inverted.yellow.dividing.header { + border-bottom: 2px solid #FFE21F; +} +.ui.olive.header { + color: #B5CC18; +} +a.ui.olive.header:hover { + color: #a7bd0d; +} +.ui.olive.dividing.header { + border-bottom: 2px solid #B5CC18; +} +.ui.inverted.olive.header.header.header { + color: #D9E778; +} +a.ui.inverted.olive.header.header.header:hover { + color: #d2e745; +} +.ui.inverted.olive.dividing.header { + border-bottom: 2px solid #D9E778; } - -/*--- Green ---*/ - .ui.green.header { - color: #21BA45 !important; + color: #21BA45; } a.ui.green.header:hover { - color: #16ab39 !important; + color: #16ab39; } .ui.green.dividing.header { border-bottom: 2px solid #21BA45; } - -/* Inverted */ -.ui.inverted.green.header { - color: #2ECC40 !important; +.ui.inverted.green.header.header.header { + color: #2ECC40; } -a.ui.inverted.green.header:hover { - color: #22be34 !important; +a.ui.inverted.green.header.header.header:hover { + color: #1ea92e; +} +.ui.inverted.green.dividing.header { + border-bottom: 2px solid #2ECC40; } - -/*--- Teal ---*/ - .ui.teal.header { - color: #00B5AD !important; + color: #00B5AD; } a.ui.teal.header:hover { - color: #009c95 !important; + color: #009c95; } .ui.teal.dividing.header { border-bottom: 2px solid #00B5AD; } - -/* Inverted */ -.ui.inverted.teal.header { - color: #6DFFFF !important; +.ui.inverted.teal.header.header.header { + color: #6DFFFF; } -a.ui.inverted.teal.header:hover { - color: #54ffff !important; +a.ui.inverted.teal.header.header.header:hover { + color: #3affff; +} +.ui.inverted.teal.dividing.header { + border-bottom: 2px solid #6DFFFF; } - -/*--- Blue ---*/ - .ui.blue.header { - color: #2185D0 !important; + color: #2185D0; } a.ui.blue.header:hover { - color: #1678c2 !important; + color: #1678c2; } .ui.blue.dividing.header { border-bottom: 2px solid #2185D0; } - -/* Inverted */ -.ui.inverted.blue.header { - color: #54C8FF !important; +.ui.inverted.blue.header.header.header { + color: #54C8FF; } -a.ui.inverted.blue.header:hover { - color: #3ac0ff !important; +a.ui.inverted.blue.header.header.header:hover { + color: #21b8ff; +} +.ui.inverted.blue.dividing.header { + border-bottom: 2px solid #54C8FF; } - -/*--- Violet ---*/ - .ui.violet.header { - color: #6435C9 !important; + color: #6435C9; } a.ui.violet.header:hover { - color: #5829bb !important; + color: #5829bb; } .ui.violet.dividing.header { border-bottom: 2px solid #6435C9; } - -/* Inverted */ -.ui.inverted.violet.header { - color: #A291FB !important; +.ui.inverted.violet.header.header.header { + color: #A291FB; } -a.ui.inverted.violet.header:hover { - color: #8a73ff !important; +a.ui.inverted.violet.header.header.header:hover { + color: #745aff; +} +.ui.inverted.violet.dividing.header { + border-bottom: 2px solid #A291FB; } - -/*--- Purple ---*/ - .ui.purple.header { - color: #A333C8 !important; + color: #A333C8; } a.ui.purple.header:hover { - color: #9627ba !important; + color: #9627ba; } .ui.purple.dividing.header { border-bottom: 2px solid #A333C8; } - -/* Inverted */ -.ui.inverted.purple.header { - color: #DC73FF !important; +.ui.inverted.purple.header.header.header { + color: #DC73FF; } -a.ui.inverted.purple.header:hover { - color: #d65aff !important; +a.ui.inverted.purple.header.header.header:hover { + color: #cf40ff; +} +.ui.inverted.purple.dividing.header { + border-bottom: 2px solid #DC73FF; } - -/*--- Pink ---*/ - .ui.pink.header { - color: #E03997 !important; + color: #E03997; } a.ui.pink.header:hover { - color: #e61a8d !important; + color: #e61a8d; } .ui.pink.dividing.header { border-bottom: 2px solid #E03997; } - -/* Inverted */ -.ui.inverted.pink.header { - color: #FF8EDF !important; +.ui.inverted.pink.header.header.header { + color: #FF8EDF; } -a.ui.inverted.pink.header:hover { - color: #ff74d8 !important; +a.ui.inverted.pink.header.header.header:hover { + color: #ff5bd1; +} +.ui.inverted.pink.dividing.header { + border-bottom: 2px solid #FF8EDF; } - -/*--- Brown ---*/ - .ui.brown.header { - color: #A5673F !important; + color: #A5673F; } a.ui.brown.header:hover { - color: #975b33 !important; + color: #975b33; } .ui.brown.dividing.header { border-bottom: 2px solid #A5673F; } - -/* Inverted */ -.ui.inverted.brown.header { - color: #D67C1C !important; +.ui.inverted.brown.header.header.header { + color: #D67C1C; } -a.ui.inverted.brown.header:hover { - color: #c86f11 !important; +a.ui.inverted.brown.header.header.header:hover { + color: #b0620f; +} +.ui.inverted.brown.dividing.header { + border-bottom: 2px solid #D67C1C; } - -/*--- Grey ---*/ - .ui.grey.header { - color: #767676 !important; + color: #767676; } a.ui.grey.header:hover { - color: #838383 !important; + color: #838383; } .ui.grey.dividing.header { border-bottom: 2px solid #767676; } - -/* Inverted */ -.ui.inverted.grey.header { - color: #DCDDDE !important; +.ui.inverted.grey.header.header.header { + color: #DCDDDE; +} +a.ui.inverted.grey.header.header.header:hover { + color: #c2c4c5; +} +.ui.inverted.grey.dividing.header { + border-bottom: 2px solid #DCDDDE; +} +.ui.black.header { + color: #1B1C1D; +} +a.ui.black.header:hover { + color: #27292a; +} +.ui.black.dividing.header { + border-bottom: 2px solid #1B1C1D; +} +.ui.inverted.black.header.header.header { + color: #545454; +} +a.ui.inverted.black.header.header.header:hover { + color: #000000; } -a.ui.inverted.grey.header:hover { - color: #cfd0d2 !important; +.ui.inverted.black.dividing.header { + border-bottom: 2px solid #545454; } /*------------------- @@ -632,12 +622,12 @@ a.ui.inverted.grey.header:hover { .ui.floated.header, .ui[class*="left floated"].header { float: left; - margin-top: 0em; + margin-top: 0; margin-right: 0.5em; } .ui[class*="right floated"].header { float: right; - margin-top: 0em; + margin-top: 0; margin-left: 0.5em; } @@ -646,7 +636,7 @@ a.ui.inverted.grey.header:hover { --------------------*/ .ui.fitted.header { - padding: 0em; + padding: 0; } /*------------------- @@ -661,7 +651,7 @@ a.ui.inverted.grey.header:hover { padding-bottom: 0.21428571rem; } .ui.dividing.header .icon { - margin-bottom: 0em; + margin-bottom: 0; } .ui.inverted.dividing.header { border-bottom-color: rgba(255, 255, 255, 0.1); @@ -702,14 +692,11 @@ a.ui.inverted.grey.header:hover { .ui.attached.header { background: #FFFFFF; padding: 0.78571429rem 1rem; - margin-top: 0em; - margin-bottom: 0em; - margin-left: -1px; - margin-right: -1px; + margin: 0 -1px 0 -1px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #D4D4D5; - border-radius: 0em; + border-radius: 0; } .ui.attached.block.header { background: #F3F4F5; @@ -718,10 +705,10 @@ a.ui.inverted.grey.header:hover { border-top: none; } .ui.top.attached.header { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.bottom.attached.header { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } /* Attached Sizes */ diff --git a/dist/components/header.min.css b/dist/components/header.min.css index c3e4c5af27..6412c8ba34 100644 --- a/dist/components/header.min.css +++ b/dist/components/header.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Header + * # Semantic UI 2.7.0 - Header * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.header{border:none;margin:calc(2rem - .1428571428571429em) 0 1rem;padding:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;line-height:1.28571429em;text-transform:none;color:rgba(0,0,0,.87)}.ui.header:first-child{margin-top:-.14285714em}.ui.header:last-child{margin-bottom:0}.ui.header .sub.header{display:block;font-weight:400;padding:0;margin:0;font-size:1rem;line-height:1.2em;color:rgba(0,0,0,.6)}.ui.header>.icon{display:table-cell;opacity:1;font-size:1.5em;padding-top:0;vertical-align:middle}.ui.header .icon:only-child{display:inline-block;padding:0;margin-right:.75rem}.ui.header>.image:not(.icon),.ui.header>img{display:inline-block;margin-top:.14285714em;width:2.5em;height:auto;vertical-align:middle}.ui.header>.image:not(.icon):only-child,.ui.header>img:only-child{margin-right:.75rem}.ui.header .content{display:inline-block;vertical-align:top}.ui.header>.image+.content,.ui.header>img+.content{padding-left:.75rem;vertical-align:middle}.ui.header>.icon+.content{padding-left:.75rem;display:table-cell;vertical-align:middle}.ui.header .ui.label{font-size:'';margin-left:.5rem;vertical-align:middle}.ui.header+p{margin-top:0}h1.ui.header{font-size:2rem}h2.ui.header{font-size:1.71428571rem}h3.ui.header{font-size:1.28571429rem}h4.ui.header{font-size:1.07142857rem}h5.ui.header{font-size:1rem}h1.ui.header .sub.header{font-size:1.14285714rem}h2.ui.header .sub.header{font-size:1.14285714rem}h3.ui.header .sub.header{font-size:1rem}h4.ui.header .sub.header{font-size:1rem}h5.ui.header .sub.header{font-size:.92857143rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.71428571em}.ui.medium.header{font-size:1.28571429em}.ui.small.header{font-size:1.07142857em}.ui.tiny.header{font-size:1em}.ui.huge.header .sub.header{font-size:1.14285714rem}.ui.large.header .sub.header{font-size:1.14285714rem}.ui.header .sub.header{font-size:1rem}.ui.small.header .sub.header{font-size:1rem}.ui.tiny.header .sub.header{font-size:.92857143rem}.ui.sub.header{padding:0;margin-bottom:.14285714rem;font-weight:700;font-size:.85714286em;text-transform:uppercase;color:''}.ui.small.sub.header{font-size:.78571429em}.ui.large.sub.header{font-size:.92857143em}.ui.huge.sub.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center;margin:2rem 0 1rem}.ui.icon.header:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.icon.header:first-child{margin-top:0}.ui.icon.header .icon{float:none;display:block;width:auto;height:auto;line-height:1;padding:0;font-size:3em;margin:0 auto .5rem;opacity:1}.ui.icon.header .corner.icon{font-size:calc(1.35em)}.ui.icon.header .content{display:block;padding:0}.ui.icon.header .circular.icon{font-size:2em}.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.45}.ui.inverted.header{color:#fff}.ui.inverted.header .sub.header{color:rgba(255,255,255,.8)}.ui.inverted.attached.header{background:#545454 -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#545454 -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#545454 linear-gradient(transparent,rgba(0,0,0,.05));-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.ui.inverted.block.header{background:#545454 -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#545454 -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#545454 linear-gradient(transparent,rgba(0,0,0,.05));-webkit-box-shadow:none;box-shadow:none;border-bottom:none}.ui.primary.header{color:#2185d0!important}a.ui.primary.header:hover{color:#2185d0!important}.ui.primary.dividing.header{border-bottom:2px solid #2185d0}.ui.inverted.primary.header{color:#54c8ff!important}a.ui.inverted.primary.header:hover{color:#54c8ff!important}.ui.secondary.header{color:#1b1c1d!important}a.ui.secondary.header:hover{color:#1b1c1d!important}.ui.secondary.dividing.header{border-bottom:2px solid #1b1c1d}.ui.inverted.secondary.header{color:#545454!important}a.ui.inverted.secondary.header:hover{color:#545454!important}.ui.red.header{color:#db2828!important}a.ui.red.header:hover{color:#d01919!important}.ui.red.dividing.header{border-bottom:2px solid #db2828}.ui.inverted.red.header{color:#ff695e!important}a.ui.inverted.red.header:hover{color:#ff5144!important}.ui.orange.header{color:#f2711c!important}a.ui.orange.header:hover{color:#f26202!important}.ui.orange.dividing.header{border-bottom:2px solid #f2711c}.ui.inverted.orange.header{color:#ff851b!important}a.ui.inverted.orange.header:hover{color:#ff7701!important}.ui.olive.header{color:#b5cc18!important}a.ui.olive.header:hover{color:#a7bd0d!important}.ui.olive.dividing.header{border-bottom:2px solid #b5cc18}.ui.inverted.olive.header{color:#d9e778!important}a.ui.inverted.olive.header:hover{color:#d8ea5c!important}.ui.yellow.header{color:#fbbd08!important}a.ui.yellow.header:hover{color:#eaae00!important}.ui.yellow.dividing.header{border-bottom:2px solid #fbbd08}.ui.inverted.yellow.header{color:#ffe21f!important}a.ui.inverted.yellow.header:hover{color:#ffdf05!important}.ui.green.header{color:#21ba45!important}a.ui.green.header:hover{color:#16ab39!important}.ui.green.dividing.header{border-bottom:2px solid #21ba45}.ui.inverted.green.header{color:#2ecc40!important}a.ui.inverted.green.header:hover{color:#22be34!important}.ui.teal.header{color:#00b5ad!important}a.ui.teal.header:hover{color:#009c95!important}.ui.teal.dividing.header{border-bottom:2px solid #00b5ad}.ui.inverted.teal.header{color:#6dffff!important}a.ui.inverted.teal.header:hover{color:#54ffff!important}.ui.blue.header{color:#2185d0!important}a.ui.blue.header:hover{color:#1678c2!important}.ui.blue.dividing.header{border-bottom:2px solid #2185d0}.ui.inverted.blue.header{color:#54c8ff!important}a.ui.inverted.blue.header:hover{color:#3ac0ff!important}.ui.violet.header{color:#6435c9!important}a.ui.violet.header:hover{color:#5829bb!important}.ui.violet.dividing.header{border-bottom:2px solid #6435c9}.ui.inverted.violet.header{color:#a291fb!important}a.ui.inverted.violet.header:hover{color:#8a73ff!important}.ui.purple.header{color:#a333c8!important}a.ui.purple.header:hover{color:#9627ba!important}.ui.purple.dividing.header{border-bottom:2px solid #a333c8}.ui.inverted.purple.header{color:#dc73ff!important}a.ui.inverted.purple.header:hover{color:#d65aff!important}.ui.pink.header{color:#e03997!important}a.ui.pink.header:hover{color:#e61a8d!important}.ui.pink.dividing.header{border-bottom:2px solid #e03997}.ui.inverted.pink.header{color:#ff8edf!important}a.ui.inverted.pink.header:hover{color:#ff74d8!important}.ui.brown.header{color:#a5673f!important}a.ui.brown.header:hover{color:#975b33!important}.ui.brown.dividing.header{border-bottom:2px solid #a5673f}.ui.inverted.brown.header{color:#d67c1c!important}a.ui.inverted.brown.header:hover{color:#c86f11!important}.ui.grey.header{color:#767676!important}a.ui.grey.header:hover{color:#838383!important}.ui.grey.dividing.header{border-bottom:2px solid #767676}.ui.inverted.grey.header{color:#dcddde!important}a.ui.inverted.grey.header:hover{color:#cfd0d2!important}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header,.ui.centered.header{text-align:center}.ui.justified.header{text-align:justify}.ui.justified.header:after{display:inline-block;content:'';width:100%}.ui.floated.header,.ui[class*="left floated"].header{float:left;margin-top:0;margin-right:.5em}.ui[class*="right floated"].header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.21428571rem;border-bottom:1px solid rgba(34,36,38,.15)}.ui.dividing.header .sub.header{padding-bottom:.21428571rem}.ui.dividing.header .icon{margin-bottom:0}.ui.inverted.dividing.header{border-bottom-color:rgba(255,255,255,.1)}.ui.block.header{background:#f3f4f5;padding:.78571429rem 1rem;-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5;border-radius:.28571429rem}.ui.tiny.block.header{font-size:.85714286rem}.ui.small.block.header{font-size:.92857143rem}.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1rem}.ui.large.block.header{font-size:1.14285714rem}.ui.huge.block.header{font-size:1.42857143rem}.ui.attached.header{background:#fff;padding:.78571429rem 1rem;margin-top:0;margin-bottom:0;margin-left:-1px;margin-right:-1px;-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5;border-radius:0}.ui.attached.block.header{background:#f3f4f5}.ui.attached:not(.top).header{border-top:none}.ui.top.attached.header{border-radius:.28571429rem .28571429rem 0 0}.ui.bottom.attached.header{border-radius:0 0 .28571429rem .28571429rem}.ui.tiny.attached.header{font-size:.85714286em}.ui.small.attached.header{font-size:.92857143em}.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1em}.ui.large.attached.header{font-size:1.14285714em}.ui.huge.attached.header{font-size:1.42857143em}.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1.28571429em} \ No newline at end of file + */.ui.header{border:none;margin:calc(2rem - .1428571428571429em) 0 1rem;padding:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;line-height:1.28571429em;text-transform:none;color:rgba(0,0,0,.87)}.ui.header:first-child{margin-top:-.14285714em}.ui.header:last-child{margin-bottom:0}.ui.header .sub.header{display:block;font-weight:400;padding:0;margin:0;font-size:1rem;line-height:1.2em;color:rgba(0,0,0,.6)}.ui.header>.icon{display:table-cell;opacity:1;font-size:1.5em;padding-top:0;vertical-align:middle}.ui.header .icon:only-child{display:inline-block;padding:0;margin-right:.75rem}.ui.header>.image:not(.icon),.ui.header>img{display:inline-block;margin-top:.14285714em;width:2.5em;height:auto;vertical-align:middle}.ui.header>.image:not(.icon):only-child,.ui.header>img:only-child{margin-right:.75rem}.ui.header .content{display:inline-block;vertical-align:top}.ui.header>.image+.content,.ui.header>img+.content{padding-left:.75rem;vertical-align:middle}.ui.header>.icon+.content{padding-left:.75rem;display:table-cell;vertical-align:middle}.ui.header .ui.label{font-size:'';margin-left:.5rem;vertical-align:middle}.ui.header+p{margin-top:0}h1.ui.header{font-size:2rem}h2.ui.header{font-size:1.71428571rem}h3.ui.header{font-size:1.28571429rem}h4.ui.header{font-size:1.07142857rem}h5.ui.header{font-size:1rem}h1.ui.header .sub.header{font-size:1.14285714rem}h2.ui.header .sub.header{font-size:1.14285714rem}h3.ui.header .sub.header{font-size:1rem}h4.ui.header .sub.header{font-size:1rem}h5.ui.header .sub.header{font-size:.92857143rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.71428571em}.ui.medium.header{font-size:1.28571429em}.ui.small.header{font-size:1.07142857em}.ui.tiny.header{font-size:1em}.ui.huge.header .sub.header{font-size:1.14285714rem}.ui.large.header .sub.header{font-size:1.14285714rem}.ui.header .sub.header{font-size:1rem}.ui.small.header .sub.header{font-size:1rem}.ui.tiny.header .sub.header{font-size:.92857143rem}.ui.sub.header{padding:0;margin-bottom:.14285714rem;font-weight:700;font-size:.85714286em;text-transform:uppercase;color:''}.ui.small.sub.header{font-size:.78571429em}.ui.large.sub.header{font-size:.92857143em}.ui.huge.sub.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center;margin:2rem 0 1rem}.ui.icon.header:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.icon.header:first-child{margin-top:0}.ui.icon.header .icon{float:none;display:block;width:auto;height:auto;line-height:1;padding:0;font-size:3em;margin:0 auto .5rem;opacity:1}.ui.icon.header .corner.icon{font-size:calc(3em * .45)}.ui.icon.header .content{display:block;padding:0}.ui.icon.header .circular.icon{font-size:2em}.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.45}.ui.inverted.header{color:#fff}.ui.inverted.header .sub.header{color:rgba(255,255,255,.8)}.ui.inverted.attached.header{background:#545454 -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#545454 -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#545454 linear-gradient(transparent,rgba(0,0,0,.05));-webkit-box-shadow:none;box-shadow:none;border-color:transparent}.ui.inverted.block.header{background:#545454 -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#545454 -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#545454 linear-gradient(transparent,rgba(0,0,0,.05));-webkit-box-shadow:none;box-shadow:none;border-bottom:none}.ui.primary.header{color:#2185d0}a.ui.primary.header:hover{color:#1678c2}.ui.primary.dividing.header{border-bottom:2px solid #2185d0}.ui.inverted.primary.header.header.header{color:#54c8ff}a.ui.inverted.primary.header.header.header:hover{color:#21b8ff}.ui.inverted.primary.dividing.header{border-bottom:2px solid #54c8ff}.ui.secondary.header{color:#1b1c1d}a.ui.secondary.header:hover{color:#27292a}.ui.secondary.dividing.header{border-bottom:2px solid #1b1c1d}.ui.inverted.secondary.header.header.header{color:#545454}a.ui.inverted.secondary.header.header.header:hover{color:#6e6e6e}.ui.inverted.secondary.dividing.header{border-bottom:2px solid #545454}.ui.red.header{color:#db2828}a.ui.red.header:hover{color:#d01919}.ui.red.dividing.header{border-bottom:2px solid #db2828}.ui.inverted.red.header.header.header{color:#ff695e}a.ui.inverted.red.header.header.header:hover{color:#ff392b}.ui.inverted.red.dividing.header{border-bottom:2px solid #ff695e}.ui.orange.header{color:#f2711c}a.ui.orange.header:hover{color:#f26202}.ui.orange.dividing.header{border-bottom:2px solid #f2711c}.ui.inverted.orange.header.header.header{color:#ff851b}a.ui.inverted.orange.header.header.header:hover{color:#e76b00}.ui.inverted.orange.dividing.header{border-bottom:2px solid #ff851b}.ui.yellow.header{color:#fbbd08}a.ui.yellow.header:hover{color:#eaae00}.ui.yellow.dividing.header{border-bottom:2px solid #fbbd08}.ui.inverted.yellow.header.header.header{color:#ffe21f}a.ui.inverted.yellow.header.header.header:hover{color:#ebcd00}.ui.inverted.yellow.dividing.header{border-bottom:2px solid #ffe21f}.ui.olive.header{color:#b5cc18}a.ui.olive.header:hover{color:#a7bd0d}.ui.olive.dividing.header{border-bottom:2px solid #b5cc18}.ui.inverted.olive.header.header.header{color:#d9e778}a.ui.inverted.olive.header.header.header:hover{color:#d2e745}.ui.inverted.olive.dividing.header{border-bottom:2px solid #d9e778}.ui.green.header{color:#21ba45}a.ui.green.header:hover{color:#16ab39}.ui.green.dividing.header{border-bottom:2px solid #21ba45}.ui.inverted.green.header.header.header{color:#2ecc40}a.ui.inverted.green.header.header.header:hover{color:#1ea92e}.ui.inverted.green.dividing.header{border-bottom:2px solid #2ecc40}.ui.teal.header{color:#00b5ad}a.ui.teal.header:hover{color:#009c95}.ui.teal.dividing.header{border-bottom:2px solid #00b5ad}.ui.inverted.teal.header.header.header{color:#6dffff}a.ui.inverted.teal.header.header.header:hover{color:#3affff}.ui.inverted.teal.dividing.header{border-bottom:2px solid #6dffff}.ui.blue.header{color:#2185d0}a.ui.blue.header:hover{color:#1678c2}.ui.blue.dividing.header{border-bottom:2px solid #2185d0}.ui.inverted.blue.header.header.header{color:#54c8ff}a.ui.inverted.blue.header.header.header:hover{color:#21b8ff}.ui.inverted.blue.dividing.header{border-bottom:2px solid #54c8ff}.ui.violet.header{color:#6435c9}a.ui.violet.header:hover{color:#5829bb}.ui.violet.dividing.header{border-bottom:2px solid #6435c9}.ui.inverted.violet.header.header.header{color:#a291fb}a.ui.inverted.violet.header.header.header:hover{color:#745aff}.ui.inverted.violet.dividing.header{border-bottom:2px solid #a291fb}.ui.purple.header{color:#a333c8}a.ui.purple.header:hover{color:#9627ba}.ui.purple.dividing.header{border-bottom:2px solid #a333c8}.ui.inverted.purple.header.header.header{color:#dc73ff}a.ui.inverted.purple.header.header.header:hover{color:#cf40ff}.ui.inverted.purple.dividing.header{border-bottom:2px solid #dc73ff}.ui.pink.header{color:#e03997}a.ui.pink.header:hover{color:#e61a8d}.ui.pink.dividing.header{border-bottom:2px solid #e03997}.ui.inverted.pink.header.header.header{color:#ff8edf}a.ui.inverted.pink.header.header.header:hover{color:#ff5bd1}.ui.inverted.pink.dividing.header{border-bottom:2px solid #ff8edf}.ui.brown.header{color:#a5673f}a.ui.brown.header:hover{color:#975b33}.ui.brown.dividing.header{border-bottom:2px solid #a5673f}.ui.inverted.brown.header.header.header{color:#d67c1c}a.ui.inverted.brown.header.header.header:hover{color:#b0620f}.ui.inverted.brown.dividing.header{border-bottom:2px solid #d67c1c}.ui.grey.header{color:#767676}a.ui.grey.header:hover{color:#838383}.ui.grey.dividing.header{border-bottom:2px solid #767676}.ui.inverted.grey.header.header.header{color:#dcddde}a.ui.inverted.grey.header.header.header:hover{color:#c2c4c5}.ui.inverted.grey.dividing.header{border-bottom:2px solid #dcddde}.ui.black.header{color:#1b1c1d}a.ui.black.header:hover{color:#27292a}.ui.black.dividing.header{border-bottom:2px solid #1b1c1d}.ui.inverted.black.header.header.header{color:#545454}a.ui.inverted.black.header.header.header:hover{color:#000}.ui.inverted.black.dividing.header{border-bottom:2px solid #545454}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header,.ui.centered.header{text-align:center}.ui.justified.header{text-align:justify}.ui.justified.header:after{display:inline-block;content:'';width:100%}.ui.floated.header,.ui[class*="left floated"].header{float:left;margin-top:0;margin-right:.5em}.ui[class*="right floated"].header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.21428571rem;border-bottom:1px solid rgba(34,36,38,.15)}.ui.dividing.header .sub.header{padding-bottom:.21428571rem}.ui.dividing.header .icon{margin-bottom:0}.ui.inverted.dividing.header{border-bottom-color:rgba(255,255,255,.1)}.ui.block.header{background:#f3f4f5;padding:.78571429rem 1rem;-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5;border-radius:.28571429rem}.ui.tiny.block.header{font-size:.85714286rem}.ui.small.block.header{font-size:.92857143rem}.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1rem}.ui.large.block.header{font-size:1.14285714rem}.ui.huge.block.header{font-size:1.42857143rem}.ui.attached.header{background:#fff;padding:.78571429rem 1rem;margin:0 -1px 0 -1px;-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5;border-radius:0}.ui.attached.block.header{background:#f3f4f5}.ui.attached:not(.top).header{border-top:none}.ui.top.attached.header{border-radius:.28571429rem .28571429rem 0 0}.ui.bottom.attached.header{border-radius:0 0 .28571429rem .28571429rem}.ui.tiny.attached.header{font-size:.85714286em}.ui.small.attached.header{font-size:.92857143em}.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1em}.ui.large.attached.header{font-size:1.14285714em}.ui.huge.attached.header{font-size:1.42857143em}.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6){font-size:1.28571429em} \ No newline at end of file diff --git a/dist/components/icon.css b/dist/components/icon.css index 9be00b22e4..6b03e0fba3 100644 --- a/dist/components/icon.css +++ b/dist/components/icon.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Icon + * # Semantic UI 2.7.0 - Icon * http://github.com/semantic-org/semantic-ui/ * * @@ -26,7 +26,7 @@ i.icon { display: inline-block; opacity: 1; - margin: 0em 0.25rem 0em 0em; + margin: 0 0.25rem 0 0; width: 1.18em; height: 1em; font-family: 'Icons'; @@ -35,7 +35,6 @@ i.icon { text-decoration: inherit; text-align: center; speak: none; - font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; @@ -112,7 +111,7 @@ i.disabled.icon { i.fitted.icon { width: auto; - margin: 0em !important; + margin: 0 !important; } /*------------------- @@ -138,9 +137,9 @@ i.link.icons:hover { i.circular.icon { border-radius: 500em !important; line-height: 1 !important; - padding: 0.5em 0em !important; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; + padding: 0.5em 0 !important; + -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; + box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; width: 2em !important; height: 2em !important; } @@ -228,9 +227,9 @@ i.bordered.icon { vertical-align: baseline; width: 2em; height: 2em; - padding: 0.5em 0em !important; - -webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset; + padding: 0.5em 0 !important; + -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; + box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset; } i.bordered.inverted.icon { border: none; @@ -246,8 +245,8 @@ i.bordered.inverted.icon { /* Inverted Shapes */ i.inverted.bordered.icon, i.inverted.circular.icon { - background-color: #1B1C1D !important; - color: #FFFFFF !important; + background-color: #1B1C1D; + color: #FFFFFF; } i.inverted.icon { color: #FFFFFF; @@ -257,200 +256,170 @@ i.inverted.icon { Colors --------------------*/ - -/* Primary */ i.primary.icon { - color: #2185D0 !important; + color: #2185D0; } i.inverted.primary.icon { - color: #54C8FF !important; + color: #54C8FF; } i.inverted.bordered.primary.icon, i.inverted.circular.primary.icon { - background-color: #2185D0 !important; - color: #FFFFFF !important; + background-color: #2185D0; + color: #FFFFFF; } - -/* Secondary */ i.secondary.icon { - color: #1B1C1D !important; + color: #1B1C1D; } i.inverted.secondary.icon { - color: #545454 !important; + color: #545454; } i.inverted.bordered.secondary.icon, i.inverted.circular.secondary.icon { - background-color: #1B1C1D !important; - color: #FFFFFF !important; + background-color: #1B1C1D; + color: #FFFFFF; } - -/* Red */ i.red.icon { - color: #DB2828 !important; + color: #DB2828; } i.inverted.red.icon { - color: #FF695E !important; + color: #FF695E; } i.inverted.bordered.red.icon, i.inverted.circular.red.icon { - background-color: #DB2828 !important; - color: #FFFFFF !important; + background-color: #DB2828; + color: #FFFFFF; } - -/* Orange */ i.orange.icon { - color: #F2711C !important; + color: #F2711C; } i.inverted.orange.icon { - color: #FF851B !important; + color: #FF851B; } i.inverted.bordered.orange.icon, i.inverted.circular.orange.icon { - background-color: #F2711C !important; - color: #FFFFFF !important; + background-color: #F2711C; + color: #FFFFFF; } - -/* Yellow */ i.yellow.icon { - color: #FBBD08 !important; + color: #FBBD08; } i.inverted.yellow.icon { - color: #FFE21F !important; + color: #FFE21F; } i.inverted.bordered.yellow.icon, i.inverted.circular.yellow.icon { - background-color: #FBBD08 !important; - color: #FFFFFF !important; + background-color: #FBBD08; + color: #FFFFFF; } - -/* Olive */ i.olive.icon { - color: #B5CC18 !important; + color: #B5CC18; } i.inverted.olive.icon { - color: #D9E778 !important; + color: #D9E778; } i.inverted.bordered.olive.icon, i.inverted.circular.olive.icon { - background-color: #B5CC18 !important; - color: #FFFFFF !important; + background-color: #B5CC18; + color: #FFFFFF; } - -/* Green */ i.green.icon { - color: #21BA45 !important; + color: #21BA45; } i.inverted.green.icon { - color: #2ECC40 !important; + color: #2ECC40; } i.inverted.bordered.green.icon, i.inverted.circular.green.icon { - background-color: #21BA45 !important; - color: #FFFFFF !important; + background-color: #21BA45; + color: #FFFFFF; } - -/* Teal */ i.teal.icon { - color: #00B5AD !important; + color: #00B5AD; } i.inverted.teal.icon { - color: #6DFFFF !important; + color: #6DFFFF; } i.inverted.bordered.teal.icon, i.inverted.circular.teal.icon { - background-color: #00B5AD !important; - color: #FFFFFF !important; + background-color: #00B5AD; + color: #FFFFFF; } - -/* Blue */ i.blue.icon { - color: #2185D0 !important; + color: #2185D0; } i.inverted.blue.icon { - color: #54C8FF !important; + color: #54C8FF; } i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon { - background-color: #2185D0 !important; - color: #FFFFFF !important; + background-color: #2185D0; + color: #FFFFFF; } - -/* Violet */ i.violet.icon { - color: #6435C9 !important; + color: #6435C9; } i.inverted.violet.icon { - color: #A291FB !important; + color: #A291FB; } i.inverted.bordered.violet.icon, i.inverted.circular.violet.icon { - background-color: #6435C9 !important; - color: #FFFFFF !important; + background-color: #6435C9; + color: #FFFFFF; } - -/* Purple */ i.purple.icon { - color: #A333C8 !important; + color: #A333C8; } i.inverted.purple.icon { - color: #DC73FF !important; + color: #DC73FF; } i.inverted.bordered.purple.icon, i.inverted.circular.purple.icon { - background-color: #A333C8 !important; - color: #FFFFFF !important; + background-color: #A333C8; + color: #FFFFFF; } - -/* Pink */ i.pink.icon { - color: #E03997 !important; + color: #E03997; } i.inverted.pink.icon { - color: #FF8EDF !important; + color: #FF8EDF; } i.inverted.bordered.pink.icon, i.inverted.circular.pink.icon { - background-color: #E03997 !important; - color: #FFFFFF !important; + background-color: #E03997; + color: #FFFFFF; } - -/* Brown */ i.brown.icon { - color: #A5673F !important; + color: #A5673F; } i.inverted.brown.icon { - color: #D67C1C !important; + color: #D67C1C; } i.inverted.bordered.brown.icon, i.inverted.circular.brown.icon { - background-color: #A5673F !important; - color: #FFFFFF !important; + background-color: #A5673F; + color: #FFFFFF; } - -/* Grey */ i.grey.icon { - color: #767676 !important; + color: #767676; } i.inverted.grey.icon { - color: #DCDDDE !important; + color: #DCDDDE; } i.inverted.bordered.grey.icon, i.inverted.circular.grey.icon { - background-color: #767676 !important; - color: #FFFFFF !important; + background-color: #767676; + color: #FFFFFF; } - -/* Black */ i.black.icon { - color: #1B1C1D !important; + color: #1B1C1D; } i.inverted.black.icon { - color: #545454 !important; + color: #545454; } i.inverted.bordered.black.icon, i.inverted.circular.black.icon { - background-color: #1B1C1D !important; - color: #FFFFFF !important; + background-color: #1B1C1D; + color: #FFFFFF; } /*------------------- @@ -517,7 +486,6 @@ i.icons .icon { left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); - margin: 0em; margin: 0; } i.icons .icon:first-child { diff --git a/dist/components/icon.min.css b/dist/components/icon.min.css index 78b9a1caa3..8b56bc817b 100644 --- a/dist/components/icon.min.css +++ b/dist/components/icon.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Icon + * # Semantic UI 2.7.0 - Icon * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */@font-face{font-family:Icons;src:url(../themes/default/assets/fonts/icons.eot);src:url(../themes/default/assets/fonts/icons.eot?#iefix) format('embedded-opentype'),url(../themes/default/assets/fonts/icons.woff2) format('woff2'),url(../themes/default/assets/fonts/icons.woff) format('woff'),url(../themes/default/assets/fonts/icons.ttf) format('truetype'),url(../themes/default/assets/fonts/icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon{display:inline-block;opacity:1;margin:0 .25rem 0 0;width:1.18em;height:1em;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;text-align:center;speak:none;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.icon:before{background:0 0!important}i.icon.loading{height:1em;line-height:1;-webkit-animation:icon-loading 2s linear infinite;animation:icon-loading 2s linear infinite}@-webkit-keyframes icon-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icon-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}i.icon.hover{opacity:1!important}i.icon.active{opacity:1!important}i.emphasized.icon{opacity:1!important}i.disabled.icon{opacity:.45!important}i.fitted.icon{width:auto;margin:0!important}i.link.icon,i.link.icons{cursor:pointer;opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}i.link.icon:hover,i.link.icons:hover{opacity:1!important}i.circular.icon{border-radius:500em!important;line-height:1!important;padding:.5em 0!important;-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;width:2em!important;height:2em!important}i.circular.inverted.icon{border:none;-webkit-box-shadow:none;box-shadow:none}i.flipped.icon,i.horizontally.flipped.icon{-webkit-transform:scale(-1,1);transform:scale(-1,1)}i.vertically.flipped.icon{-webkit-transform:scale(1,-1);transform:scale(1,-1)}i.clockwise.rotated.icon,i.right.rotated.icon,i.rotated.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}i.counterclockwise.rotated.icon,i.left.rotated.icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}i.halfway.rotated.icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}i.clockwise.rotated.flipped.icon,i.right.rotated.flipped.icon,i.rotated.flipped.icon{-webkit-transform:scale(-1,1) rotate(90deg);transform:scale(-1,1) rotate(90deg)}i.counterclockwise.rotated.flipped.icon,i.left.rotated.flipped.icon{-webkit-transform:scale(-1,1) rotate(-90deg);transform:scale(-1,1) rotate(-90deg)}i.halfway.rotated.flipped.icon{-webkit-transform:scale(-1,1) rotate(180deg);transform:scale(-1,1) rotate(180deg)}i.clockwise.rotated.vertically.flipped.icon,i.right.rotated.vertically.flipped.icon,i.rotated.vertically.flipped.icon{-webkit-transform:scale(1,-1) rotate(90deg);transform:scale(1,-1) rotate(90deg)}i.counterclockwise.rotated.vertically.flipped.icon,i.left.rotated.vertically.flipped.icon{-webkit-transform:scale(1,-1) rotate(-90deg);transform:scale(1,-1) rotate(-90deg)}i.halfway.rotated.vertically.flipped.icon{-webkit-transform:scale(1,-1) rotate(180deg);transform:scale(1,-1) rotate(180deg)}i.bordered.icon{line-height:1;vertical-align:baseline;width:2em;height:2em;padding:.5em 0!important;-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset}i.bordered.inverted.icon{border:none;-webkit-box-shadow:none;box-shadow:none}i.inverted.bordered.icon,i.inverted.circular.icon{background-color:#1b1c1d!important;color:#fff!important}i.inverted.icon{color:#fff}i.primary.icon{color:#2185d0!important}i.inverted.primary.icon{color:#54c8ff!important}i.inverted.bordered.primary.icon,i.inverted.circular.primary.icon{background-color:#2185d0!important;color:#fff!important}i.secondary.icon{color:#1b1c1d!important}i.inverted.secondary.icon{color:#545454!important}i.inverted.bordered.secondary.icon,i.inverted.circular.secondary.icon{background-color:#1b1c1d!important;color:#fff!important}i.red.icon{color:#db2828!important}i.inverted.red.icon{color:#ff695e!important}i.inverted.bordered.red.icon,i.inverted.circular.red.icon{background-color:#db2828!important;color:#fff!important}i.orange.icon{color:#f2711c!important}i.inverted.orange.icon{color:#ff851b!important}i.inverted.bordered.orange.icon,i.inverted.circular.orange.icon{background-color:#f2711c!important;color:#fff!important}i.yellow.icon{color:#fbbd08!important}i.inverted.yellow.icon{color:#ffe21f!important}i.inverted.bordered.yellow.icon,i.inverted.circular.yellow.icon{background-color:#fbbd08!important;color:#fff!important}i.olive.icon{color:#b5cc18!important}i.inverted.olive.icon{color:#d9e778!important}i.inverted.bordered.olive.icon,i.inverted.circular.olive.icon{background-color:#b5cc18!important;color:#fff!important}i.green.icon{color:#21ba45!important}i.inverted.green.icon{color:#2ecc40!important}i.inverted.bordered.green.icon,i.inverted.circular.green.icon{background-color:#21ba45!important;color:#fff!important}i.teal.icon{color:#00b5ad!important}i.inverted.teal.icon{color:#6dffff!important}i.inverted.bordered.teal.icon,i.inverted.circular.teal.icon{background-color:#00b5ad!important;color:#fff!important}i.blue.icon{color:#2185d0!important}i.inverted.blue.icon{color:#54c8ff!important}i.inverted.bordered.blue.icon,i.inverted.circular.blue.icon{background-color:#2185d0!important;color:#fff!important}i.violet.icon{color:#6435c9!important}i.inverted.violet.icon{color:#a291fb!important}i.inverted.bordered.violet.icon,i.inverted.circular.violet.icon{background-color:#6435c9!important;color:#fff!important}i.purple.icon{color:#a333c8!important}i.inverted.purple.icon{color:#dc73ff!important}i.inverted.bordered.purple.icon,i.inverted.circular.purple.icon{background-color:#a333c8!important;color:#fff!important}i.pink.icon{color:#e03997!important}i.inverted.pink.icon{color:#ff8edf!important}i.inverted.bordered.pink.icon,i.inverted.circular.pink.icon{background-color:#e03997!important;color:#fff!important}i.brown.icon{color:#a5673f!important}i.inverted.brown.icon{color:#d67c1c!important}i.inverted.bordered.brown.icon,i.inverted.circular.brown.icon{background-color:#a5673f!important;color:#fff!important}i.grey.icon{color:#767676!important}i.inverted.grey.icon{color:#dcddde!important}i.inverted.bordered.grey.icon,i.inverted.circular.grey.icon{background-color:#767676!important;color:#fff!important}i.black.icon{color:#1b1c1d!important}i.inverted.black.icon{color:#545454!important}i.inverted.bordered.black.icon,i.inverted.circular.black.icon{background-color:#1b1c1d!important;color:#fff!important}i.mini.icon,i.mini.icons{line-height:1;font-size:.4em}i.tiny.icon,i.tiny.icons{line-height:1;font-size:.5em}i.small.icon,i.small.icons{line-height:1;font-size:.75em}i.icon,i.icons{font-size:1em}i.large.icon,i.large.icons{line-height:1;vertical-align:middle;font-size:1.5em}i.big.icon,i.big.icons{line-height:1;vertical-align:middle;font-size:2em}i.huge.icon,i.huge.icons{line-height:1;vertical-align:middle;font-size:4em}i.massive.icon,i.massive.icons{line-height:1;vertical-align:middle;font-size:8em}i.icons{display:inline-block;position:relative;line-height:1}i.icons .icon{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);margin:0;margin:0}i.icons .icon:first-child{position:static;width:auto;height:auto;vertical-align:top;-webkit-transform:none;transform:none}i.icons .corner.icon{top:auto;left:auto;right:0;bottom:0;-webkit-transform:none;transform:none;font-size:.45em;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}i.icons .icon.corner[class*="top right"]{top:0;left:auto;right:0;bottom:auto}i.icons .icon.corner[class*="top left"]{top:0;left:0;right:auto;bottom:auto}i.icons .icon.corner[class*="bottom left"]{top:auto;left:0;right:auto;bottom:0}i.icons .icon.corner[class*="bottom right"]{top:auto;left:auto;right:0;bottom:0}i.icons .inverted.corner.icon{text-shadow:-1px -1px 0 #1b1c1d,1px -1px 0 #1b1c1d,-1px 1px 0 #1b1c1d,1px 1px 0 #1b1c1d}i.icon.linkedin.in:before{content:"\f0e1"}i.icon.zoom.in:before{content:"\f00e"}i.icon.zoom.out:before{content:"\f010"}i.icon.sign.in:before{content:"\f2f6"}i.icon.in.cart:before{content:"\f218"}i.icon.log.out:before{content:"\f2f5"}i.icon.sign.out:before{content:"\f2f5"}i.icon.ad:before{content:"\f641"}i.icon.address.book:before{content:"\f2b9"}i.icon.address.card:before{content:"\f2bb"}i.icon.adjust:before{content:"\f042"}i.icon.air.freshener:before{content:"\f5d0"}i.icon.align.center:before{content:"\f037"}i.icon.align.justify:before{content:"\f039"}i.icon.align.left:before{content:"\f036"}i.icon.align.right:before{content:"\f038"}i.icon.allergies:before{content:"\f461"}i.icon.ambulance:before{content:"\f0f9"}i.icon.american.sign.language.interpreting:before{content:"\f2a3"}i.icon.anchor:before{content:"\f13d"}i.icon.angle.double.down:before{content:"\f103"}i.icon.angle.double.left:before{content:"\f100"}i.icon.angle.double.right:before{content:"\f101"}i.icon.angle.double.up:before{content:"\f102"}i.icon.angle.down:before{content:"\f107"}i.icon.angle.left:before{content:"\f104"}i.icon.angle.right:before{content:"\f105"}i.icon.angle.up:before{content:"\f106"}i.icon.angry:before{content:"\f556"}i.icon.ankh:before{content:"\f644"}i.icon.archive:before{content:"\f187"}i.icon.archway:before{content:"\f557"}i.icon.arrow.alternate.circle.down:before{content:"\f358"}i.icon.arrow.alternate.circle.left:before{content:"\f359"}i.icon.arrow.alternate.circle.right:before{content:"\f35a"}i.icon.arrow.alternate.circle.up:before{content:"\f35b"}i.icon.arrow.circle.down:before{content:"\f0ab"}i.icon.arrow.circle.left:before{content:"\f0a8"}i.icon.arrow.circle.right:before{content:"\f0a9"}i.icon.arrow.circle.up:before{content:"\f0aa"}i.icon.arrow.down:before{content:"\f063"}i.icon.arrow.left:before{content:"\f060"}i.icon.arrow.right:before{content:"\f061"}i.icon.arrow.up:before{content:"\f062"}i.icon.arrows.alternate:before{content:"\f0b2"}i.icon.arrows.alternate.horizontal:before{content:"\f337"}i.icon.arrows.alternate.vertical:before{content:"\f338"}i.icon.assistive.listening.systems:before{content:"\f2a2"}i.icon.asterisk:before{content:"\f069"}i.icon.at:before{content:"\f1fa"}i.icon.atlas:before{content:"\f558"}i.icon.atom:before{content:"\f5d2"}i.icon.audio.description:before{content:"\f29e"}i.icon.award:before{content:"\f559"}i.icon.backspace:before{content:"\f55a"}i.icon.backward:before{content:"\f04a"}i.icon.balance.scale:before{content:"\f24e"}i.icon.ban:before{content:"\f05e"}i.icon.band.aid:before{content:"\f462"}i.icon.barcode:before{content:"\f02a"}i.icon.bars:before{content:"\f0c9"}i.icon.baseball.ball:before{content:"\f433"}i.icon.basketball.ball:before{content:"\f434"}i.icon.bath:before{content:"\f2cd"}i.icon.battery.empty:before{content:"\f244"}i.icon.battery.full:before{content:"\f240"}i.icon.battery.half:before{content:"\f242"}i.icon.battery.quarter:before{content:"\f243"}i.icon.battery.three.quarters:before{content:"\f241"}i.icon.bed:before{content:"\f236"}i.icon.beer:before{content:"\f0fc"}i.icon.bell:before{content:"\f0f3"}i.icon.bell.slash:before{content:"\f1f6"}i.icon.bezier.curve:before{content:"\f55b"}i.icon.bible:before{content:"\f647"}i.icon.bicycle:before{content:"\f206"}i.icon.binoculars:before{content:"\f1e5"}i.icon.birthday.cake:before{content:"\f1fd"}i.icon.blender:before{content:"\f517"}i.icon.blender.phone:before{content:"\f6b6"}i.icon.blind:before{content:"\f29d"}i.icon.bold:before{content:"\f032"}i.icon.bolt:before{content:"\f0e7"}i.icon.bomb:before{content:"\f1e2"}i.icon.bone:before{content:"\f5d7"}i.icon.bong:before{content:"\f55c"}i.icon.book:before{content:"\f02d"}i.icon.book.dead:before{content:"\f6b7"}i.icon.book.open:before{content:"\f518"}i.icon.book.reader:before{content:"\f5da"}i.icon.bookmark:before{content:"\f02e"}i.icon.bowling.ball:before{content:"\f436"}i.icon.box:before{content:"\f466"}i.icon.box.open:before{content:"\f49e"}i.icon.boxes:before{content:"\f468"}i.icon.braille:before{content:"\f2a1"}i.icon.brain:before{content:"\f5dc"}i.icon.briefcase:before{content:"\f0b1"}i.icon.briefcase.medical:before{content:"\f469"}i.icon.broadcast.tower:before{content:"\f519"}i.icon.broom:before{content:"\f51a"}i.icon.brush:before{content:"\f55d"}i.icon.bug:before{content:"\f188"}i.icon.building:before{content:"\f1ad"}i.icon.bullhorn:before{content:"\f0a1"}i.icon.bullseye:before{content:"\f140"}i.icon.burn:before{content:"\f46a"}i.icon.bus:before{content:"\f207"}i.icon.bus.alternate:before{content:"\f55e"}i.icon.business.time:before{content:"\f64a"}i.icon.calculator:before{content:"\f1ec"}i.icon.calendar:before{content:"\f133"}i.icon.calendar.alternate:before{content:"\f073"}i.icon.calendar.check:before{content:"\f274"}i.icon.calendar.minus:before{content:"\f272"}i.icon.calendar.plus:before{content:"\f271"}i.icon.calendar.times:before{content:"\f273"}i.icon.camera:before{content:"\f030"}i.icon.camera.retro:before{content:"\f083"}i.icon.campground:before{content:"\f6bb"}i.icon.cannabis:before{content:"\f55f"}i.icon.capsules:before{content:"\f46b"}i.icon.car:before{content:"\f1b9"}i.icon.car.alternate:before{content:"\f5de"}i.icon.car.battery:before{content:"\f5df"}i.icon.car.crash:before{content:"\f5e1"}i.icon.car.side:before{content:"\f5e4"}i.icon.caret.down:before{content:"\f0d7"}i.icon.caret.left:before{content:"\f0d9"}i.icon.caret.right:before{content:"\f0da"}i.icon.caret.square.down:before{content:"\f150"}i.icon.caret.square.left:before{content:"\f191"}i.icon.caret.square.right:before{content:"\f152"}i.icon.caret.square.up:before{content:"\f151"}i.icon.caret.up:before{content:"\f0d8"}i.icon.cart.arrow.down:before{content:"\f218"}i.icon.cart.plus:before{content:"\f217"}i.icon.cat:before{content:"\f6be"}i.icon.certificate:before{content:"\f0a3"}i.icon.chair:before{content:"\f6c0"}i.icon.chalkboard:before{content:"\f51b"}i.icon.chalkboard.teacher:before{content:"\f51c"}i.icon.charging.station:before{content:"\f5e7"}i.icon.chart.area:before{content:"\f1fe"}i.icon.chart.bar:before{content:"\f080"}i.icon.chart.line:before{content:"\f201"}i.icon.chart.pie:before{content:"\f200"}i.icon.check:before{content:"\f00c"}i.icon.check.circle:before{content:"\f058"}i.icon.check.double:before{content:"\f560"}i.icon.check.square:before{content:"\f14a"}i.icon.chess:before{content:"\f439"}i.icon.chess.bishop:before{content:"\f43a"}i.icon.chess.board:before{content:"\f43c"}i.icon.chess.king:before{content:"\f43f"}i.icon.chess.knight:before{content:"\f441"}i.icon.chess.pawn:before{content:"\f443"}i.icon.chess.queen:before{content:"\f445"}i.icon.chess.rook:before{content:"\f447"}i.icon.chevron.circle.down:before{content:"\f13a"}i.icon.chevron.circle.left:before{content:"\f137"}i.icon.chevron.circle.right:before{content:"\f138"}i.icon.chevron.circle.up:before{content:"\f139"}i.icon.chevron.down:before{content:"\f078"}i.icon.chevron.left:before{content:"\f053"}i.icon.chevron.right:before{content:"\f054"}i.icon.chevron.up:before{content:"\f077"}i.icon.child:before{content:"\f1ae"}i.icon.church:before{content:"\f51d"}i.icon.circle:before{content:"\f111"}i.icon.circle.notch:before{content:"\f1ce"}i.icon.city:before{content:"\f64f"}i.icon.clipboard:before{content:"\f328"}i.icon.clipboard.check:before{content:"\f46c"}i.icon.clipboard.list:before{content:"\f46d"}i.icon.clock:before{content:"\f017"}i.icon.clone:before{content:"\f24d"}i.icon.closed.captioning:before{content:"\f20a"}i.icon.cloud:before{content:"\f0c2"}i.icon.cloud.download.alternate:before{content:"\f381"}i.icon.cloud.moon:before{content:"\f6c3"}i.icon.cloud.sun:before{content:"\f6c4"}i.icon.cloud.upload.alternate:before{content:"\f382"}i.icon.cocktail:before{content:"\f561"}i.icon.code:before{content:"\f121"}i.icon.code.branch:before{content:"\f126"}i.icon.coffee:before{content:"\f0f4"}i.icon.cog:before{content:"\f013"}i.icon.cogs:before{content:"\f085"}i.icon.coins:before{content:"\f51e"}i.icon.columns:before{content:"\f0db"}i.icon.comment:before{content:"\f075"}i.icon.comment.alternate:before{content:"\f27a"}i.icon.comment.dollar:before{content:"\f651"}i.icon.comment.dots:before{content:"\f4ad"}i.icon.comment.slash:before{content:"\f4b3"}i.icon.comments:before{content:"\f086"}i.icon.comments.dollar:before{content:"\f653"}i.icon.compact.disc:before{content:"\f51f"}i.icon.compass:before{content:"\f14e"}i.icon.compress:before{content:"\f066"}i.icon.concierge.bell:before{content:"\f562"}i.icon.cookie:before{content:"\f563"}i.icon.cookie.bite:before{content:"\f564"}i.icon.copy:before{content:"\f0c5"}i.icon.copyright:before{content:"\f1f9"}i.icon.couch:before{content:"\f4b8"}i.icon.credit.card:before{content:"\f09d"}i.icon.crop:before{content:"\f125"}i.icon.crop.alternate:before{content:"\f565"}i.icon.cross:before{content:"\f654"}i.icon.crosshairs:before{content:"\f05b"}i.icon.crow:before{content:"\f520"}i.icon.crown:before{content:"\f521"}i.icon.cube:before{content:"\f1b2"}i.icon.cubes:before{content:"\f1b3"}i.icon.cut:before{content:"\f0c4"}i.icon.database:before{content:"\f1c0"}i.icon.deaf:before{content:"\f2a4"}i.icon.desktop:before{content:"\f108"}i.icon.dharmachakra:before{content:"\f655"}i.icon.diagnoses:before{content:"\f470"}i.icon.dice:before{content:"\f522"}i.icon.dice.d20:before{content:"\f6cf"}i.icon.dice.d6:before{content:"\f6d1"}i.icon.dice.five:before{content:"\f523"}i.icon.dice.four:before{content:"\f524"}i.icon.dice.one:before{content:"\f525"}i.icon.dice.six:before{content:"\f526"}i.icon.dice.three:before{content:"\f527"}i.icon.dice.two:before{content:"\f528"}i.icon.digital.tachograph:before{content:"\f566"}i.icon.directions:before{content:"\f5eb"}i.icon.divide:before{content:"\f529"}i.icon.dizzy:before{content:"\f567"}i.icon.dna:before{content:"\f471"}i.icon.dog:before{content:"\f6d3"}i.icon.dollar.sign:before{content:"\f155"}i.icon.dolly:before{content:"\f472"}i.icon.dolly.flatbed:before{content:"\f474"}i.icon.donate:before{content:"\f4b9"}i.icon.door.closed:before{content:"\f52a"}i.icon.door.open:before{content:"\f52b"}i.icon.dot.circle:before{content:"\f192"}i.icon.dove:before{content:"\f4ba"}i.icon.download:before{content:"\f019"}i.icon.drafting.compass:before{content:"\f568"}i.icon.dragon:before{content:"\f6d5"}i.icon.draw.polygon:before{content:"\f5ee"}i.icon.drum:before{content:"\f569"}i.icon.drum.steelpan:before{content:"\f56a"}i.icon.drumstick.bite:before{content:"\f6d7"}i.icon.dumbbell:before{content:"\f44b"}i.icon.dungeon:before{content:"\f6d9"}i.icon.edit:before{content:"\f044"}i.icon.eject:before{content:"\f052"}i.icon.ellipsis.horizontal:before{content:"\f141"}i.icon.ellipsis.vertical:before{content:"\f142"}i.icon.envelope:before{content:"\f0e0"}i.icon.envelope.open:before{content:"\f2b6"}i.icon.envelope.open.text:before{content:"\f658"}i.icon.envelope.square:before{content:"\f199"}i.icon.equals:before{content:"\f52c"}i.icon.eraser:before{content:"\f12d"}i.icon.euro.sign:before{content:"\f153"}i.icon.exchange.alternate:before{content:"\f362"}i.icon.exclamation:before{content:"\f12a"}i.icon.exclamation.circle:before{content:"\f06a"}i.icon.exclamation.triangle:before{content:"\f071"}i.icon.expand:before{content:"\f065"}i.icon.expand.arrows.alternate:before{content:"\f31e"}i.icon.external.alternate:before{content:"\f35d"}i.icon.external.link.square.alternate:before{content:"\f360"}i.icon.eye:before{content:"\f06e"}i.icon.eye.dropper:before{content:"\f1fb"}i.icon.eye.slash:before{content:"\f070"}i.icon.fast.backward:before{content:"\f049"}i.icon.fast.forward:before{content:"\f050"}i.icon.fax:before{content:"\f1ac"}i.icon.feather:before{content:"\f52d"}i.icon.feather.alternate:before{content:"\f56b"}i.icon.female:before{content:"\f182"}i.icon.fighter.jet:before{content:"\f0fb"}i.icon.file:before{content:"\f15b"}i.icon.file.alternate:before{content:"\f15c"}i.icon.file.archive:before{content:"\f1c6"}i.icon.file.audio:before{content:"\f1c7"}i.icon.file.code:before{content:"\f1c9"}i.icon.file.contract:before{content:"\f56c"}i.icon.file.csv:before{content:"\f6dd"}i.icon.file.download:before{content:"\f56d"}i.icon.file.excel:before{content:"\f1c3"}i.icon.file.export:before{content:"\f56e"}i.icon.file.image:before{content:"\f1c5"}i.icon.file.import:before{content:"\f56f"}i.icon.file.invoice:before{content:"\f570"}i.icon.file.invoice.dollar:before{content:"\f571"}i.icon.file.medical:before{content:"\f477"}i.icon.file.medical.alternate:before{content:"\f478"}i.icon.file.pdf:before{content:"\f1c1"}i.icon.file.powerpoint:before{content:"\f1c4"}i.icon.file.prescription:before{content:"\f572"}i.icon.file.signature:before{content:"\f573"}i.icon.file.upload:before{content:"\f574"}i.icon.file.video:before{content:"\f1c8"}i.icon.file.word:before{content:"\f1c2"}i.icon.fill:before{content:"\f575"}i.icon.fill.drip:before{content:"\f576"}i.icon.film:before{content:"\f008"}i.icon.filter:before{content:"\f0b0"}i.icon.fingerprint:before{content:"\f577"}i.icon.fire:before{content:"\f06d"}i.icon.fire.extinguisher:before{content:"\f134"}i.icon.first.aid:before{content:"\f479"}i.icon.fish:before{content:"\f578"}i.icon.fist.raised:before{content:"\f6de"}i.icon.flag:before{content:"\f024"}i.icon.flag.checkered:before{content:"\f11e"}i.icon.flask:before{content:"\f0c3"}i.icon.flushed:before{content:"\f579"}i.icon.folder:before{content:"\f07b"}i.icon.folder.minus:before{content:"\f65d"}i.icon.folder.open:before{content:"\f07c"}i.icon.folder.plus:before{content:"\f65e"}i.icon.font:before{content:"\f031"}i.icon.football.ball:before{content:"\f44e"}i.icon.forward:before{content:"\f04e"}i.icon.frog:before{content:"\f52e"}i.icon.frown:before{content:"\f119"}i.icon.frown.open:before{content:"\f57a"}i.icon.fruit-apple:before{content:"\f5d1"}i.icon.funnel.dollar:before{content:"\f662"}i.icon.futbol:before{content:"\f1e3"}i.icon.gamepad:before{content:"\f11b"}i.icon.gas.pump:before{content:"\f52f"}i.icon.gavel:before{content:"\f0e3"}i.icon.gem:before{content:"\f3a5"}i.icon.genderless:before{content:"\f22d"}i.icon.ghost:before{content:"\f6e2"}i.icon.gift:before{content:"\f06b"}i.icon.glass.martini:before{content:"\f000"}i.icon.glass.martini.alternate:before{content:"\f57b"}i.icon.glasses:before{content:"\f530"}i.icon.globe:before{content:"\f0ac"}i.icon.globe.africa:before{content:"\f57c"}i.icon.globe.americas:before{content:"\f57d"}i.icon.globe.asia:before{content:"\f57e"}i.icon.golf.ball:before{content:"\f450"}i.icon.gopuram:before{content:"\f664"}i.icon.graduation.cap:before{content:"\f19d"}i.icon.greater.than:before{content:"\f531"}i.icon.greater.than.equal:before{content:"\f532"}i.icon.grimace:before{content:"\f57f"}i.icon.grin:before{content:"\f580"}i.icon.grin.alternate:before{content:"\f581"}i.icon.grin.beam:before{content:"\f582"}i.icon.grin.beam.sweat:before{content:"\f583"}i.icon.grin.hearts:before{content:"\f584"}i.icon.grin.squint:before{content:"\f585"}i.icon.grin.squint.tears:before{content:"\f586"}i.icon.grin.stars:before{content:"\f587"}i.icon.grin.tears:before{content:"\f588"}i.icon.grin.tongue:before{content:"\f589"}i.icon.grin.tongue.squint:before{content:"\f58a"}i.icon.grin.tongue.wink:before{content:"\f58b"}i.icon.grin.wink:before{content:"\f58c"}i.icon.grip.horizontal:before{content:"\f58d"}i.icon.grip.vertical:before{content:"\f58e"}i.icon.h.square:before{content:"\f0fd"}i.icon.hammer:before{content:"\f6e3"}i.icon.hamsa:before{content:"\f665"}i.icon.hand.holding:before{content:"\f4bd"}i.icon.hand.holding.heart:before{content:"\f4be"}i.icon.hand.holding.usd:before{content:"\f4c0"}i.icon.hand.lizard:before{content:"\f258"}i.icon.hand.paper:before{content:"\f256"}i.icon.hand.peace:before{content:"\f25b"}i.icon.hand.point.down:before{content:"\f0a7"}i.icon.hand.point.left:before{content:"\f0a5"}i.icon.hand.point.right:before{content:"\f0a4"}i.icon.hand.point.up:before{content:"\f0a6"}i.icon.hand.pointer:before{content:"\f25a"}i.icon.hand.rock:before{content:"\f255"}i.icon.hand.scissors:before{content:"\f257"}i.icon.hand.spock:before{content:"\f259"}i.icon.hands:before{content:"\f4c2"}i.icon.hands.helping:before{content:"\f4c4"}i.icon.handshake:before{content:"\f2b5"}i.icon.hanukiah:before{content:"\f6e6"}i.icon.hashtag:before{content:"\f292"}i.icon.hat.wizard:before{content:"\f6e8"}i.icon.haykal:before{content:"\f666"}i.icon.hdd:before{content:"\f0a0"}i.icon.heading:before{content:"\f1dc"}i.icon.headphones:before{content:"\f025"}i.icon.headphones.alternate:before{content:"\f58f"}i.icon.headset:before{content:"\f590"}i.icon.heart:before{content:"\f004"}i.icon.heartbeat:before{content:"\f21e"}i.icon.helicopter:before{content:"\f533"}i.icon.highlighter:before{content:"\f591"}i.icon.hiking:before{content:"\f6ec"}i.icon.hippo:before{content:"\f6ed"}i.icon.history:before{content:"\f1da"}i.icon.hockey.puck:before{content:"\f453"}i.icon.home:before{content:"\f015"}i.icon.horse:before{content:"\f6f0"}i.icon.hospital:before{content:"\f0f8"}i.icon.hospital.alternate:before{content:"\f47d"}i.icon.hospital.symbol:before{content:"\f47e"}i.icon.hot.tub:before{content:"\f593"}i.icon.hotel:before{content:"\f594"}i.icon.hourglass:before{content:"\f254"}i.icon.hourglass.end:before{content:"\f253"}i.icon.hourglass.half:before{content:"\f252"}i.icon.hourglass.start:before{content:"\f251"}i.icon.house.damage:before{content:"\f6f1"}i.icon.hryvnia:before{content:"\f6f2"}i.icon.i.cursor:before{content:"\f246"}i.icon.id.badge:before{content:"\f2c1"}i.icon.id.card:before{content:"\f2c2"}i.icon.id.card.alternate:before{content:"\f47f"}i.icon.image:before{content:"\f03e"}i.icon.images:before{content:"\f302"}i.icon.inbox:before{content:"\f01c"}i.icon.indent:before{content:"\f03c"}i.icon.industry:before{content:"\f275"}i.icon.infinity:before{content:"\f534"}i.icon.info:before{content:"\f129"}i.icon.info.circle:before{content:"\f05a"}i.icon.italic:before{content:"\f033"}i.icon.jedi:before{content:"\f669"}i.icon.joint:before{content:"\f595"}i.icon.journal.whills:before{content:"\f66a"}i.icon.kaaba:before{content:"\f66b"}i.icon.key:before{content:"\f084"}i.icon.keyboard:before{content:"\f11c"}i.icon.khanda:before{content:"\f66d"}i.icon.kiss:before{content:"\f596"}i.icon.kiss.beam:before{content:"\f597"}i.icon.kiss.wink.heart:before{content:"\f598"}i.icon.kiwi.bird:before{content:"\f535"}i.icon.landmark:before{content:"\f66f"}i.icon.language:before{content:"\f1ab"}i.icon.laptop:before{content:"\f109"}i.icon.laptop.code:before{content:"\f5fc"}i.icon.laugh:before{content:"\f599"}i.icon.laugh.beam:before{content:"\f59a"}i.icon.laugh.squint:before{content:"\f59b"}i.icon.laugh.wink:before{content:"\f59c"}i.icon.layer.group:before{content:"\f5fd"}i.icon.leaf:before{content:"\f06c"}i.icon.lemon:before{content:"\f094"}i.icon.less.than:before{content:"\f536"}i.icon.less.than.equal:before{content:"\f537"}i.icon.level.down.alternate:before{content:"\f3be"}i.icon.level.up.alternate:before{content:"\f3bf"}i.icon.life.ring:before{content:"\f1cd"}i.icon.lightbulb:before{content:"\f0eb"}i.icon.linkify:before{content:"\f0c1"}i.icon.lira.sign:before{content:"\f195"}i.icon.list:before{content:"\f03a"}i.icon.list.alternate:before{content:"\f022"}i.icon.list.ol:before{content:"\f0cb"}i.icon.list.ul:before{content:"\f0ca"}i.icon.location.arrow:before{content:"\f124"}i.icon.lock:before{content:"\f023"}i.icon.lock.open:before{content:"\f3c1"}i.icon.long.arrow.alternate.down:before{content:"\f309"}i.icon.long.arrow.alternate.left:before{content:"\f30a"}i.icon.long.arrow.alternate.right:before{content:"\f30b"}i.icon.long.arrow.alternate.up:before{content:"\f30c"}i.icon.low.vision:before{content:"\f2a8"}i.icon.luggage.cart:before{content:"\f59d"}i.icon.magic:before{content:"\f0d0"}i.icon.magnet:before{content:"\f076"}i.icon.mail.bulk:before{content:"\f674"}i.icon.male:before{content:"\f183"}i.icon.map:before{content:"\f279"}i.icon.map.marked:before{content:"\f59f"}i.icon.map.marked.alternate:before{content:"\f5a0"}i.icon.map.marker:before{content:"\f041"}i.icon.map.marker.alternate:before{content:"\f3c5"}i.icon.map.pin:before{content:"\f276"}i.icon.map.signs:before{content:"\f277"}i.icon.marker:before{content:"\f5a1"}i.icon.mars:before{content:"\f222"}i.icon.mars.double:before{content:"\f227"}i.icon.mars.stroke:before{content:"\f229"}i.icon.mars.stroke.horizontal:before{content:"\f22b"}i.icon.mars.stroke.vertical:before{content:"\f22a"}i.icon.mask:before{content:"\f6fa"}i.icon.medal:before{content:"\f5a2"}i.icon.medkit:before{content:"\f0fa"}i.icon.meh:before{content:"\f11a"}i.icon.meh.blank:before{content:"\f5a4"}i.icon.meh.rolling.eyes:before{content:"\f5a5"}i.icon.memory:before{content:"\f538"}i.icon.menorah:before{content:"\f676"}i.icon.mercury:before{content:"\f223"}i.icon.microchip:before{content:"\f2db"}i.icon.microphone:before{content:"\f130"}i.icon.microphone.alternate:before{content:"\f3c9"}i.icon.microphone.alternate.slash:before{content:"\f539"}i.icon.microphone.slash:before{content:"\f131"}i.icon.microscope:before{content:"\f610"}i.icon.minus:before{content:"\f068"}i.icon.minus.circle:before{content:"\f056"}i.icon.minus.square:before{content:"\f146"}i.icon.mobile:before{content:"\f10b"}i.icon.mobile.alternate:before{content:"\f3cd"}i.icon.money.bill:before{content:"\f0d6"}i.icon.money.bill.alternate:before{content:"\f3d1"}i.icon.money.bill.wave:before{content:"\f53a"}i.icon.money.bill.wave.alternate:before{content:"\f53b"}i.icon.money.check:before{content:"\f53c"}i.icon.money.check.alternate:before{content:"\f53d"}i.icon.monument:before{content:"\f5a6"}i.icon.moon:before{content:"\f186"}i.icon.mortar.pestle:before{content:"\f5a7"}i.icon.mosque:before{content:"\f678"}i.icon.motorcycle:before{content:"\f21c"}i.icon.mountain:before{content:"\f6fc"}i.icon.mouse.pointer:before{content:"\f245"}i.icon.music:before{content:"\f001"}i.icon.network.wired:before{content:"\f6ff"}i.icon.neuter:before{content:"\f22c"}i.icon.newspaper:before{content:"\f1ea"}i.icon.not.equal:before{content:"\f53e"}i.icon.notes.medical:before{content:"\f481"}i.icon.object.group:before{content:"\f247"}i.icon.object.ungroup:before{content:"\f248"}i.icon.oil.can:before{content:"\f613"}i.icon.om:before{content:"\f679"}i.icon.otter:before{content:"\f700"}i.icon.outdent:before{content:"\f03b"}i.icon.paint.brush:before{content:"\f1fc"}i.icon.paint.roller:before{content:"\f5aa"}i.icon.palette:before{content:"\f53f"}i.icon.pallet:before{content:"\f482"}i.icon.paper.plane:before{content:"\f1d8"}i.icon.paperclip:before{content:"\f0c6"}i.icon.parachute.box:before{content:"\f4cd"}i.icon.paragraph:before{content:"\f1dd"}i.icon.parking:before{content:"\f540"}i.icon.passport:before{content:"\f5ab"}i.icon.pastafarianism:before{content:"\f67b"}i.icon.paste:before{content:"\f0ea"}i.icon.pause:before{content:"\f04c"}i.icon.pause.circle:before{content:"\f28b"}i.icon.paw:before{content:"\f1b0"}i.icon.peace:before{content:"\f67c"}i.icon.pen:before{content:"\f304"}i.icon.pen.alternate:before{content:"\f305"}i.icon.pen.fancy:before{content:"\f5ac"}i.icon.pen.nib:before{content:"\f5ad"}i.icon.pen.square:before{content:"\f14b"}i.icon.pencil.alternate:before{content:"\f303"}i.icon.pencil.ruler:before{content:"\f5ae"}i.icon.people.carry:before{content:"\f4ce"}i.icon.percent:before{content:"\f295"}i.icon.percentage:before{content:"\f541"}i.icon.phone:before{content:"\f095"}i.icon.phone.slash:before{content:"\f3dd"}i.icon.phone.square:before{content:"\f098"}i.icon.phone.volume:before{content:"\f2a0"}i.icon.piggy.bank:before{content:"\f4d3"}i.icon.pills:before{content:"\f484"}i.icon.place.of.worship:before{content:"\f67f"}i.icon.plane:before{content:"\f072"}i.icon.plane.arrival:before{content:"\f5af"}i.icon.plane.departure:before{content:"\f5b0"}i.icon.play:before{content:"\f04b"}i.icon.play.circle:before{content:"\f144"}i.icon.plug:before{content:"\f1e6"}i.icon.plus:before{content:"\f067"}i.icon.plus.circle:before{content:"\f055"}i.icon.plus.square:before{content:"\f0fe"}i.icon.podcast:before{content:"\f2ce"}i.icon.poll:before{content:"\f681"}i.icon.poll.horizontal:before{content:"\f682"}i.icon.poo:before{content:"\f2fe"}i.icon.poop:before{content:"\f619"}i.icon.portrait:before{content:"\f3e0"}i.icon.pound.sign:before{content:"\f154"}i.icon.power.off:before{content:"\f011"}i.icon.pray:before{content:"\f683"}i.icon.praying.hands:before{content:"\f684"}i.icon.prescription:before{content:"\f5b1"}i.icon.prescription.bottle:before{content:"\f485"}i.icon.prescription.bottle.alternate:before{content:"\f486"}i.icon.print:before{content:"\f02f"}i.icon.procedures:before{content:"\f487"}i.icon.project.diagram:before{content:"\f542"}i.icon.puzzle.piece:before{content:"\f12e"}i.icon.qrcode:before{content:"\f029"}i.icon.question:before{content:"\f128"}i.icon.question.circle:before{content:"\f059"}i.icon.quidditch:before{content:"\f458"}i.icon.quote.left:before{content:"\f10d"}i.icon.quote.right:before{content:"\f10e"}i.icon.quran:before{content:"\f687"}i.icon.random:before{content:"\f074"}i.icon.receipt:before{content:"\f543"}i.icon.recycle:before{content:"\f1b8"}i.icon.redo:before{content:"\f01e"}i.icon.redo.alternate:before{content:"\f2f9"}i.icon.registered:before{content:"\f25d"}i.icon.reply:before{content:"\f3e5"}i.icon.reply.all:before{content:"\f122"}i.icon.retweet:before{content:"\f079"}i.icon.ribbon:before{content:"\f4d6"}i.icon.ring:before{content:"\f70b"}i.icon.road:before{content:"\f018"}i.icon.robot:before{content:"\f544"}i.icon.rocket:before{content:"\f135"}i.icon.route:before{content:"\f4d7"}i.icon.rss:before{content:"\f09e"}i.icon.rss.square:before{content:"\f143"}i.icon.ruble.sign:before{content:"\f158"}i.icon.ruler:before{content:"\f545"}i.icon.ruler.combined:before{content:"\f546"}i.icon.ruler.horizontal:before{content:"\f547"}i.icon.ruler.vertical:before{content:"\f548"}i.icon.running:before{content:"\f70c"}i.icon.rupee.sign:before{content:"\f156"}i.icon.sad.cry:before{content:"\f5b3"}i.icon.sad.tear:before{content:"\f5b4"}i.icon.save:before{content:"\f0c7"}i.icon.school:before{content:"\f549"}i.icon.screwdriver:before{content:"\f54a"}i.icon.scroll:before{content:"\f70e"}i.icon.search:before{content:"\f002"}i.icon.search.dollar:before{content:"\f688"}i.icon.search.location:before{content:"\f689"}i.icon.search.minus:before{content:"\f010"}i.icon.search.plus:before{content:"\f00e"}i.icon.seedling:before{content:"\f4d8"}i.icon.server:before{content:"\f233"}i.icon.shapes:before{content:"\f61f"}i.icon.share:before{content:"\f064"}i.icon.share.alternate:before{content:"\f1e0"}i.icon.share.alternate.square:before{content:"\f1e1"}i.icon.share.square:before{content:"\f14d"}i.icon.shekel.sign:before{content:"\f20b"}i.icon.shield.alternate:before{content:"\f3ed"}i.icon.ship:before{content:"\f21a"}i.icon.shipping.fast:before{content:"\f48b"}i.icon.shoe.prints:before{content:"\f54b"}i.icon.shopping.bag:before{content:"\f290"}i.icon.shopping.basket:before{content:"\f291"}i.icon.shopping.cart:before{content:"\f07a"}i.icon.shower:before{content:"\f2cc"}i.icon.shuttle.van:before{content:"\f5b6"}i.icon.sign:before{content:"\f4d9"}i.icon.sign.in.alternate:before{content:"\f2f6"}i.icon.sign.language:before{content:"\f2a7"}i.icon.sign.out.alternate:before{content:"\f2f5"}i.icon.signal:before{content:"\f012"}i.icon.signature:before{content:"\f5b7"}i.icon.sitemap:before{content:"\f0e8"}i.icon.skull:before{content:"\f54c"}i.icon.skull.crossbones:before{content:"\f714"}i.icon.slash:before{content:"\f715"}i.icon.sliders.horizontal:before{content:"\f1de"}i.icon.smile:before{content:"\f118"}i.icon.smile.beam:before{content:"\f5b8"}i.icon.smile.wink:before{content:"\f4da"}i.icon.smoking:before{content:"\f48d"}i.icon.smoking.ban:before{content:"\f54d"}i.icon.snowflake:before{content:"\f2dc"}i.icon.socks:before{content:"\f696"}i.icon.solar.panel:before{content:"\f5ba"}i.icon.sort:before{content:"\f0dc"}i.icon.sort.alphabet.down:before{content:"\f15d"}i.icon.sort.alphabet.up:before{content:"\f15e"}i.icon.sort.amount.down:before{content:"\f160"}i.icon.sort.amount.up:before{content:"\f161"}i.icon.sort.down:before{content:"\f0dd"}i.icon.sort.numeric.down:before{content:"\f162"}i.icon.sort.numeric.up:before{content:"\f163"}i.icon.sort.up:before{content:"\f0de"}i.icon.spa:before{content:"\f5bb"}i.icon.space.shuttle:before{content:"\f197"}i.icon.spider:before{content:"\f717"}i.icon.spinner:before{content:"\f110"}i.icon.splotch:before{content:"\f5bc"}i.icon.spray.can:before{content:"\f5bd"}i.icon.square:before{content:"\f0c8"}i.icon.square.full:before{content:"\f45c"}i.icon.square.root.alternate:before{content:"\f698"}i.icon.stamp:before{content:"\f5bf"}i.icon.star:before{content:"\f005"}i.icon.star.and.crescent:before{content:"\f699"}i.icon.star.half:before{content:"\f089"}i.icon.star.half.alternate:before{content:"\f5c0"}i.icon.star.of.david:before{content:"\f69a"}i.icon.star.of.life:before{content:"\f621"}i.icon.step.backward:before{content:"\f048"}i.icon.step.forward:before{content:"\f051"}i.icon.stethoscope:before{content:"\f0f1"}i.icon.sticky.note:before{content:"\f249"}i.icon.stop:before{content:"\f04d"}i.icon.stop.circle:before{content:"\f28d"}i.icon.stopwatch:before{content:"\f2f2"}i.icon.store:before{content:"\f54e"}i.icon.store.alternate:before{content:"\f54f"}i.icon.stream:before{content:"\f550"}i.icon.street.view:before{content:"\f21d"}i.icon.strikethrough:before{content:"\f0cc"}i.icon.stroopwafel:before{content:"\f551"}i.icon.subscript:before{content:"\f12c"}i.icon.subway:before{content:"\f239"}i.icon.suitcase:before{content:"\f0f2"}i.icon.suitcase.rolling:before{content:"\f5c1"}i.icon.sun:before{content:"\f185"}i.icon.superscript:before{content:"\f12b"}i.icon.surprise:before{content:"\f5c2"}i.icon.swatchbook:before{content:"\f5c3"}i.icon.swimmer:before{content:"\f5c4"}i.icon.swimming.pool:before{content:"\f5c5"}i.icon.synagogue:before{content:"\f69b"}i.icon.sync:before{content:"\f021"}i.icon.sync.alternate:before{content:"\f2f1"}i.icon.syringe:before{content:"\f48e"}i.icon.table:before{content:"\f0ce"}i.icon.table.tennis:before{content:"\f45d"}i.icon.tablet:before{content:"\f10a"}i.icon.tablet.alternate:before{content:"\f3fa"}i.icon.tablets:before{content:"\f490"}i.icon.tachometer.alternate:before{content:"\f3fd"}i.icon.tag:before{content:"\f02b"}i.icon.tags:before{content:"\f02c"}i.icon.tape:before{content:"\f4db"}i.icon.tasks:before{content:"\f0ae"}i.icon.taxi:before{content:"\f1ba"}i.icon.teeth:before{content:"\f62e"}i.icon.teeth.open:before{content:"\f62f"}i.icon.terminal:before{content:"\f120"}i.icon.text.height:before{content:"\f034"}i.icon.text.width:before{content:"\f035"}i.icon.th:before{content:"\f00a"}i.icon.th.large:before{content:"\f009"}i.icon.th.list:before{content:"\f00b"}i.icon.theater.masks:before{content:"\f630"}i.icon.thermometer:before{content:"\f491"}i.icon.thermometer.empty:before{content:"\f2cb"}i.icon.thermometer.full:before{content:"\f2c7"}i.icon.thermometer.half:before{content:"\f2c9"}i.icon.thermometer.quarter:before{content:"\f2ca"}i.icon.thermometer.three.quarters:before{content:"\f2c8"}i.icon.thumbs.down:before{content:"\f165"}i.icon.thumbs.up:before{content:"\f164"}i.icon.thumbtack:before{content:"\f08d"}i.icon.ticket.alternate:before{content:"\f3ff"}i.icon.times:before{content:"\f00d"}i.icon.times.circle:before{content:"\f057"}i.icon.tint:before{content:"\f043"}i.icon.tint.slash:before{content:"\f5c7"}i.icon.tired:before{content:"\f5c8"}i.icon.toggle.off:before{content:"\f204"}i.icon.toggle.on:before{content:"\f205"}i.icon.toilet.paper:before{content:"\f71e"}i.icon.toolbox:before{content:"\f552"}i.icon.tooth:before{content:"\f5c9"}i.icon.torah:before{content:"\f6a0"}i.icon.torii.gate:before{content:"\f6a1"}i.icon.tractor:before{content:"\f722"}i.icon.trademark:before{content:"\f25c"}i.icon.traffic.light:before{content:"\f637"}i.icon.train:before{content:"\f238"}i.icon.transgender:before{content:"\f224"}i.icon.transgender.alternate:before{content:"\f225"}i.icon.trash:before{content:"\f1f8"}i.icon.trash.alternate:before{content:"\f2ed"}i.icon.tree:before{content:"\f1bb"}i.icon.trophy:before{content:"\f091"}i.icon.truck:before{content:"\f0d1"}i.icon.truck.monster:before{content:"\f63b"}i.icon.truck.moving:before{content:"\f4df"}i.icon.truck.packing:before{content:"\f4de"}i.icon.truck.pickup:before{content:"\f63c"}i.icon.tshirt:before{content:"\f553"}i.icon.tty:before{content:"\f1e4"}i.icon.tv:before{content:"\f26c"}i.icon.umbrella:before{content:"\f0e9"}i.icon.umbrella.beach:before{content:"\f5ca"}i.icon.underline:before{content:"\f0cd"}i.icon.undo:before{content:"\f0e2"}i.icon.undo.alternate:before{content:"\f2ea"}i.icon.universal.access:before{content:"\f29a"}i.icon.university:before{content:"\f19c"}i.icon.unlink:before{content:"\f127"}i.icon.unlock:before{content:"\f09c"}i.icon.unlock.alternate:before{content:"\f13e"}i.icon.upload:before{content:"\f093"}i.icon.user:before{content:"\f007"}i.icon.user.alternate:before{content:"\f406"}i.icon.user.alternate.slash:before{content:"\f4fa"}i.icon.user.astronaut:before{content:"\f4fb"}i.icon.user.check:before{content:"\f4fc"}i.icon.user.circle:before{content:"\f2bd"}i.icon.user.clock:before{content:"\f4fd"}i.icon.user.cog:before{content:"\f4fe"}i.icon.user.edit:before{content:"\f4ff"}i.icon.user.friends:before{content:"\f500"}i.icon.user.graduate:before{content:"\f501"}i.icon.user.injured:before{content:"\f728"}i.icon.user.lock:before{content:"\f502"}i.icon.user.md:before{content:"\f0f0"}i.icon.user.minus:before{content:"\f503"}i.icon.user.ninja:before{content:"\f504"}i.icon.user.plus:before{content:"\f234"}i.icon.user.secret:before{content:"\f21b"}i.icon.user.shield:before{content:"\f505"}i.icon.user.slash:before{content:"\f506"}i.icon.user.tag:before{content:"\f507"}i.icon.user.tie:before{content:"\f508"}i.icon.user.times:before{content:"\f235"}i.icon.users:before{content:"\f0c0"}i.icon.users.cog:before{content:"\f509"}i.icon.utensil.spoon:before{content:"\f2e5"}i.icon.utensils:before{content:"\f2e7"}i.icon.vector.square:before{content:"\f5cb"}i.icon.venus:before{content:"\f221"}i.icon.venus.double:before{content:"\f226"}i.icon.venus.mars:before{content:"\f228"}i.icon.vial:before{content:"\f492"}i.icon.vials:before{content:"\f493"}i.icon.video:before{content:"\f03d"}i.icon.video.slash:before{content:"\f4e2"}i.icon.vihara:before{content:"\f6a7"}i.icon.volleyball.ball:before{content:"\f45f"}i.icon.volume.down:before{content:"\f027"}i.icon.volume.mute:before{content:"\f6a9"}i.icon.volume.off:before{content:"\f026"}i.icon.volume.up:before{content:"\f028"}i.icon.walking:before{content:"\f554"}i.icon.wallet:before{content:"\f555"}i.icon.warehouse:before{content:"\f494"}i.icon.weight:before{content:"\f496"}i.icon.weight.hanging:before{content:"\f5cd"}i.icon.wheelchair:before{content:"\f193"}i.icon.wifi:before{content:"\f1eb"}i.icon.wind:before{content:"\f72e"}i.icon.window.close:before{content:"\f410"}i.icon.window.maximize:before{content:"\f2d0"}i.icon.window.minimize:before{content:"\f2d1"}i.icon.window.restore:before{content:"\f2d2"}i.icon.wine.bottle:before{content:"\f72f"}i.icon.wine.glass:before{content:"\f4e3"}i.icon.wine.glass.alternate:before{content:"\f5ce"}i.icon.won.sign:before{content:"\f159"}i.icon.wrench:before{content:"\f0ad"}i.icon.x.ray:before{content:"\f497"}i.icon.yen.sign:before{content:"\f157"}i.icon.yin.yang:before{content:"\f6ad"}i.icon.chess.rock:before{content:"\f447"}i.icon.ordered.list:before{content:"\f0cb"}i.icon.unordered.list:before{content:"\f0ca"}i.icon.user.doctor:before{content:"\f0f0"}i.icon.shield:before{content:"\f3ed"}i.icon.puzzle:before{content:"\f12e"}i.icon.add.circle:before{content:"\f055"}i.icon.add.square:before{content:"\f0fe"}i.icon.add.to.calendar:before{content:"\f271"}i.icon.add.to.cart:before{content:"\f217"}i.icon.add.user:before{content:"\f234"}i.icon.add:before{content:"\f067"}i.icon.alarm.mute:before{content:"\f1f6"}i.icon.alarm:before{content:"\f0f3"}i.icon.ald:before{content:"\f2a2"}i.icon.als:before{content:"\f2a2"}i.icon.announcement:before{content:"\f0a1"}i.icon.area.chart:before{content:"\f1fe"}i.icon.area.graph:before{content:"\f1fe"}i.icon.arrow.down.cart:before{content:"\f218"}i.icon.asexual:before{content:"\f22d"}i.icon.asl.interpreting:before{content:"\f2a3"}i.icon.asl:before{content:"\f2a3"}i.icon.assistive.listening.devices:before{content:"\f2a2"}i.icon.attach:before{content:"\f0c6"}i.icon.attention:before{content:"\f06a"}i.icon.balance:before{content:"\f24e"}i.icon.bar:before{content:"\f0fc"}i.icon.bathtub:before{content:"\f2cd"}i.icon.battery.four:before{content:"\f240"}i.icon.battery.high:before{content:"\f241"}i.icon.battery.low:before{content:"\f243"}i.icon.battery.medium:before{content:"\f242"}i.icon.battery.one:before{content:"\f243"}i.icon.battery.three:before{content:"\f241"}i.icon.battery.two:before{content:"\f242"}i.icon.battery.zero:before{content:"\f244"}i.icon.birthday:before{content:"\f1fd"}i.icon.block.layout:before{content:"\f009"}i.icon.broken.chain:before{content:"\f127"}i.icon.browser:before{content:"\f022"}i.icon.call.square:before{content:"\f098"}i.icon.call:before{content:"\f095"}i.icon.cancel:before{content:"\f00d"}i.icon.cart:before{content:"\f07a"}i.icon.cc:before{content:"\f20a"}i.icon.chain:before{content:"\f0c1"}i.icon.chat:before{content:"\f075"}i.icon.checked.calendar:before{content:"\f274"}i.icon.checkmark:before{content:"\f00c"}i.icon.circle.notched:before{content:"\f1ce"}i.icon.close:before{content:"\f00d"}i.icon.cny:before{content:"\f157"}i.icon.cocktail:before{content:"\f000"}i.icon.commenting:before{content:"\f27a"}i.icon.computer:before{content:"\f108"}i.icon.configure:before{content:"\f0ad"}i.icon.content:before{content:"\f0c9"}i.icon.deafness:before{content:"\f2a4"}i.icon.delete.calendar:before{content:"\f273"}i.icon.delete:before{content:"\f00d"}i.icon.detective:before{content:"\f21b"}i.icon.discussions:before{content:"\f086"}i.icon.doctor:before{content:"\f0f0"}i.icon.dollar:before{content:"\f155"}i.icon.dont:before{content:"\f05e"}i.icon.drivers.license:before{content:"\f2c2"}i.icon.dropdown:before{content:"\f0d7"}i.icon.emergency:before{content:"\f0f9"}i.icon.erase:before{content:"\f12d"}i.icon.eur:before{content:"\f153"}i.icon.euro:before{content:"\f153"}i.icon.eyedropper:before{content:"\f1fb"}i.icon.factory:before{content:"\f275"}i.icon.favorite:before{content:"\f005"}i.icon.feed:before{content:"\f09e"}i.icon.female.homosexual:before{content:"\f226"}i.icon.file.text:before{content:"\f15c"}i.icon.find:before{content:"\f1e5"}i.icon.first.aid:before{content:"\f0fa"}i.icon.fork:before{content:"\f126"}i.icon.game:before{content:"\f11b"}i.icon.gay:before{content:"\f227"}i.icon.gbp:before{content:"\f154"}i.icon.grab:before{content:"\f255"}i.icon.graduation:before{content:"\f19d"}i.icon.grid.layout:before{content:"\f00a"}i.icon.group:before{content:"\f0c0"}i.icon.h:before{content:"\f0fd"}i.icon.hand.victory:before{content:"\f25b"}i.icon.handicap:before{content:"\f193"}i.icon.hard.of.hearing:before{content:"\f2a4"}i.icon.header:before{content:"\f1dc"}i.icon.help.circle:before{content:"\f059"}i.icon.help:before{content:"\f128"}i.icon.heterosexual:before{content:"\f228"}i.icon.hide:before{content:"\f070"}i.icon.hotel:before{content:"\f236"}i.icon.hourglass.four:before{content:"\f254"}i.icon.hourglass.full:before{content:"\f254"}i.icon.hourglass.one:before{content:"\f251"}i.icon.hourglass.three:before{content:"\f253"}i.icon.hourglass.two:before{content:"\f252"}i.icon.idea:before{content:"\f0eb"}i.icon.ils:before{content:"\f20b"}i.icon.in.cart:before{content:"\f218"}i.icon.inr:before{content:"\f156"}i.icon.intergender:before{content:"\f224"}i.icon.intersex:before{content:"\f224"}i.icon.jpy:before{content:"\f157"}i.icon.krw:before{content:"\f159"}i.icon.lab:before{content:"\f0c3"}i.icon.law:before{content:"\f24e"}i.icon.legal:before{content:"\f0e3"}i.icon.lesbian:before{content:"\f226"}i.icon.lightning:before{content:"\f0e7"}i.icon.like:before{content:"\f004"}i.icon.line.graph:before{content:"\f201"}i.icon.linkify:before{content:"\f0c1"}i.icon.lira:before{content:"\f195"}i.icon.list.layout:before{content:"\f00b"}i.icon.magnify:before{content:"\f00e"}i.icon.mail.forward:before{content:"\f064"}i.icon.mail.square:before{content:"\f199"}i.icon.mail:before{content:"\f0e0"}i.icon.male.homosexual:before{content:"\f227"}i.icon.man:before{content:"\f222"}i.icon.marker:before{content:"\f041"}i.icon.mars.alternate:before{content:"\f229"}i.icon.mars.horizontal:before{content:"\f22b"}i.icon.mars.vertical:before{content:"\f22a"}i.icon.military:before{content:"\f0fb"}i.icon.mute:before{content:"\f131"}i.icon.non.binary.transgender:before{content:"\f223"}i.icon.numbered.list:before{content:"\f0cb"}i.icon.options:before{content:"\f1de"}i.icon.other.gender.horizontal:before{content:"\f22b"}i.icon.other.gender.vertical:before{content:"\f22a"}i.icon.other.gender:before{content:"\f229"}i.icon.payment:before{content:"\f09d"}i.icon.pencil.square:before{content:"\f14b"}i.icon.photo:before{content:"\f030"}i.icon.picture:before{content:"\f03e"}i.icon.pie.chart:before{content:"\f200"}i.icon.pie.graph:before{content:"\f200"}i.icon.pin:before{content:"\f08d"}i.icon.plus.cart:before{content:"\f217"}i.icon.point:before{content:"\f041"}i.icon.pointing.down:before{content:"\f0a7"}i.icon.pointing.left:before{content:"\f0a5"}i.icon.pointing.right:before{content:"\f0a4"}i.icon.pointing.up:before{content:"\f0a6"}i.icon.pound:before{content:"\f154"}i.icon.power.cord:before{content:"\f1e6"}i.icon.power:before{content:"\f011"}i.icon.privacy:before{content:"\f084"}i.icon.r.circle:before{content:"\f25d"}i.icon.rain:before{content:"\f0e9"}i.icon.record:before{content:"\f03d"}i.icon.refresh:before{content:"\f021"}i.icon.remove.circle:before{content:"\f057"}i.icon.remove.from.calendar:before{content:"\f272"}i.icon.remove.user:before{content:"\f235"}i.icon.remove:before{content:"\f00d"}i.icon.repeat:before{content:"\f01e"}i.icon.rmb:before{content:"\f157"}i.icon.rouble:before{content:"\f158"}i.icon.rub:before{content:"\f158"}i.icon.ruble:before{content:"\f158"}i.icon.rupee:before{content:"\f156"}i.icon.s15:before{content:"\f2cd"}i.icon.selected.radio:before{content:"\f192"}i.icon.send:before{content:"\f1d8"}i.icon.setting:before{content:"\f013"}i.icon.settings:before{content:"\f085"}i.icon.shekel:before{content:"\f20b"}i.icon.sheqel:before{content:"\f20b"}i.icon.shipping:before{content:"\f0d1"}i.icon.shop:before{content:"\f07a"}i.icon.shuffle:before{content:"\f074"}i.icon.shutdown:before{content:"\f011"}i.icon.sidebar:before{content:"\f0c9"}i.icon.signing:before{content:"\f2a7"}i.icon.signup:before{content:"\f044"}i.icon.sliders:before{content:"\f1de"}i.icon.soccer:before{content:"\f1e3"}i.icon.sort.alphabet.ascending:before{content:"\f15d"}i.icon.sort.alphabet.descending:before{content:"\f15e"}i.icon.sort.ascending:before{content:"\f0de"}i.icon.sort.content.ascending:before{content:"\f160"}i.icon.sort.content.descending:before{content:"\f161"}i.icon.sort.descending:before{content:"\f0dd"}i.icon.sort.numeric.ascending:before{content:"\f162"}i.icon.sort.numeric.descending:before{content:"\f163"}i.icon.sound:before{content:"\f025"}i.icon.spy:before{content:"\f21b"}i.icon.student:before{content:"\f19d"}i.icon.talk:before{content:"\f27a"}i.icon.target:before{content:"\f140"}i.icon.teletype:before{content:"\f1e4"}i.icon.television:before{content:"\f26c"}i.icon.text.cursor:before{content:"\f246"}i.icon.text.telephone:before{content:"\f1e4"}i.icon.theme:before{content:"\f043"}i.icon.thermometer:before{content:"\f2c7"}i.icon.thumb.tack:before{content:"\f08d"}i.icon.time:before{content:"\f017"}i.icon.tm:before{content:"\f25c"}i.icon.toggle.down:before{content:"\f150"}i.icon.toggle.left:before{content:"\f191"}i.icon.toggle.right:before{content:"\f152"}i.icon.toggle.up:before{content:"\f151"}i.icon.translate:before{content:"\f1ab"}i.icon.travel:before{content:"\f0b1"}i.icon.treatment:before{content:"\f0f1"}i.icon.triangle.down:before{content:"\f0d7"}i.icon.triangle.left:before{content:"\f0d9"}i.icon.triangle.right:before{content:"\f0da"}i.icon.triangle.up:before{content:"\f0d8"}i.icon.try:before{content:"\f195"}i.icon.unhide:before{content:"\f06e"}i.icon.unlinkify:before{content:"\f127"}i.icon.unmute:before{content:"\f130"}i.icon.usd:before{content:"\f155"}i.icon.user.cancel:before{content:"\f235"}i.icon.user.close:before{content:"\f235"}i.icon.user.delete:before{content:"\f235"}i.icon.user.x:before{content:"\f235"}i.icon.vcard:before{content:"\f2bb"}i.icon.video.camera:before{content:"\f03d"}i.icon.video.play:before{content:"\f144"}i.icon.volume.control.phone:before{content:"\f2a0"}i.icon.wait:before{content:"\f017"}i.icon.warning.circle:before{content:"\f06a"}i.icon.warning.sign:before{content:"\f071"}i.icon.warning:before{content:"\f12a"}i.icon.wi.fi:before{content:"\f1eb"}i.icon.winner:before{content:"\f091"}i.icon.wizard:before{content:"\f0d0"}i.icon.woman:before{content:"\f221"}i.icon.won:before{content:"\f159"}i.icon.world:before{content:"\f0ac"}i.icon.write.square:before{content:"\f14b"}i.icon.x:before{content:"\f00d"}i.icon.yen:before{content:"\f157"}i.icon.zip:before{content:"\f187"}i.icon.zoom.in:before{content:"\f00e"}i.icon.zoom.out:before{content:"\f010"}i.icon.zoom:before{content:"\f00e"}i.icon.checkmark.box:before{content:"\f14a"}i.icon.circle.thin:before{content:"\f111"}i.icon.cloud.download:before{content:"\f381"}i.icon.cloud.upload:before{content:"\f382"}i.icon.compose:before{content:"\f303"}i.icon.conversation:before{content:"\f086"}i.icon.credit.card.alternative:before{content:"\f09d"}i.icon.currency:before{content:"\f3d1"}i.icon.dashboard:before{content:"\f3fd"}i.icon.diamond:before{content:"\f3a5"}i.icon.disk:before{content:"\f0a0"}i.icon.exchange:before{content:"\f362"}i.icon.external.share:before{content:"\f14d"}i.icon.external.square:before{content:"\f360"}i.icon.external:before{content:"\f35d"}i.icon.food:before{content:"\f2e7"}i.icon.heart.empty:before{content:"\f004"}i.icon.hourglass.zero:before{content:"\f253"}i.icon.level.down:before{content:"\f3be"}i.icon.level.up:before{content:"\f3bf"}i.icon.log.out:before{content:"\f2f5"}i.icon.meanpath:before{content:"\f0c8"}i.icon.money:before{content:"\f3d1"}i.icon.move:before{content:"\f0b2"}i.icon.pencil:before{content:"\f303"}i.icon.protect:before{content:"\f023"}i.icon.radio:before{content:"\f192"}i.icon.remove.bookmark:before{content:"\f02e"}i.icon.resize.horizontal:before{content:"\f337"}i.icon.resize.vertical:before{content:"\f338"}i.icon.sign.in:before{content:"\f2f6"}i.icon.sign.out:before{content:"\f2f5"}i.icon.spoon:before{content:"\f2e5"}i.icon.star.empty:before{content:"\f089"}i.icon.star.half.empty:before{content:"\f089"}i.icon.star.half.full:before{content:"\f089"}i.icon.ticket:before{content:"\f3ff"}i.icon.times.rectangle:before{content:"\f410"}i.icon.write:before{content:"\f303"}@font-face{font-family:outline-icons;src:url(../themes/default/assets/fonts/outline-icons.eot);src:url(../themes/default/assets/fonts/outline-icons.eot?#iefix) format('embedded-opentype'),url(../themes/default/assets/fonts/outline-icons.woff2) format('woff2'),url(../themes/default/assets/fonts/outline-icons.woff) format('woff'),url(../themes/default/assets/fonts/outline-icons.ttf) format('truetype'),url(../themes/default/assets/fonts/outline-icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon.outline{font-family:outline-icons}i.icon.address.book.outline:before{content:"\f2b9"}i.icon.address.card.outline:before{content:"\f2bb"}i.icon.angry.outline:before{content:"\f556"}i.icon.arrow.alternate.circle.down.outline:before{content:"\f358"}i.icon.arrow.alternate.circle.left.outline:before{content:"\f359"}i.icon.arrow.alternate.circle.right.outline:before{content:"\f35a"}i.icon.arrow.alternate.circle.up.outline:before{content:"\f35b"}i.icon.bell.outline:before{content:"\f0f3"}i.icon.bell.slash.outline:before{content:"\f1f6"}i.icon.bookmark.outline:before{content:"\f02e"}i.icon.building.outline:before{content:"\f1ad"}i.icon.calendar.alternate.outline:before{content:"\f073"}i.icon.calendar.check.outline:before{content:"\f274"}i.icon.calendar.minus.outline:before{content:"\f272"}i.icon.calendar.outline:before{content:"\f133"}i.icon.calendar.plus.outline:before{content:"\f271"}i.icon.calendar.times.outline:before{content:"\f273"}i.icon.caret.square.down.outline:before{content:"\f150"}i.icon.caret.square.left.outline:before{content:"\f191"}i.icon.caret.square.right.outline:before{content:"\f152"}i.icon.caret.square.up.outline:before{content:"\f151"}i.icon.chart.bar.outline:before{content:"\f080"}i.icon.check.circle.outline:before{content:"\f058"}i.icon.check.square.outline:before{content:"\f14a"}i.icon.circle.outline:before{content:"\f111"}i.icon.clipboard.outline:before{content:"\f328"}i.icon.clock.outline:before{content:"\f017"}i.icon.clone.outline:before{content:"\f24d"}i.icon.closed.captioning.outline:before{content:"\f20a"}i.icon.comment.alternate.outline:before{content:"\f27a"}i.icon.comment.dots.outline:before{content:"\f4ad"}i.icon.comment.outline:before{content:"\f075"}i.icon.comments.outline:before{content:"\f086"}i.icon.compass.outline:before{content:"\f14e"}i.icon.copy.outline:before{content:"\f0c5"}i.icon.copyright.outline:before{content:"\f1f9"}i.icon.credit.card.outline:before{content:"\f09d"}i.icon.dizzy.outline:before{content:"\f567"}i.icon.dot.circle.outline:before{content:"\f192"}i.icon.edit.outline:before{content:"\f044"}i.icon.envelope.open.outline:before{content:"\f2b6"}i.icon.envelope.outline:before{content:"\f0e0"}i.icon.eye.outline:before{content:"\f06e"}i.icon.eye.slash.outline:before{content:"\f070"}i.icon.file.alternate.outline:before{content:"\f15c"}i.icon.file.archive.outline:before{content:"\f1c6"}i.icon.file.audio.outline:before{content:"\f1c7"}i.icon.file.code.outline:before{content:"\f1c9"}i.icon.file.excel.outline:before{content:"\f1c3"}i.icon.file.image.outline:before{content:"\f1c5"}i.icon.file.outline:before{content:"\f15b"}i.icon.file.pdf.outline:before{content:"\f1c1"}i.icon.file.powerpoint.outline:before{content:"\f1c4"}i.icon.file.video.outline:before{content:"\f1c8"}i.icon.file.word.outline:before{content:"\f1c2"}i.icon.flag.outline:before{content:"\f024"}i.icon.flushed.outline:before{content:"\f579"}i.icon.folder.open.outline:before{content:"\f07c"}i.icon.folder.outline:before{content:"\f07b"}i.icon.frown.open.outline:before{content:"\f57a"}i.icon.frown.outline:before{content:"\f119"}i.icon.futbol.outline:before{content:"\f1e3"}i.icon.gem.outline:before{content:"\f3a5"}i.icon.grimace.outline:before{content:"\f57f"}i.icon.grin.alternate.outline:before{content:"\f581"}i.icon.grin.beam.outline:before{content:"\f582"}i.icon.grin.beam.sweat.outline:before{content:"\f583"}i.icon.grin.hearts.outline:before{content:"\f584"}i.icon.grin.outline:before{content:"\f580"}i.icon.grin.squint.outline:before{content:"\f585"}i.icon.grin.squint.tears.outline:before{content:"\f586"}i.icon.grin.stars.outline:before{content:"\f587"}i.icon.grin.tears.outline:before{content:"\f588"}i.icon.grin.tongue.outline:before{content:"\f589"}i.icon.grin.tongue.squint.outline:before{content:"\f58a"}i.icon.grin.tongue.wink.outline:before{content:"\f58b"}i.icon.grin.wink.outline:before{content:"\f58c"}i.icon.hand.lizard.outline:before{content:"\f258"}i.icon.hand.paper.outline:before{content:"\f256"}i.icon.hand.peace.outline:before{content:"\f25b"}i.icon.hand.point.down.outline:before{content:"\f0a7"}i.icon.hand.point.left.outline:before{content:"\f0a5"}i.icon.hand.point.right.outline:before{content:"\f0a4"}i.icon.hand.point.up.outline:before{content:"\f0a6"}i.icon.hand.pointer.outline:before{content:"\f25a"}i.icon.hand.rock.outline:before{content:"\f255"}i.icon.hand.scissors.outline:before{content:"\f257"}i.icon.hand.spock.outline:before{content:"\f259"}i.icon.handshake.outline:before{content:"\f2b5"}i.icon.hdd.outline:before{content:"\f0a0"}i.icon.heart.outline:before{content:"\f004"}i.icon.hospital.outline:before{content:"\f0f8"}i.icon.hourglass.outline:before{content:"\f254"}i.icon.id.badge.outline:before{content:"\f2c1"}i.icon.id.card.outline:before{content:"\f2c2"}i.icon.image.outline:before{content:"\f03e"}i.icon.images.outline:before{content:"\f302"}i.icon.keyboard.outline:before{content:"\f11c"}i.icon.kiss.beam.outline:before{content:"\f597"}i.icon.kiss.outline:before{content:"\f596"}i.icon.kiss.wink.heart.outline:before{content:"\f598"}i.icon.laugh.beam.outline:before{content:"\f59a"}i.icon.laugh.outline:before{content:"\f599"}i.icon.laugh.squint.outline:before{content:"\f59b"}i.icon.laugh.wink.outline:before{content:"\f59c"}i.icon.lemon.outline:before{content:"\f094"}i.icon.life.ring.outline:before{content:"\f1cd"}i.icon.lightbulb.outline:before{content:"\f0eb"}i.icon.list.alternate.outline:before{content:"\f022"}i.icon.map.outline:before{content:"\f279"}i.icon.meh.blank.outline:before{content:"\f5a4"}i.icon.meh.outline:before{content:"\f11a"}i.icon.meh.rolling.eyes.outline:before{content:"\f5a5"}i.icon.minus.square.outline:before{content:"\f146"}i.icon.money.bill.alternate.outline:before{content:"\f3d1"}i.icon.moon.outline:before{content:"\f186"}i.icon.newspaper.outline:before{content:"\f1ea"}i.icon.object.group.outline:before{content:"\f247"}i.icon.object.ungroup.outline:before{content:"\f248"}i.icon.paper.plane.outline:before{content:"\f1d8"}i.icon.pause.circle.outline:before{content:"\f28b"}i.icon.play.circle.outline:before{content:"\f144"}i.icon.plus.square.outline:before{content:"\f0fe"}i.icon.question.circle.outline:before{content:"\f059"}i.icon.registered.outline:before{content:"\f25d"}i.icon.sad.cry.outline:before{content:"\f5b3"}i.icon.sad.tear.outline:before{content:"\f5b4"}i.icon.save.outline:before{content:"\f0c7"}i.icon.share.square.outline:before{content:"\f14d"}i.icon.smile.beam.outline:before{content:"\f5b8"}i.icon.smile.outline:before{content:"\f118"}i.icon.smile.wink.outline:before{content:"\f4da"}i.icon.snowflake.outline:before{content:"\f2dc"}i.icon.square.outline:before{content:"\f0c8"}i.icon.star.half.outline:before{content:"\f089"}i.icon.star.outline:before{content:"\f005"}i.icon.sticky.note.outline:before{content:"\f249"}i.icon.stop.circle.outline:before{content:"\f28d"}i.icon.sun.outline:before{content:"\f185"}i.icon.surprise.outline:before{content:"\f5c2"}i.icon.thumbs.down.outline:before{content:"\f165"}i.icon.thumbs.up.outline:before{content:"\f164"}i.icon.times.circle.outline:before{content:"\f057"}i.icon.tired.outline:before{content:"\f5c8"}i.icon.trash.alternate.outline:before{content:"\f2ed"}i.icon.user.circle.outline:before{content:"\f2bd"}i.icon.user.outline:before{content:"\f007"}i.icon.window.close.outline:before{content:"\f410"}i.icon.window.maximize.outline:before{content:"\f2d0"}i.icon.window.minimize.outline:before{content:"\f2d1"}i.icon.window.restore.outline:before{content:"\f2d2"}i.icon.disk.outline:before{content:"\f0a0"}i.icon.heart.empty,i.icon.star.empty{font-family:outline-icons}i.icon.heart.empty:before{content:"\f004"}i.icon.star.empty:before{content:"\f089"}@font-face{font-family:brand-icons;src:url(../themes/default/assets/fonts/brand-icons.eot);src:url(../themes/default/assets/fonts/brand-icons.eot?#iefix) format('embedded-opentype'),url(../themes/default/assets/fonts/brand-icons.woff2) format('woff2'),url(../themes/default/assets/fonts/brand-icons.woff) format('woff'),url(../themes/default/assets/fonts/brand-icons.ttf) format('truetype'),url(../themes/default/assets/fonts/brand-icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon.\35 00px,i.icon.accessible,i.icon.accusoft,i.icon.acquisitions.incorporated,i.icon.adn,i.icon.adversal,i.icon.affiliatetheme,i.icon.algolia,i.icon.alipay,i.icon.amazon,i.icon.amazon.pay,i.icon.amilia,i.icon.android,i.icon.angellist,i.icon.angrycreative,i.icon.angular,i.icon.app.store,i.icon.app.store.ios,i.icon.apper,i.icon.apple,i.icon.apple.pay,i.icon.asymmetrik,i.icon.audible,i.icon.autoprefixer,i.icon.avianex,i.icon.aviato,i.icon.aws,i.icon.bandcamp,i.icon.behance,i.icon.behance.square,i.icon.bimobject,i.icon.bitbucket,i.icon.bitcoin,i.icon.bity,i.icon.black.tie,i.icon.blackberry,i.icon.blogger,i.icon.blogger.b,i.icon.bluetooth,i.icon.bluetooth.b,i.icon.btc,i.icon.buromobelexperte,i.icon.buysellads,i.icon.cc.amazon.pay,i.icon.cc.amex,i.icon.cc.apple.pay,i.icon.cc.diners.club,i.icon.cc.discover,i.icon.cc.jcb,i.icon.cc.mastercard,i.icon.cc.paypal,i.icon.cc.stripe,i.icon.cc.visa,i.icon.centercode,i.icon.chrome,i.icon.cloudscale,i.icon.cloudsmith,i.icon.cloudversify,i.icon.codepen,i.icon.codiepie,i.icon.connectdevelop,i.icon.contao,i.icon.cpanel,i.icon.creative.commons,i.icon.creative.commons.by,i.icon.creative.commons.nc,i.icon.creative.commons.nc.eu,i.icon.creative.commons.nc.jp,i.icon.creative.commons.nd,i.icon.creative.commons.pd,i.icon.creative.commons.pd.alternate,i.icon.creative.commons.remix,i.icon.creative.commons.sa,i.icon.creative.commons.sampling,i.icon.creative.commons.sampling.plus,i.icon.creative.commons.share,i.icon.creative.commons.zero,i.icon.critical.role,i.icon.css3,i.icon.css3.alternate,i.icon.cuttlefish,i.icon.d.and.d,i.icon.dashcube,i.icon.delicious,i.icon.deploydog,i.icon.deskpro,i.icon.dev,i.icon.deviantart,i.icon.digg,i.icon.digital.ocean,i.icon.discord,i.icon.discourse,i.icon.dochub,i.icon.docker,i.icon.draft2digital,i.icon.dribbble,i.icon.dribbble.square,i.icon.dropbox,i.icon.drupal,i.icon.dyalog,i.icon.earlybirds,i.icon.ebay,i.icon.edge,i.icon.elementor,i.icon.ello,i.icon.ember,i.icon.empire,i.icon.envira,i.icon.erlang,i.icon.ethereum,i.icon.etsy,i.icon.expeditedssl,i.icon.facebook,i.icon.facebook.f,i.icon.facebook.messenger,i.icon.facebook.square,i.icon.fantasy.flight.games,i.icon.firefox,i.icon.first.order,i.icon.first.order.alternate,i.icon.firstdraft,i.icon.flickr,i.icon.flipboard,i.icon.fly,i.icon.font.awesome,i.icon.font.awesome.alternate,i.icon.font.awesome.flag,i.icon.fonticons,i.icon.fonticons.fi,i.icon.fort.awesome,i.icon.fort.awesome.alternate,i.icon.forumbee,i.icon.foursquare,i.icon.free.code.camp,i.icon.freebsd,i.icon.fulcrum,i.icon.galactic.republic,i.icon.galactic.senate,i.icon.get.pocket,i.icon.gg,i.icon.gg.circle,i.icon.git,i.icon.git.square,i.icon.github,i.icon.github.alternate,i.icon.github.square,i.icon.gitkraken,i.icon.gitlab,i.icon.gitter,i.icon.glide,i.icon.glide.g,i.icon.gofore,i.icon.goodreads,i.icon.goodreads.g,i.icon.google,i.icon.google.drive,i.icon.google.play,i.icon.google.plus,i.icon.google.plus.g,i.icon.google.plus.square,i.icon.google.wallet,i.icon.gratipay,i.icon.grav,i.icon.gripfire,i.icon.grunt,i.icon.gulp,i.icon.hacker.news,i.icon.hacker.news.square,i.icon.hackerrank,i.icon.hips,i.icon.hire.a.helper,i.icon.hooli,i.icon.hornbill,i.icon.hotjar,i.icon.houzz,i.icon.html5,i.icon.hubspot,i.icon.imdb,i.icon.instagram,i.icon.internet.explorer,i.icon.ioxhost,i.icon.itunes,i.icon.itunes.note,i.icon.java,i.icon.jedi.order,i.icon.jenkins,i.icon.joget,i.icon.joomla,i.icon.js,i.icon.js.square,i.icon.jsfiddle,i.icon.kaggle,i.icon.keybase,i.icon.keycdn,i.icon.kickstarter,i.icon.kickstarter.k,i.icon.korvue,i.icon.laravel,i.icon.lastfm,i.icon.lastfm.square,i.icon.leanpub,i.icon.lesscss,i.icon.linechat,i.icon.linkedin,i.icon.linkedin.in,i.icon.linode,i.icon.linux,i.icon.lyft,i.icon.magento,i.icon.mailchimp,i.icon.mandalorian,i.icon.markdown,i.icon.mastodon,i.icon.maxcdn,i.icon.medapps,i.icon.medium,i.icon.medium.m,i.icon.medrt,i.icon.meetup,i.icon.megaport,i.icon.microsoft,i.icon.mix,i.icon.mixcloud,i.icon.mizuni,i.icon.modx,i.icon.monero,i.icon.napster,i.icon.neos,i.icon.nimblr,i.icon.nintendo.switch,i.icon.node,i.icon.node.js,i.icon.npm,i.icon.ns8,i.icon.nutritionix,i.icon.odnoklassniki,i.icon.odnoklassniki.square,i.icon.old.republic,i.icon.opencart,i.icon.openid,i.icon.opera,i.icon.optin.monster,i.icon.osi,i.icon.page4,i.icon.pagelines,i.icon.palfed,i.icon.patreon,i.icon.paypal,i.icon.penny.arcade,i.icon.periscope,i.icon.phabricator,i.icon.phoenix.framework,i.icon.phoenix.squadron,i.icon.php,i.icon.pied.piper,i.icon.pied.piper.alternate,i.icon.pied.piper.hat,i.icon.pied.piper.pp,i.icon.pinterest,i.icon.pinterest.p,i.icon.pinterest.square,i.icon.playstation,i.icon.product.hunt,i.icon.pushed,i.icon.python,i.icon.qq,i.icon.quinscape,i.icon.quora,i.icon.r.project,i.icon.ravelry,i.icon.react,i.icon.readme,i.icon.rebel,i.icon.reddit,i.icon.reddit.alien,i.icon.reddit.square,i.icon.redriver,i.icon.redyeti,i.icon.rendact,i.icon.renren,i.icon.replyd,i.icon.researchgate,i.icon.resolving,i.icon.rev,i.icon.rocketchat,i.icon.rockrms,i.icon.safari,i.icon.sass,i.icon.schlix,i.icon.scribd,i.icon.searchengin,i.icon.sellcast,i.icon.sellsy,i.icon.servicestack,i.icon.shirtsinbulk,i.icon.shopware,i.icon.simplybuilt,i.icon.sistrix,i.icon.sith,i.icon.skyatlas,i.icon.skype,i.icon.slack,i.icon.slack.hash,i.icon.slideshare,i.icon.snapchat,i.icon.snapchat.ghost,i.icon.snapchat.square,i.icon.soundcloud,i.icon.speakap,i.icon.spotify,i.icon.squarespace,i.icon.stack.exchange,i.icon.stack.overflow,i.icon.staylinked,i.icon.steam,i.icon.steam.square,i.icon.steam.symbol,i.icon.sticker.mule,i.icon.strava,i.icon.stripe,i.icon.stripe.s,i.icon.studiovinari,i.icon.stumbleupon,i.icon.stumbleupon.circle,i.icon.superpowers,i.icon.supple,i.icon.teamspeak,i.icon.telegram,i.icon.telegram.plane,i.icon.tencent.weibo,i.icon.themeco,i.icon.themeisle,i.icon.trade.federation,i.icon.trello,i.icon.tripadvisor,i.icon.tumblr,i.icon.tumblr.square,i.icon.twitch,i.icon.twitter,i.icon.twitter.square,i.icon.typo3,i.icon.uber,i.icon.uikit,i.icon.uniregistry,i.icon.untappd,i.icon.usb,i.icon.ussunnah,i.icon.vaadin,i.icon.viacoin,i.icon.viadeo,i.icon.viadeo.square,i.icon.viber,i.icon.vimeo,i.icon.vimeo.square,i.icon.vimeo.v,i.icon.vine,i.icon.vk,i.icon.vnv,i.icon.vuejs,i.icon.weebly,i.icon.weibo,i.icon.weixin,i.icon.whatsapp,i.icon.whatsapp.square,i.icon.whmcs,i.icon.wikipedia.w,i.icon.windows,i.icon.wix,i.icon.wizards.of.the.coast,i.icon.wolf.pack.battalion,i.icon.wordpress,i.icon.wordpress.simple,i.icon.wpbeginner,i.icon.wpexplorer,i.icon.wpforms,i.icon.xbox,i.icon.xing,i.icon.xing.square,i.icon.y.combinator,i.icon.yahoo,i.icon.yandex,i.icon.yandex.international,i.icon.yelp,i.icon.yoast,i.icon.youtube,i.icon.youtube.square,i.icon.zhihu{font-family:brand-icons}i.icon.\35 00px:before{content:"\f26e"}i.icon.accessible:before{content:"\f368"}i.icon.accusoft:before{content:"\f369"}i.icon.acquisitions.incorporated:before{content:"\f6af"}i.icon.adn:before{content:"\f170"}i.icon.adversal:before{content:"\f36a"}i.icon.affiliatetheme:before{content:"\f36b"}i.icon.algolia:before{content:"\f36c"}i.icon.alipay:before{content:"\f642"}i.icon.amazon:before{content:"\f270"}i.icon.amazon.pay:before{content:"\f42c"}i.icon.amilia:before{content:"\f36d"}i.icon.android:before{content:"\f17b"}i.icon.angellist:before{content:"\f209"}i.icon.angrycreative:before{content:"\f36e"}i.icon.angular:before{content:"\f420"}i.icon.app.store:before{content:"\f36f"}i.icon.app.store.ios:before{content:"\f370"}i.icon.apper:before{content:"\f371"}i.icon.apple:before{content:"\f179"}i.icon.apple.pay:before{content:"\f415"}i.icon.asymmetrik:before{content:"\f372"}i.icon.audible:before{content:"\f373"}i.icon.autoprefixer:before{content:"\f41c"}i.icon.avianex:before{content:"\f374"}i.icon.aviato:before{content:"\f421"}i.icon.aws:before{content:"\f375"}i.icon.bandcamp:before{content:"\f2d5"}i.icon.behance:before{content:"\f1b4"}i.icon.behance.square:before{content:"\f1b5"}i.icon.bimobject:before{content:"\f378"}i.icon.bitbucket:before{content:"\f171"}i.icon.bitcoin:before{content:"\f379"}i.icon.bity:before{content:"\f37a"}i.icon.black.tie:before{content:"\f27e"}i.icon.blackberry:before{content:"\f37b"}i.icon.blogger:before{content:"\f37c"}i.icon.blogger.b:before{content:"\f37d"}i.icon.bluetooth:before{content:"\f293"}i.icon.bluetooth.b:before{content:"\f294"}i.icon.btc:before{content:"\f15a"}i.icon.buromobelexperte:before{content:"\f37f"}i.icon.buysellads:before{content:"\f20d"}i.icon.cc.amazon.pay:before{content:"\f42d"}i.icon.cc.amex:before{content:"\f1f3"}i.icon.cc.apple.pay:before{content:"\f416"}i.icon.cc.diners.club:before{content:"\f24c"}i.icon.cc.discover:before{content:"\f1f2"}i.icon.cc.jcb:before{content:"\f24b"}i.icon.cc.mastercard:before{content:"\f1f1"}i.icon.cc.paypal:before{content:"\f1f4"}i.icon.cc.stripe:before{content:"\f1f5"}i.icon.cc.visa:before{content:"\f1f0"}i.icon.centercode:before{content:"\f380"}i.icon.chrome:before{content:"\f268"}i.icon.cloudscale:before{content:"\f383"}i.icon.cloudsmith:before{content:"\f384"}i.icon.cloudversify:before{content:"\f385"}i.icon.codepen:before{content:"\f1cb"}i.icon.codiepie:before{content:"\f284"}i.icon.connectdevelop:before{content:"\f20e"}i.icon.contao:before{content:"\f26d"}i.icon.cpanel:before{content:"\f388"}i.icon.creative.commons:before{content:"\f25e"}i.icon.creative.commons.by:before{content:"\f4e7"}i.icon.creative.commons.nc:before{content:"\f4e8"}i.icon.creative.commons.nc.eu:before{content:"\f4e9"}i.icon.creative.commons.nc.jp:before{content:"\f4ea"}i.icon.creative.commons.nd:before{content:"\f4eb"}i.icon.creative.commons.pd:before{content:"\f4ec"}i.icon.creative.commons.pd.alternate:before{content:"\f4ed"}i.icon.creative.commons.remix:before{content:"\f4ee"}i.icon.creative.commons.sa:before{content:"\f4ef"}i.icon.creative.commons.sampling:before{content:"\f4f0"}i.icon.creative.commons.sampling.plus:before{content:"\f4f1"}i.icon.creative.commons.share:before{content:"\f4f2"}i.icon.creative.commons.zero:before{content:"\f4f3"}i.icon.critical.role:before{content:"\f6c9"}i.icon.css3:before{content:"\f13c"}i.icon.css3.alternate:before{content:"\f38b"}i.icon.cuttlefish:before{content:"\f38c"}i.icon.d.and.d:before{content:"\f38d"}i.icon.dashcube:before{content:"\f210"}i.icon.delicious:before{content:"\f1a5"}i.icon.deploydog:before{content:"\f38e"}i.icon.deskpro:before{content:"\f38f"}i.icon.dev:before{content:"\f6cc"}i.icon.deviantart:before{content:"\f1bd"}i.icon.digg:before{content:"\f1a6"}i.icon.digital.ocean:before{content:"\f391"}i.icon.discord:before{content:"\f392"}i.icon.discourse:before{content:"\f393"}i.icon.dochub:before{content:"\f394"}i.icon.docker:before{content:"\f395"}i.icon.draft2digital:before{content:"\f396"}i.icon.dribbble:before{content:"\f17d"}i.icon.dribbble.square:before{content:"\f397"}i.icon.dropbox:before{content:"\f16b"}i.icon.drupal:before{content:"\f1a9"}i.icon.dyalog:before{content:"\f399"}i.icon.earlybirds:before{content:"\f39a"}i.icon.ebay:before{content:"\f4f4"}i.icon.edge:before{content:"\f282"}i.icon.elementor:before{content:"\f430"}i.icon.ello:before{content:"\f5f1"}i.icon.ember:before{content:"\f423"}i.icon.empire:before{content:"\f1d1"}i.icon.envira:before{content:"\f299"}i.icon.erlang:before{content:"\f39d"}i.icon.ethereum:before{content:"\f42e"}i.icon.etsy:before{content:"\f2d7"}i.icon.expeditedssl:before{content:"\f23e"}i.icon.facebook:before{content:"\f09a"}i.icon.facebook.f:before{content:"\f39e"}i.icon.facebook.messenger:before{content:"\f39f"}i.icon.facebook.square:before{content:"\f082"}i.icon.fantasy.flight.games:before{content:"\f6dc"}i.icon.firefox:before{content:"\f269"}i.icon.first.order:before{content:"\f2b0"}i.icon.first.order.alternate:before{content:"\f50a"}i.icon.firstdraft:before{content:"\f3a1"}i.icon.flickr:before{content:"\f16e"}i.icon.flipboard:before{content:"\f44d"}i.icon.fly:before{content:"\f417"}i.icon.font.awesome:before{content:"\f2b4"}i.icon.font.awesome.alternate:before{content:"\f35c"}i.icon.font.awesome.flag:before{content:"\f425"}i.icon.fonticons:before{content:"\f280"}i.icon.fonticons.fi:before{content:"\f3a2"}i.icon.fort.awesome:before{content:"\f286"}i.icon.fort.awesome.alternate:before{content:"\f3a3"}i.icon.forumbee:before{content:"\f211"}i.icon.foursquare:before{content:"\f180"}i.icon.free.code.camp:before{content:"\f2c5"}i.icon.freebsd:before{content:"\f3a4"}i.icon.fulcrum:before{content:"\f50b"}i.icon.galactic.republic:before{content:"\f50c"}i.icon.galactic.senate:before{content:"\f50d"}i.icon.get.pocket:before{content:"\f265"}i.icon.gg:before{content:"\f260"}i.icon.gg.circle:before{content:"\f261"}i.icon.git:before{content:"\f1d3"}i.icon.git.square:before{content:"\f1d2"}i.icon.github:before{content:"\f09b"}i.icon.github.alternate:before{content:"\f113"}i.icon.github.square:before{content:"\f092"}i.icon.gitkraken:before{content:"\f3a6"}i.icon.gitlab:before{content:"\f296"}i.icon.gitter:before{content:"\f426"}i.icon.glide:before{content:"\f2a5"}i.icon.glide.g:before{content:"\f2a6"}i.icon.gofore:before{content:"\f3a7"}i.icon.goodreads:before{content:"\f3a8"}i.icon.goodreads.g:before{content:"\f3a9"}i.icon.google:before{content:"\f1a0"}i.icon.google.drive:before{content:"\f3aa"}i.icon.google.play:before{content:"\f3ab"}i.icon.google.plus:before{content:"\f2b3"}i.icon.google.plus.g:before{content:"\f0d5"}i.icon.google.plus.square:before{content:"\f0d4"}i.icon.google.wallet:before{content:"\f1ee"}i.icon.gratipay:before{content:"\f184"}i.icon.grav:before{content:"\f2d6"}i.icon.gripfire:before{content:"\f3ac"}i.icon.grunt:before{content:"\f3ad"}i.icon.gulp:before{content:"\f3ae"}i.icon.hacker.news:before{content:"\f1d4"}i.icon.hacker.news.square:before{content:"\f3af"}i.icon.hackerrank:before{content:"\f5f7"}i.icon.hips:before{content:"\f452"}i.icon.hire.a.helper:before{content:"\f3b0"}i.icon.hooli:before{content:"\f427"}i.icon.hornbill:before{content:"\f592"}i.icon.hotjar:before{content:"\f3b1"}i.icon.houzz:before{content:"\f27c"}i.icon.html5:before{content:"\f13b"}i.icon.hubspot:before{content:"\f3b2"}i.icon.imdb:before{content:"\f2d8"}i.icon.instagram:before{content:"\f16d"}i.icon.internet.explorer:before{content:"\f26b"}i.icon.ioxhost:before{content:"\f208"}i.icon.itunes:before{content:"\f3b4"}i.icon.itunes.note:before{content:"\f3b5"}i.icon.java:before{content:"\f4e4"}i.icon.jedi.order:before{content:"\f50e"}i.icon.jenkins:before{content:"\f3b6"}i.icon.joget:before{content:"\f3b7"}i.icon.joomla:before{content:"\f1aa"}i.icon.js:before{content:"\f3b8"}i.icon.js.square:before{content:"\f3b9"}i.icon.jsfiddle:before{content:"\f1cc"}i.icon.kaggle:before{content:"\f5fa"}i.icon.keybase:before{content:"\f4f5"}i.icon.keycdn:before{content:"\f3ba"}i.icon.kickstarter:before{content:"\f3bb"}i.icon.kickstarter.k:before{content:"\f3bc"}i.icon.korvue:before{content:"\f42f"}i.icon.laravel:before{content:"\f3bd"}i.icon.lastfm:before{content:"\f202"}i.icon.lastfm.square:before{content:"\f203"}i.icon.leanpub:before{content:"\f212"}i.icon.lesscss:before{content:"\f41d"}i.icon.linechat:before{content:"\f3c0"}i.icon.linkedin:before{content:"\f08c"}i.icon.linkedin.in:before{content:"\f0e1"}i.icon.linode:before{content:"\f2b8"}i.icon.linux:before{content:"\f17c"}i.icon.lyft:before{content:"\f3c3"}i.icon.magento:before{content:"\f3c4"}i.icon.mailchimp:before{content:"\f59e"}i.icon.mandalorian:before{content:"\f50f"}i.icon.markdown:before{content:"\f60f"}i.icon.mastodon:before{content:"\f4f6"}i.icon.maxcdn:before{content:"\f136"}i.icon.medapps:before{content:"\f3c6"}i.icon.medium:before{content:"\f23a"}i.icon.medium.m:before{content:"\f3c7"}i.icon.medrt:before{content:"\f3c8"}i.icon.meetup:before{content:"\f2e0"}i.icon.megaport:before{content:"\f5a3"}i.icon.microsoft:before{content:"\f3ca"}i.icon.mix:before{content:"\f3cb"}i.icon.mixcloud:before{content:"\f289"}i.icon.mizuni:before{content:"\f3cc"}i.icon.modx:before{content:"\f285"}i.icon.monero:before{content:"\f3d0"}i.icon.napster:before{content:"\f3d2"}i.icon.neos:before{content:"\f612"}i.icon.nimblr:before{content:"\f5a8"}i.icon.nintendo.switch:before{content:"\f418"}i.icon.node:before{content:"\f419"}i.icon.node.js:before{content:"\f3d3"}i.icon.npm:before{content:"\f3d4"}i.icon.ns8:before{content:"\f3d5"}i.icon.nutritionix:before{content:"\f3d6"}i.icon.odnoklassniki:before{content:"\f263"}i.icon.odnoklassniki.square:before{content:"\f264"}i.icon.old.republic:before{content:"\f510"}i.icon.opencart:before{content:"\f23d"}i.icon.openid:before{content:"\f19b"}i.icon.opera:before{content:"\f26a"}i.icon.optin.monster:before{content:"\f23c"}i.icon.osi:before{content:"\f41a"}i.icon.page4:before{content:"\f3d7"}i.icon.pagelines:before{content:"\f18c"}i.icon.palfed:before{content:"\f3d8"}i.icon.patreon:before{content:"\f3d9"}i.icon.paypal:before{content:"\f1ed"}i.icon.penny.arcade:before{content:"\f704"}i.icon.periscope:before{content:"\f3da"}i.icon.phabricator:before{content:"\f3db"}i.icon.phoenix.framework:before{content:"\f3dc"}i.icon.phoenix.squadron:before{content:"\f511"}i.icon.php:before{content:"\f457"}i.icon.pied.piper:before{content:"\f2ae"}i.icon.pied.piper.alternate:before{content:"\f1a8"}i.icon.pied.piper.hat:before{content:"\f4e5"}i.icon.pied.piper.pp:before{content:"\f1a7"}i.icon.pinterest:before{content:"\f0d2"}i.icon.pinterest.p:before{content:"\f231"}i.icon.pinterest.square:before{content:"\f0d3"}i.icon.playstation:before{content:"\f3df"}i.icon.product.hunt:before{content:"\f288"}i.icon.pushed:before{content:"\f3e1"}i.icon.python:before{content:"\f3e2"}i.icon.qq:before{content:"\f1d6"}i.icon.quinscape:before{content:"\f459"}i.icon.quora:before{content:"\f2c4"}i.icon.r.project:before{content:"\f4f7"}i.icon.ravelry:before{content:"\f2d9"}i.icon.react:before{content:"\f41b"}i.icon.readme:before{content:"\f4d5"}i.icon.rebel:before{content:"\f1d0"}i.icon.reddit:before{content:"\f1a1"}i.icon.reddit.alien:before{content:"\f281"}i.icon.reddit.square:before{content:"\f1a2"}i.icon.redriver:before{content:"\f3e3"}i.icon.redyeti:before{content:"\f69d"}i.icon.rendact:before{content:"\f3e4"}i.icon.renren:before{content:"\f18b"}i.icon.replyd:before{content:"\f3e6"}i.icon.researchgate:before{content:"\f4f8"}i.icon.resolving:before{content:"\f3e7"}i.icon.rev:before{content:"\f5b2"}i.icon.rocketchat:before{content:"\f3e8"}i.icon.rockrms:before{content:"\f3e9"}i.icon.safari:before{content:"\f267"}i.icon.sass:before{content:"\f41e"}i.icon.schlix:before{content:"\f3ea"}i.icon.scribd:before{content:"\f28a"}i.icon.searchengin:before{content:"\f3eb"}i.icon.sellcast:before{content:"\f2da"}i.icon.sellsy:before{content:"\f213"}i.icon.servicestack:before{content:"\f3ec"}i.icon.shirtsinbulk:before{content:"\f214"}i.icon.shopware:before{content:"\f5b5"}i.icon.simplybuilt:before{content:"\f215"}i.icon.sistrix:before{content:"\f3ee"}i.icon.sith:before{content:"\f512"}i.icon.skyatlas:before{content:"\f216"}i.icon.skype:before{content:"\f17e"}i.icon.slack:before{content:"\f198"}i.icon.slack.hash:before{content:"\f3ef"}i.icon.slideshare:before{content:"\f1e7"}i.icon.snapchat:before{content:"\f2ab"}i.icon.snapchat.ghost:before{content:"\f2ac"}i.icon.snapchat.square:before{content:"\f2ad"}i.icon.soundcloud:before{content:"\f1be"}i.icon.speakap:before{content:"\f3f3"}i.icon.spotify:before{content:"\f1bc"}i.icon.squarespace:before{content:"\f5be"}i.icon.stack.exchange:before{content:"\f18d"}i.icon.stack.overflow:before{content:"\f16c"}i.icon.staylinked:before{content:"\f3f5"}i.icon.steam:before{content:"\f1b6"}i.icon.steam.square:before{content:"\f1b7"}i.icon.steam.symbol:before{content:"\f3f6"}i.icon.sticker.mule:before{content:"\f3f7"}i.icon.strava:before{content:"\f428"}i.icon.stripe:before{content:"\f429"}i.icon.stripe.s:before{content:"\f42a"}i.icon.studiovinari:before{content:"\f3f8"}i.icon.stumbleupon:before{content:"\f1a4"}i.icon.stumbleupon.circle:before{content:"\f1a3"}i.icon.superpowers:before{content:"\f2dd"}i.icon.supple:before{content:"\f3f9"}i.icon.teamspeak:before{content:"\f4f9"}i.icon.telegram:before{content:"\f2c6"}i.icon.telegram.plane:before{content:"\f3fe"}i.icon.tencent.weibo:before{content:"\f1d5"}i.icon.themeco:before{content:"\f5c6"}i.icon.themeisle:before{content:"\f2b2"}i.icon.trade.federation:before{content:"\f513"}i.icon.trello:before{content:"\f181"}i.icon.tripadvisor:before{content:"\f262"}i.icon.tumblr:before{content:"\f173"}i.icon.tumblr.square:before{content:"\f174"}i.icon.twitch:before{content:"\f1e8"}i.icon.twitter:before{content:"\f099"}i.icon.twitter.square:before{content:"\f081"}i.icon.typo3:before{content:"\f42b"}i.icon.uber:before{content:"\f402"}i.icon.uikit:before{content:"\f403"}i.icon.uniregistry:before{content:"\f404"}i.icon.untappd:before{content:"\f405"}i.icon.usb:before{content:"\f287"}i.icon.ussunnah:before{content:"\f407"}i.icon.vaadin:before{content:"\f408"}i.icon.viacoin:before{content:"\f237"}i.icon.viadeo:before{content:"\f2a9"}i.icon.viadeo.square:before{content:"\f2aa"}i.icon.viber:before{content:"\f409"}i.icon.vimeo:before{content:"\f40a"}i.icon.vimeo.square:before{content:"\f194"}i.icon.vimeo.v:before{content:"\f27d"}i.icon.vine:before{content:"\f1ca"}i.icon.vk:before{content:"\f189"}i.icon.vnv:before{content:"\f40b"}i.icon.vuejs:before{content:"\f41f"}i.icon.weebly:before{content:"\f5cc"}i.icon.weibo:before{content:"\f18a"}i.icon.weixin:before{content:"\f1d7"}i.icon.whatsapp:before{content:"\f232"}i.icon.whatsapp.square:before{content:"\f40c"}i.icon.whmcs:before{content:"\f40d"}i.icon.wikipedia.w:before{content:"\f266"}i.icon.windows:before{content:"\f17a"}i.icon.wix:before{content:"\f5cf"}i.icon.wizards.of.the.coast:before{content:"\f730"}i.icon.wolf.pack.battalion:before{content:"\f514"}i.icon.wordpress:before{content:"\f19a"}i.icon.wordpress.simple:before{content:"\f411"}i.icon.wpbeginner:before{content:"\f297"}i.icon.wpexplorer:before{content:"\f2de"}i.icon.wpforms:before{content:"\f298"}i.icon.xbox:before{content:"\f412"}i.icon.xing:before{content:"\f168"}i.icon.xing.square:before{content:"\f169"}i.icon.y.combinator:before{content:"\f23b"}i.icon.yahoo:before{content:"\f19e"}i.icon.yandex:before{content:"\f413"}i.icon.yandex.international:before{content:"\f414"}i.icon.yelp:before{content:"\f1e9"}i.icon.yoast:before{content:"\f2b1"}i.icon.youtube:before{content:"\f167"}i.icon.youtube.square:before{content:"\f431"}i.icon.zhihu:before{content:"\f63f"}i.icon.american.express,i.icon.american.express.card,i.icon.amex,i.icon.bitbucket.square,i.icon.bluetooth.alternative,i.icon.credit.card.amazon.pay,i.icon.credit.card.american.express,i.icon.credit.card.diners.club,i.icon.credit.card.discover,i.icon.credit.card.jcb,i.icon.credit.card.mastercard,i.icon.credit.card.paypal,i.icon.credit.card.stripe,i.icon.credit.card.visa,i.icon.diners.club,i.icon.diners.club.card,i.icon.discover,i.icon.discover.card,i.icon.disk.outline,i.icon.dribble,i.icon.eercast,i.icon.envira.gallery,i.icon.fa,i.icon.facebook.official,i.icon.five.hundred.pixels,i.icon.gittip,i.icon.google.plus.circle,i.icon.google.plus.official,i.icon.japan.credit.bureau,i.icon.japan.credit.bureau.card,i.icon.jcb,i.icon.linkedin.square,i.icon.mastercard,i.icon.mastercard.card,i.icon.microsoft.edge,i.icon.ms.edge,i.icon.new.pied.piper,i.icon.optinmonster,i.icon.paypal.card,i.icon.pied.piper.hat,i.icon.pocket,i.icon.stripe.card,i.icon.theme.isle,i.icon.visa,i.icon.visa.card,i.icon.wechat,i.icon.wikipedia,i.icon.wordpress.beginner,i.icon.wordpress.forms,i.icon.yc,i.icon.ycombinator,i.icon.youtube.play{font-family:brand-icons}i.icon.credit.card.amazon.pay:before{content:"\f42d"}i.icon.credit.card.american.express:before{content:"\f1f3"}i.icon.credit.card.diners.club:before{content:"\f24c"}i.icon.credit.card.discover:before{content:"\f1f2"}i.icon.credit.card.jcb:before{content:"\f24b"}i.icon.credit.card.mastercard:before{content:"\f1f1"}i.icon.credit.card.paypal:before{content:"\f1f4"}i.icon.credit.card.stripe:before{content:"\f1f5"}i.icon.credit.card.visa:before{content:"\f1f0"}i.icon.american.express.card:before{content:"\f1f3"}i.icon.american.express:before{content:"\f1f3"}i.icon.amex:before{content:"\f1f3"}i.icon.bluetooth.alternative:before{content:"\f294"}i.icon.diners.club.card:before{content:"\f24c"}i.icon.diners.club:before{content:"\f24c"}i.icon.discover.card:before{content:"\f1f2"}i.icon.discover:before{content:"\f1f2"}i.icon.dribble:before{content:"\f17d"}i.icon.eercast:before{content:"\f2da"}i.icon.envira.gallery:before{content:"\f299"}i.icon.fa:before{content:"\f2b4"}i.icon.five.hundred.pixels:before{content:"\f26e"}i.icon.gittip:before{content:"\f184"}i.icon.google.plus.circle:before{content:"\f2b3"}i.icon.google.plus.official:before{content:"\f2b3"}i.icon.japan.credit.bureau.card:before{content:"\f24b"}i.icon.japan.credit.bureau:before{content:"\f24b"}i.icon.jcb:before{content:"\f24b"}i.icon.linkedin.square:before{content:"\f08c"}i.icon.mastercard.card:before{content:"\f1f1"}i.icon.mastercard:before{content:"\f1f1"}i.icon.microsoft.edge:before{content:"\f282"}i.icon.ms.edge:before{content:"\f282"}i.icon.new.pied.piper:before{content:"\f2ae"}i.icon.optinmonster:before{content:"\f23c"}i.icon.paypal.card:before{content:"\f1f4"}i.icon.pied.piper.hat:before{content:"\f2ae"}i.icon.pocket:before{content:"\f265"}i.icon.stripe.card:before{content:"\f1f5"}i.icon.theme.isle:before{content:"\f2b2"}i.icon.visa.card:before{content:"\f1f0"}i.icon.visa:before{content:"\f1f0"}i.icon.wechat:before{content:"\f1d7"}i.icon.wikipedia:before{content:"\f266"}i.icon.wordpress.beginner:before{content:"\f297"}i.icon.wordpress.forms:before{content:"\f298"}i.icon.yc:before{content:"\f23b"}i.icon.ycombinator:before{content:"\f23b"}i.icon.bitbucket.square:before{content:"\f171"}i.icon.disk.outline:before{content:"\f369"}i.icon.facebook.official:before{content:"\f082"}i.icon.youtube.play:before{content:"\f167"} \ No newline at end of file + */@font-face{font-family:Icons;src:url(../themes/default/assets/fonts/icons.eot);src:url(../themes/default/assets/fonts/icons.eot?#iefix) format('embedded-opentype'),url(../themes/default/assets/fonts/icons.woff2) format('woff2'),url(../themes/default/assets/fonts/icons.woff) format('woff'),url(../themes/default/assets/fonts/icons.ttf) format('truetype'),url(../themes/default/assets/fonts/icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon{display:inline-block;opacity:1;margin:0 .25rem 0 0;width:1.18em;height:1em;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;text-align:center;speak:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.icon:before{background:0 0!important}i.icon.loading{height:1em;line-height:1;-webkit-animation:icon-loading 2s linear infinite;animation:icon-loading 2s linear infinite}@-webkit-keyframes icon-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icon-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}i.icon.hover{opacity:1!important}i.icon.active{opacity:1!important}i.emphasized.icon{opacity:1!important}i.disabled.icon{opacity:.45!important}i.fitted.icon{width:auto;margin:0!important}i.link.icon,i.link.icons{cursor:pointer;opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}i.link.icon:hover,i.link.icons:hover{opacity:1!important}i.circular.icon{border-radius:500em!important;line-height:1!important;padding:.5em 0!important;-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;width:2em!important;height:2em!important}i.circular.inverted.icon{border:none;-webkit-box-shadow:none;box-shadow:none}i.flipped.icon,i.horizontally.flipped.icon{-webkit-transform:scale(-1,1);transform:scale(-1,1)}i.vertically.flipped.icon{-webkit-transform:scale(1,-1);transform:scale(1,-1)}i.clockwise.rotated.icon,i.right.rotated.icon,i.rotated.icon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}i.counterclockwise.rotated.icon,i.left.rotated.icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}i.halfway.rotated.icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}i.clockwise.rotated.flipped.icon,i.right.rotated.flipped.icon,i.rotated.flipped.icon{-webkit-transform:scale(-1,1) rotate(90deg);transform:scale(-1,1) rotate(90deg)}i.counterclockwise.rotated.flipped.icon,i.left.rotated.flipped.icon{-webkit-transform:scale(-1,1) rotate(-90deg);transform:scale(-1,1) rotate(-90deg)}i.halfway.rotated.flipped.icon{-webkit-transform:scale(-1,1) rotate(180deg);transform:scale(-1,1) rotate(180deg)}i.clockwise.rotated.vertically.flipped.icon,i.right.rotated.vertically.flipped.icon,i.rotated.vertically.flipped.icon{-webkit-transform:scale(1,-1) rotate(90deg);transform:scale(1,-1) rotate(90deg)}i.counterclockwise.rotated.vertically.flipped.icon,i.left.rotated.vertically.flipped.icon{-webkit-transform:scale(1,-1) rotate(-90deg);transform:scale(1,-1) rotate(-90deg)}i.halfway.rotated.vertically.flipped.icon{-webkit-transform:scale(1,-1) rotate(180deg);transform:scale(1,-1) rotate(180deg)}i.bordered.icon{line-height:1;vertical-align:baseline;width:2em;height:2em;padding:.5em 0!important;-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset}i.bordered.inverted.icon{border:none;-webkit-box-shadow:none;box-shadow:none}i.inverted.bordered.icon,i.inverted.circular.icon{background-color:#1b1c1d;color:#fff}i.inverted.icon{color:#fff}i.primary.icon{color:#2185d0}i.inverted.primary.icon{color:#54c8ff}i.inverted.bordered.primary.icon,i.inverted.circular.primary.icon{background-color:#2185d0;color:#fff}i.secondary.icon{color:#1b1c1d}i.inverted.secondary.icon{color:#545454}i.inverted.bordered.secondary.icon,i.inverted.circular.secondary.icon{background-color:#1b1c1d;color:#fff}i.red.icon{color:#db2828}i.inverted.red.icon{color:#ff695e}i.inverted.bordered.red.icon,i.inverted.circular.red.icon{background-color:#db2828;color:#fff}i.orange.icon{color:#f2711c}i.inverted.orange.icon{color:#ff851b}i.inverted.bordered.orange.icon,i.inverted.circular.orange.icon{background-color:#f2711c;color:#fff}i.yellow.icon{color:#fbbd08}i.inverted.yellow.icon{color:#ffe21f}i.inverted.bordered.yellow.icon,i.inverted.circular.yellow.icon{background-color:#fbbd08;color:#fff}i.olive.icon{color:#b5cc18}i.inverted.olive.icon{color:#d9e778}i.inverted.bordered.olive.icon,i.inverted.circular.olive.icon{background-color:#b5cc18;color:#fff}i.green.icon{color:#21ba45}i.inverted.green.icon{color:#2ecc40}i.inverted.bordered.green.icon,i.inverted.circular.green.icon{background-color:#21ba45;color:#fff}i.teal.icon{color:#00b5ad}i.inverted.teal.icon{color:#6dffff}i.inverted.bordered.teal.icon,i.inverted.circular.teal.icon{background-color:#00b5ad;color:#fff}i.blue.icon{color:#2185d0}i.inverted.blue.icon{color:#54c8ff}i.inverted.bordered.blue.icon,i.inverted.circular.blue.icon{background-color:#2185d0;color:#fff}i.violet.icon{color:#6435c9}i.inverted.violet.icon{color:#a291fb}i.inverted.bordered.violet.icon,i.inverted.circular.violet.icon{background-color:#6435c9;color:#fff}i.purple.icon{color:#a333c8}i.inverted.purple.icon{color:#dc73ff}i.inverted.bordered.purple.icon,i.inverted.circular.purple.icon{background-color:#a333c8;color:#fff}i.pink.icon{color:#e03997}i.inverted.pink.icon{color:#ff8edf}i.inverted.bordered.pink.icon,i.inverted.circular.pink.icon{background-color:#e03997;color:#fff}i.brown.icon{color:#a5673f}i.inverted.brown.icon{color:#d67c1c}i.inverted.bordered.brown.icon,i.inverted.circular.brown.icon{background-color:#a5673f;color:#fff}i.grey.icon{color:#767676}i.inverted.grey.icon{color:#dcddde}i.inverted.bordered.grey.icon,i.inverted.circular.grey.icon{background-color:#767676;color:#fff}i.black.icon{color:#1b1c1d}i.inverted.black.icon{color:#545454}i.inverted.bordered.black.icon,i.inverted.circular.black.icon{background-color:#1b1c1d;color:#fff}i.mini.icon,i.mini.icons{line-height:1;font-size:.4em}i.tiny.icon,i.tiny.icons{line-height:1;font-size:.5em}i.small.icon,i.small.icons{line-height:1;font-size:.75em}i.icon,i.icons{font-size:1em}i.large.icon,i.large.icons{line-height:1;vertical-align:middle;font-size:1.5em}i.big.icon,i.big.icons{line-height:1;vertical-align:middle;font-size:2em}i.huge.icon,i.huge.icons{line-height:1;vertical-align:middle;font-size:4em}i.massive.icon,i.massive.icons{line-height:1;vertical-align:middle;font-size:8em}i.icons{display:inline-block;position:relative;line-height:1}i.icons .icon{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);margin:0}i.icons .icon:first-child{position:static;width:auto;height:auto;vertical-align:top;-webkit-transform:none;transform:none}i.icons .corner.icon{top:auto;left:auto;right:0;bottom:0;-webkit-transform:none;transform:none;font-size:.45em;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}i.icons .icon.corner[class*="top right"]{top:0;left:auto;right:0;bottom:auto}i.icons .icon.corner[class*="top left"]{top:0;left:0;right:auto;bottom:auto}i.icons .icon.corner[class*="bottom left"]{top:auto;left:0;right:auto;bottom:0}i.icons .icon.corner[class*="bottom right"]{top:auto;left:auto;right:0;bottom:0}i.icons .inverted.corner.icon{text-shadow:-1px -1px 0 #1b1c1d,1px -1px 0 #1b1c1d,-1px 1px 0 #1b1c1d,1px 1px 0 #1b1c1d}i.icon.linkedin.in:before{content:"\f0e1"}i.icon.zoom.in:before{content:"\f00e"}i.icon.zoom.out:before{content:"\f010"}i.icon.sign.in:before{content:"\f2f6"}i.icon.in.cart:before{content:"\f218"}i.icon.log.out:before{content:"\f2f5"}i.icon.sign.out:before{content:"\f2f5"}i.icon.ad:before{content:"\f641"}i.icon.address.book:before{content:"\f2b9"}i.icon.address.card:before{content:"\f2bb"}i.icon.adjust:before{content:"\f042"}i.icon.air.freshener:before{content:"\f5d0"}i.icon.align.center:before{content:"\f037"}i.icon.align.justify:before{content:"\f039"}i.icon.align.left:before{content:"\f036"}i.icon.align.right:before{content:"\f038"}i.icon.allergies:before{content:"\f461"}i.icon.ambulance:before{content:"\f0f9"}i.icon.american.sign.language.interpreting:before{content:"\f2a3"}i.icon.anchor:before{content:"\f13d"}i.icon.angle.double.down:before{content:"\f103"}i.icon.angle.double.left:before{content:"\f100"}i.icon.angle.double.right:before{content:"\f101"}i.icon.angle.double.up:before{content:"\f102"}i.icon.angle.down:before{content:"\f107"}i.icon.angle.left:before{content:"\f104"}i.icon.angle.right:before{content:"\f105"}i.icon.angle.up:before{content:"\f106"}i.icon.angry:before{content:"\f556"}i.icon.ankh:before{content:"\f644"}i.icon.archive:before{content:"\f187"}i.icon.archway:before{content:"\f557"}i.icon.arrow.alternate.circle.down:before{content:"\f358"}i.icon.arrow.alternate.circle.left:before{content:"\f359"}i.icon.arrow.alternate.circle.right:before{content:"\f35a"}i.icon.arrow.alternate.circle.up:before{content:"\f35b"}i.icon.arrow.circle.down:before{content:"\f0ab"}i.icon.arrow.circle.left:before{content:"\f0a8"}i.icon.arrow.circle.right:before{content:"\f0a9"}i.icon.arrow.circle.up:before{content:"\f0aa"}i.icon.arrow.down:before{content:"\f063"}i.icon.arrow.left:before{content:"\f060"}i.icon.arrow.right:before{content:"\f061"}i.icon.arrow.up:before{content:"\f062"}i.icon.arrows.alternate:before{content:"\f0b2"}i.icon.arrows.alternate.horizontal:before{content:"\f337"}i.icon.arrows.alternate.vertical:before{content:"\f338"}i.icon.assistive.listening.systems:before{content:"\f2a2"}i.icon.asterisk:before{content:"\f069"}i.icon.at:before{content:"\f1fa"}i.icon.atlas:before{content:"\f558"}i.icon.atom:before{content:"\f5d2"}i.icon.audio.description:before{content:"\f29e"}i.icon.award:before{content:"\f559"}i.icon.backspace:before{content:"\f55a"}i.icon.backward:before{content:"\f04a"}i.icon.balance.scale:before{content:"\f24e"}i.icon.ban:before{content:"\f05e"}i.icon.band.aid:before{content:"\f462"}i.icon.barcode:before{content:"\f02a"}i.icon.bars:before{content:"\f0c9"}i.icon.baseball.ball:before{content:"\f433"}i.icon.basketball.ball:before{content:"\f434"}i.icon.bath:before{content:"\f2cd"}i.icon.battery.empty:before{content:"\f244"}i.icon.battery.full:before{content:"\f240"}i.icon.battery.half:before{content:"\f242"}i.icon.battery.quarter:before{content:"\f243"}i.icon.battery.three.quarters:before{content:"\f241"}i.icon.bed:before{content:"\f236"}i.icon.beer:before{content:"\f0fc"}i.icon.bell:before{content:"\f0f3"}i.icon.bell.slash:before{content:"\f1f6"}i.icon.bezier.curve:before{content:"\f55b"}i.icon.bible:before{content:"\f647"}i.icon.bicycle:before{content:"\f206"}i.icon.binoculars:before{content:"\f1e5"}i.icon.birthday.cake:before{content:"\f1fd"}i.icon.blender:before{content:"\f517"}i.icon.blender.phone:before{content:"\f6b6"}i.icon.blind:before{content:"\f29d"}i.icon.bold:before{content:"\f032"}i.icon.bolt:before{content:"\f0e7"}i.icon.bomb:before{content:"\f1e2"}i.icon.bone:before{content:"\f5d7"}i.icon.bong:before{content:"\f55c"}i.icon.book:before{content:"\f02d"}i.icon.book.dead:before{content:"\f6b7"}i.icon.book.open:before{content:"\f518"}i.icon.book.reader:before{content:"\f5da"}i.icon.bookmark:before{content:"\f02e"}i.icon.bowling.ball:before{content:"\f436"}i.icon.box:before{content:"\f466"}i.icon.box.open:before{content:"\f49e"}i.icon.boxes:before{content:"\f468"}i.icon.braille:before{content:"\f2a1"}i.icon.brain:before{content:"\f5dc"}i.icon.briefcase:before{content:"\f0b1"}i.icon.briefcase.medical:before{content:"\f469"}i.icon.broadcast.tower:before{content:"\f519"}i.icon.broom:before{content:"\f51a"}i.icon.brush:before{content:"\f55d"}i.icon.bug:before{content:"\f188"}i.icon.building:before{content:"\f1ad"}i.icon.bullhorn:before{content:"\f0a1"}i.icon.bullseye:before{content:"\f140"}i.icon.burn:before{content:"\f46a"}i.icon.bus:before{content:"\f207"}i.icon.bus.alternate:before{content:"\f55e"}i.icon.business.time:before{content:"\f64a"}i.icon.calculator:before{content:"\f1ec"}i.icon.calendar:before{content:"\f133"}i.icon.calendar.alternate:before{content:"\f073"}i.icon.calendar.check:before{content:"\f274"}i.icon.calendar.minus:before{content:"\f272"}i.icon.calendar.plus:before{content:"\f271"}i.icon.calendar.times:before{content:"\f273"}i.icon.camera:before{content:"\f030"}i.icon.camera.retro:before{content:"\f083"}i.icon.campground:before{content:"\f6bb"}i.icon.cannabis:before{content:"\f55f"}i.icon.capsules:before{content:"\f46b"}i.icon.car:before{content:"\f1b9"}i.icon.car.alternate:before{content:"\f5de"}i.icon.car.battery:before{content:"\f5df"}i.icon.car.crash:before{content:"\f5e1"}i.icon.car.side:before{content:"\f5e4"}i.icon.caret.down:before{content:"\f0d7"}i.icon.caret.left:before{content:"\f0d9"}i.icon.caret.right:before{content:"\f0da"}i.icon.caret.square.down:before{content:"\f150"}i.icon.caret.square.left:before{content:"\f191"}i.icon.caret.square.right:before{content:"\f152"}i.icon.caret.square.up:before{content:"\f151"}i.icon.caret.up:before{content:"\f0d8"}i.icon.cart.arrow.down:before{content:"\f218"}i.icon.cart.plus:before{content:"\f217"}i.icon.cat:before{content:"\f6be"}i.icon.certificate:before{content:"\f0a3"}i.icon.chair:before{content:"\f6c0"}i.icon.chalkboard:before{content:"\f51b"}i.icon.chalkboard.teacher:before{content:"\f51c"}i.icon.charging.station:before{content:"\f5e7"}i.icon.chart.area:before{content:"\f1fe"}i.icon.chart.bar:before{content:"\f080"}i.icon.chart.line:before{content:"\f201"}i.icon.chart.pie:before{content:"\f200"}i.icon.check:before{content:"\f00c"}i.icon.check.circle:before{content:"\f058"}i.icon.check.double:before{content:"\f560"}i.icon.check.square:before{content:"\f14a"}i.icon.chess:before{content:"\f439"}i.icon.chess.bishop:before{content:"\f43a"}i.icon.chess.board:before{content:"\f43c"}i.icon.chess.king:before{content:"\f43f"}i.icon.chess.knight:before{content:"\f441"}i.icon.chess.pawn:before{content:"\f443"}i.icon.chess.queen:before{content:"\f445"}i.icon.chess.rook:before{content:"\f447"}i.icon.chevron.circle.down:before{content:"\f13a"}i.icon.chevron.circle.left:before{content:"\f137"}i.icon.chevron.circle.right:before{content:"\f138"}i.icon.chevron.circle.up:before{content:"\f139"}i.icon.chevron.down:before{content:"\f078"}i.icon.chevron.left:before{content:"\f053"}i.icon.chevron.right:before{content:"\f054"}i.icon.chevron.up:before{content:"\f077"}i.icon.child:before{content:"\f1ae"}i.icon.church:before{content:"\f51d"}i.icon.circle:before{content:"\f111"}i.icon.circle.notch:before{content:"\f1ce"}i.icon.city:before{content:"\f64f"}i.icon.clipboard:before{content:"\f328"}i.icon.clipboard.check:before{content:"\f46c"}i.icon.clipboard.list:before{content:"\f46d"}i.icon.clock:before{content:"\f017"}i.icon.clone:before{content:"\f24d"}i.icon.closed.captioning:before{content:"\f20a"}i.icon.cloud:before{content:"\f0c2"}i.icon.cloud.download.alternate:before{content:"\f381"}i.icon.cloud.moon:before{content:"\f6c3"}i.icon.cloud.sun:before{content:"\f6c4"}i.icon.cloud.upload.alternate:before{content:"\f382"}i.icon.cocktail:before{content:"\f561"}i.icon.code:before{content:"\f121"}i.icon.code.branch:before{content:"\f126"}i.icon.coffee:before{content:"\f0f4"}i.icon.cog:before{content:"\f013"}i.icon.cogs:before{content:"\f085"}i.icon.coins:before{content:"\f51e"}i.icon.columns:before{content:"\f0db"}i.icon.comment:before{content:"\f075"}i.icon.comment.alternate:before{content:"\f27a"}i.icon.comment.dollar:before{content:"\f651"}i.icon.comment.dots:before{content:"\f4ad"}i.icon.comment.slash:before{content:"\f4b3"}i.icon.comments:before{content:"\f086"}i.icon.comments.dollar:before{content:"\f653"}i.icon.compact.disc:before{content:"\f51f"}i.icon.compass:before{content:"\f14e"}i.icon.compress:before{content:"\f066"}i.icon.concierge.bell:before{content:"\f562"}i.icon.cookie:before{content:"\f563"}i.icon.cookie.bite:before{content:"\f564"}i.icon.copy:before{content:"\f0c5"}i.icon.copyright:before{content:"\f1f9"}i.icon.couch:before{content:"\f4b8"}i.icon.credit.card:before{content:"\f09d"}i.icon.crop:before{content:"\f125"}i.icon.crop.alternate:before{content:"\f565"}i.icon.cross:before{content:"\f654"}i.icon.crosshairs:before{content:"\f05b"}i.icon.crow:before{content:"\f520"}i.icon.crown:before{content:"\f521"}i.icon.cube:before{content:"\f1b2"}i.icon.cubes:before{content:"\f1b3"}i.icon.cut:before{content:"\f0c4"}i.icon.database:before{content:"\f1c0"}i.icon.deaf:before{content:"\f2a4"}i.icon.desktop:before{content:"\f108"}i.icon.dharmachakra:before{content:"\f655"}i.icon.diagnoses:before{content:"\f470"}i.icon.dice:before{content:"\f522"}i.icon.dice.d20:before{content:"\f6cf"}i.icon.dice.d6:before{content:"\f6d1"}i.icon.dice.five:before{content:"\f523"}i.icon.dice.four:before{content:"\f524"}i.icon.dice.one:before{content:"\f525"}i.icon.dice.six:before{content:"\f526"}i.icon.dice.three:before{content:"\f527"}i.icon.dice.two:before{content:"\f528"}i.icon.digital.tachograph:before{content:"\f566"}i.icon.directions:before{content:"\f5eb"}i.icon.divide:before{content:"\f529"}i.icon.dizzy:before{content:"\f567"}i.icon.dna:before{content:"\f471"}i.icon.dog:before{content:"\f6d3"}i.icon.dollar.sign:before{content:"\f155"}i.icon.dolly:before{content:"\f472"}i.icon.dolly.flatbed:before{content:"\f474"}i.icon.donate:before{content:"\f4b9"}i.icon.door.closed:before{content:"\f52a"}i.icon.door.open:before{content:"\f52b"}i.icon.dot.circle:before{content:"\f192"}i.icon.dove:before{content:"\f4ba"}i.icon.download:before{content:"\f019"}i.icon.drafting.compass:before{content:"\f568"}i.icon.dragon:before{content:"\f6d5"}i.icon.draw.polygon:before{content:"\f5ee"}i.icon.drum:before{content:"\f569"}i.icon.drum.steelpan:before{content:"\f56a"}i.icon.drumstick.bite:before{content:"\f6d7"}i.icon.dumbbell:before{content:"\f44b"}i.icon.dungeon:before{content:"\f6d9"}i.icon.edit:before{content:"\f044"}i.icon.eject:before{content:"\f052"}i.icon.ellipsis.horizontal:before{content:"\f141"}i.icon.ellipsis.vertical:before{content:"\f142"}i.icon.envelope:before{content:"\f0e0"}i.icon.envelope.open:before{content:"\f2b6"}i.icon.envelope.open.text:before{content:"\f658"}i.icon.envelope.square:before{content:"\f199"}i.icon.equals:before{content:"\f52c"}i.icon.eraser:before{content:"\f12d"}i.icon.euro.sign:before{content:"\f153"}i.icon.exchange.alternate:before{content:"\f362"}i.icon.exclamation:before{content:"\f12a"}i.icon.exclamation.circle:before{content:"\f06a"}i.icon.exclamation.triangle:before{content:"\f071"}i.icon.expand:before{content:"\f065"}i.icon.expand.arrows.alternate:before{content:"\f31e"}i.icon.external.alternate:before{content:"\f35d"}i.icon.external.link.square.alternate:before{content:"\f360"}i.icon.eye:before{content:"\f06e"}i.icon.eye.dropper:before{content:"\f1fb"}i.icon.eye.slash:before{content:"\f070"}i.icon.fast.backward:before{content:"\f049"}i.icon.fast.forward:before{content:"\f050"}i.icon.fax:before{content:"\f1ac"}i.icon.feather:before{content:"\f52d"}i.icon.feather.alternate:before{content:"\f56b"}i.icon.female:before{content:"\f182"}i.icon.fighter.jet:before{content:"\f0fb"}i.icon.file:before{content:"\f15b"}i.icon.file.alternate:before{content:"\f15c"}i.icon.file.archive:before{content:"\f1c6"}i.icon.file.audio:before{content:"\f1c7"}i.icon.file.code:before{content:"\f1c9"}i.icon.file.contract:before{content:"\f56c"}i.icon.file.csv:before{content:"\f6dd"}i.icon.file.download:before{content:"\f56d"}i.icon.file.excel:before{content:"\f1c3"}i.icon.file.export:before{content:"\f56e"}i.icon.file.image:before{content:"\f1c5"}i.icon.file.import:before{content:"\f56f"}i.icon.file.invoice:before{content:"\f570"}i.icon.file.invoice.dollar:before{content:"\f571"}i.icon.file.medical:before{content:"\f477"}i.icon.file.medical.alternate:before{content:"\f478"}i.icon.file.pdf:before{content:"\f1c1"}i.icon.file.powerpoint:before{content:"\f1c4"}i.icon.file.prescription:before{content:"\f572"}i.icon.file.signature:before{content:"\f573"}i.icon.file.upload:before{content:"\f574"}i.icon.file.video:before{content:"\f1c8"}i.icon.file.word:before{content:"\f1c2"}i.icon.fill:before{content:"\f575"}i.icon.fill.drip:before{content:"\f576"}i.icon.film:before{content:"\f008"}i.icon.filter:before{content:"\f0b0"}i.icon.fingerprint:before{content:"\f577"}i.icon.fire:before{content:"\f06d"}i.icon.fire.extinguisher:before{content:"\f134"}i.icon.first.aid:before{content:"\f479"}i.icon.fish:before{content:"\f578"}i.icon.fist.raised:before{content:"\f6de"}i.icon.flag:before{content:"\f024"}i.icon.flag.checkered:before{content:"\f11e"}i.icon.flask:before{content:"\f0c3"}i.icon.flushed:before{content:"\f579"}i.icon.folder:before{content:"\f07b"}i.icon.folder.minus:before{content:"\f65d"}i.icon.folder.open:before{content:"\f07c"}i.icon.folder.plus:before{content:"\f65e"}i.icon.font:before{content:"\f031"}i.icon.football.ball:before{content:"\f44e"}i.icon.forward:before{content:"\f04e"}i.icon.frog:before{content:"\f52e"}i.icon.frown:before{content:"\f119"}i.icon.frown.open:before{content:"\f57a"}i.icon.fruit-apple:before{content:"\f5d1"}i.icon.funnel.dollar:before{content:"\f662"}i.icon.futbol:before{content:"\f1e3"}i.icon.gamepad:before{content:"\f11b"}i.icon.gas.pump:before{content:"\f52f"}i.icon.gavel:before{content:"\f0e3"}i.icon.gem:before{content:"\f3a5"}i.icon.genderless:before{content:"\f22d"}i.icon.ghost:before{content:"\f6e2"}i.icon.gift:before{content:"\f06b"}i.icon.glass.martini:before{content:"\f000"}i.icon.glass.martini.alternate:before{content:"\f57b"}i.icon.glasses:before{content:"\f530"}i.icon.globe:before{content:"\f0ac"}i.icon.globe.africa:before{content:"\f57c"}i.icon.globe.americas:before{content:"\f57d"}i.icon.globe.asia:before{content:"\f57e"}i.icon.golf.ball:before{content:"\f450"}i.icon.gopuram:before{content:"\f664"}i.icon.graduation.cap:before{content:"\f19d"}i.icon.greater.than:before{content:"\f531"}i.icon.greater.than.equal:before{content:"\f532"}i.icon.grimace:before{content:"\f57f"}i.icon.grin:before{content:"\f580"}i.icon.grin.alternate:before{content:"\f581"}i.icon.grin.beam:before{content:"\f582"}i.icon.grin.beam.sweat:before{content:"\f583"}i.icon.grin.hearts:before{content:"\f584"}i.icon.grin.squint:before{content:"\f585"}i.icon.grin.squint.tears:before{content:"\f586"}i.icon.grin.stars:before{content:"\f587"}i.icon.grin.tears:before{content:"\f588"}i.icon.grin.tongue:before{content:"\f589"}i.icon.grin.tongue.squint:before{content:"\f58a"}i.icon.grin.tongue.wink:before{content:"\f58b"}i.icon.grin.wink:before{content:"\f58c"}i.icon.grip.horizontal:before{content:"\f58d"}i.icon.grip.vertical:before{content:"\f58e"}i.icon.h.square:before{content:"\f0fd"}i.icon.hammer:before{content:"\f6e3"}i.icon.hamsa:before{content:"\f665"}i.icon.hand.holding:before{content:"\f4bd"}i.icon.hand.holding.heart:before{content:"\f4be"}i.icon.hand.holding.usd:before{content:"\f4c0"}i.icon.hand.lizard:before{content:"\f258"}i.icon.hand.paper:before{content:"\f256"}i.icon.hand.peace:before{content:"\f25b"}i.icon.hand.point.down:before{content:"\f0a7"}i.icon.hand.point.left:before{content:"\f0a5"}i.icon.hand.point.right:before{content:"\f0a4"}i.icon.hand.point.up:before{content:"\f0a6"}i.icon.hand.pointer:before{content:"\f25a"}i.icon.hand.rock:before{content:"\f255"}i.icon.hand.scissors:before{content:"\f257"}i.icon.hand.spock:before{content:"\f259"}i.icon.hands:before{content:"\f4c2"}i.icon.hands.helping:before{content:"\f4c4"}i.icon.handshake:before{content:"\f2b5"}i.icon.hanukiah:before{content:"\f6e6"}i.icon.hashtag:before{content:"\f292"}i.icon.hat.wizard:before{content:"\f6e8"}i.icon.haykal:before{content:"\f666"}i.icon.hdd:before{content:"\f0a0"}i.icon.heading:before{content:"\f1dc"}i.icon.headphones:before{content:"\f025"}i.icon.headphones.alternate:before{content:"\f58f"}i.icon.headset:before{content:"\f590"}i.icon.heart:before{content:"\f004"}i.icon.heartbeat:before{content:"\f21e"}i.icon.helicopter:before{content:"\f533"}i.icon.highlighter:before{content:"\f591"}i.icon.hiking:before{content:"\f6ec"}i.icon.hippo:before{content:"\f6ed"}i.icon.history:before{content:"\f1da"}i.icon.hockey.puck:before{content:"\f453"}i.icon.home:before{content:"\f015"}i.icon.horse:before{content:"\f6f0"}i.icon.hospital:before{content:"\f0f8"}i.icon.hospital.alternate:before{content:"\f47d"}i.icon.hospital.symbol:before{content:"\f47e"}i.icon.hot.tub:before{content:"\f593"}i.icon.hotel:before{content:"\f594"}i.icon.hourglass:before{content:"\f254"}i.icon.hourglass.end:before{content:"\f253"}i.icon.hourglass.half:before{content:"\f252"}i.icon.hourglass.start:before{content:"\f251"}i.icon.house.damage:before{content:"\f6f1"}i.icon.hryvnia:before{content:"\f6f2"}i.icon.i.cursor:before{content:"\f246"}i.icon.id.badge:before{content:"\f2c1"}i.icon.id.card:before{content:"\f2c2"}i.icon.id.card.alternate:before{content:"\f47f"}i.icon.image:before{content:"\f03e"}i.icon.images:before{content:"\f302"}i.icon.inbox:before{content:"\f01c"}i.icon.indent:before{content:"\f03c"}i.icon.industry:before{content:"\f275"}i.icon.infinity:before{content:"\f534"}i.icon.info:before{content:"\f129"}i.icon.info.circle:before{content:"\f05a"}i.icon.italic:before{content:"\f033"}i.icon.jedi:before{content:"\f669"}i.icon.joint:before{content:"\f595"}i.icon.journal.whills:before{content:"\f66a"}i.icon.kaaba:before{content:"\f66b"}i.icon.key:before{content:"\f084"}i.icon.keyboard:before{content:"\f11c"}i.icon.khanda:before{content:"\f66d"}i.icon.kiss:before{content:"\f596"}i.icon.kiss.beam:before{content:"\f597"}i.icon.kiss.wink.heart:before{content:"\f598"}i.icon.kiwi.bird:before{content:"\f535"}i.icon.landmark:before{content:"\f66f"}i.icon.language:before{content:"\f1ab"}i.icon.laptop:before{content:"\f109"}i.icon.laptop.code:before{content:"\f5fc"}i.icon.laugh:before{content:"\f599"}i.icon.laugh.beam:before{content:"\f59a"}i.icon.laugh.squint:before{content:"\f59b"}i.icon.laugh.wink:before{content:"\f59c"}i.icon.layer.group:before{content:"\f5fd"}i.icon.leaf:before{content:"\f06c"}i.icon.lemon:before{content:"\f094"}i.icon.less.than:before{content:"\f536"}i.icon.less.than.equal:before{content:"\f537"}i.icon.level.down.alternate:before{content:"\f3be"}i.icon.level.up.alternate:before{content:"\f3bf"}i.icon.life.ring:before{content:"\f1cd"}i.icon.lightbulb:before{content:"\f0eb"}i.icon.linkify:before{content:"\f0c1"}i.icon.lira.sign:before{content:"\f195"}i.icon.list:before{content:"\f03a"}i.icon.list.alternate:before{content:"\f022"}i.icon.list.ol:before{content:"\f0cb"}i.icon.list.ul:before{content:"\f0ca"}i.icon.location.arrow:before{content:"\f124"}i.icon.lock:before{content:"\f023"}i.icon.lock.open:before{content:"\f3c1"}i.icon.long.arrow.alternate.down:before{content:"\f309"}i.icon.long.arrow.alternate.left:before{content:"\f30a"}i.icon.long.arrow.alternate.right:before{content:"\f30b"}i.icon.long.arrow.alternate.up:before{content:"\f30c"}i.icon.low.vision:before{content:"\f2a8"}i.icon.luggage.cart:before{content:"\f59d"}i.icon.magic:before{content:"\f0d0"}i.icon.magnet:before{content:"\f076"}i.icon.mail.bulk:before{content:"\f674"}i.icon.male:before{content:"\f183"}i.icon.map:before{content:"\f279"}i.icon.map.marked:before{content:"\f59f"}i.icon.map.marked.alternate:before{content:"\f5a0"}i.icon.map.marker:before{content:"\f041"}i.icon.map.marker.alternate:before{content:"\f3c5"}i.icon.map.pin:before{content:"\f276"}i.icon.map.signs:before{content:"\f277"}i.icon.marker:before{content:"\f5a1"}i.icon.mars:before{content:"\f222"}i.icon.mars.double:before{content:"\f227"}i.icon.mars.stroke:before{content:"\f229"}i.icon.mars.stroke.horizontal:before{content:"\f22b"}i.icon.mars.stroke.vertical:before{content:"\f22a"}i.icon.mask:before{content:"\f6fa"}i.icon.medal:before{content:"\f5a2"}i.icon.medkit:before{content:"\f0fa"}i.icon.meh:before{content:"\f11a"}i.icon.meh.blank:before{content:"\f5a4"}i.icon.meh.rolling.eyes:before{content:"\f5a5"}i.icon.memory:before{content:"\f538"}i.icon.menorah:before{content:"\f676"}i.icon.mercury:before{content:"\f223"}i.icon.microchip:before{content:"\f2db"}i.icon.microphone:before{content:"\f130"}i.icon.microphone.alternate:before{content:"\f3c9"}i.icon.microphone.alternate.slash:before{content:"\f539"}i.icon.microphone.slash:before{content:"\f131"}i.icon.microscope:before{content:"\f610"}i.icon.minus:before{content:"\f068"}i.icon.minus.circle:before{content:"\f056"}i.icon.minus.square:before{content:"\f146"}i.icon.mobile:before{content:"\f10b"}i.icon.mobile.alternate:before{content:"\f3cd"}i.icon.money.bill:before{content:"\f0d6"}i.icon.money.bill.alternate:before{content:"\f3d1"}i.icon.money.bill.wave:before{content:"\f53a"}i.icon.money.bill.wave.alternate:before{content:"\f53b"}i.icon.money.check:before{content:"\f53c"}i.icon.money.check.alternate:before{content:"\f53d"}i.icon.monument:before{content:"\f5a6"}i.icon.moon:before{content:"\f186"}i.icon.mortar.pestle:before{content:"\f5a7"}i.icon.mosque:before{content:"\f678"}i.icon.motorcycle:before{content:"\f21c"}i.icon.mountain:before{content:"\f6fc"}i.icon.mouse.pointer:before{content:"\f245"}i.icon.music:before{content:"\f001"}i.icon.network.wired:before{content:"\f6ff"}i.icon.neuter:before{content:"\f22c"}i.icon.newspaper:before{content:"\f1ea"}i.icon.not.equal:before{content:"\f53e"}i.icon.notes.medical:before{content:"\f481"}i.icon.object.group:before{content:"\f247"}i.icon.object.ungroup:before{content:"\f248"}i.icon.oil.can:before{content:"\f613"}i.icon.om:before{content:"\f679"}i.icon.otter:before{content:"\f700"}i.icon.outdent:before{content:"\f03b"}i.icon.paint.brush:before{content:"\f1fc"}i.icon.paint.roller:before{content:"\f5aa"}i.icon.palette:before{content:"\f53f"}i.icon.pallet:before{content:"\f482"}i.icon.paper.plane:before{content:"\f1d8"}i.icon.paperclip:before{content:"\f0c6"}i.icon.parachute.box:before{content:"\f4cd"}i.icon.paragraph:before{content:"\f1dd"}i.icon.parking:before{content:"\f540"}i.icon.passport:before{content:"\f5ab"}i.icon.pastafarianism:before{content:"\f67b"}i.icon.paste:before{content:"\f0ea"}i.icon.pause:before{content:"\f04c"}i.icon.pause.circle:before{content:"\f28b"}i.icon.paw:before{content:"\f1b0"}i.icon.peace:before{content:"\f67c"}i.icon.pen:before{content:"\f304"}i.icon.pen.alternate:before{content:"\f305"}i.icon.pen.fancy:before{content:"\f5ac"}i.icon.pen.nib:before{content:"\f5ad"}i.icon.pen.square:before{content:"\f14b"}i.icon.pencil.alternate:before{content:"\f303"}i.icon.pencil.ruler:before{content:"\f5ae"}i.icon.people.carry:before{content:"\f4ce"}i.icon.percent:before{content:"\f295"}i.icon.percentage:before{content:"\f541"}i.icon.phone:before{content:"\f095"}i.icon.phone.slash:before{content:"\f3dd"}i.icon.phone.square:before{content:"\f098"}i.icon.phone.volume:before{content:"\f2a0"}i.icon.piggy.bank:before{content:"\f4d3"}i.icon.pills:before{content:"\f484"}i.icon.place.of.worship:before{content:"\f67f"}i.icon.plane:before{content:"\f072"}i.icon.plane.arrival:before{content:"\f5af"}i.icon.plane.departure:before{content:"\f5b0"}i.icon.play:before{content:"\f04b"}i.icon.play.circle:before{content:"\f144"}i.icon.plug:before{content:"\f1e6"}i.icon.plus:before{content:"\f067"}i.icon.plus.circle:before{content:"\f055"}i.icon.plus.square:before{content:"\f0fe"}i.icon.podcast:before{content:"\f2ce"}i.icon.poll:before{content:"\f681"}i.icon.poll.horizontal:before{content:"\f682"}i.icon.poo:before{content:"\f2fe"}i.icon.poop:before{content:"\f619"}i.icon.portrait:before{content:"\f3e0"}i.icon.pound.sign:before{content:"\f154"}i.icon.power.off:before{content:"\f011"}i.icon.pray:before{content:"\f683"}i.icon.praying.hands:before{content:"\f684"}i.icon.prescription:before{content:"\f5b1"}i.icon.prescription.bottle:before{content:"\f485"}i.icon.prescription.bottle.alternate:before{content:"\f486"}i.icon.print:before{content:"\f02f"}i.icon.procedures:before{content:"\f487"}i.icon.project.diagram:before{content:"\f542"}i.icon.puzzle.piece:before{content:"\f12e"}i.icon.qrcode:before{content:"\f029"}i.icon.question:before{content:"\f128"}i.icon.question.circle:before{content:"\f059"}i.icon.quidditch:before{content:"\f458"}i.icon.quote.left:before{content:"\f10d"}i.icon.quote.right:before{content:"\f10e"}i.icon.quran:before{content:"\f687"}i.icon.random:before{content:"\f074"}i.icon.receipt:before{content:"\f543"}i.icon.recycle:before{content:"\f1b8"}i.icon.redo:before{content:"\f01e"}i.icon.redo.alternate:before{content:"\f2f9"}i.icon.registered:before{content:"\f25d"}i.icon.reply:before{content:"\f3e5"}i.icon.reply.all:before{content:"\f122"}i.icon.retweet:before{content:"\f079"}i.icon.ribbon:before{content:"\f4d6"}i.icon.ring:before{content:"\f70b"}i.icon.road:before{content:"\f018"}i.icon.robot:before{content:"\f544"}i.icon.rocket:before{content:"\f135"}i.icon.route:before{content:"\f4d7"}i.icon.rss:before{content:"\f09e"}i.icon.rss.square:before{content:"\f143"}i.icon.ruble.sign:before{content:"\f158"}i.icon.ruler:before{content:"\f545"}i.icon.ruler.combined:before{content:"\f546"}i.icon.ruler.horizontal:before{content:"\f547"}i.icon.ruler.vertical:before{content:"\f548"}i.icon.running:before{content:"\f70c"}i.icon.rupee.sign:before{content:"\f156"}i.icon.sad.cry:before{content:"\f5b3"}i.icon.sad.tear:before{content:"\f5b4"}i.icon.save:before{content:"\f0c7"}i.icon.school:before{content:"\f549"}i.icon.screwdriver:before{content:"\f54a"}i.icon.scroll:before{content:"\f70e"}i.icon.search:before{content:"\f002"}i.icon.search.dollar:before{content:"\f688"}i.icon.search.location:before{content:"\f689"}i.icon.search.minus:before{content:"\f010"}i.icon.search.plus:before{content:"\f00e"}i.icon.seedling:before{content:"\f4d8"}i.icon.server:before{content:"\f233"}i.icon.shapes:before{content:"\f61f"}i.icon.share:before{content:"\f064"}i.icon.share.alternate:before{content:"\f1e0"}i.icon.share.alternate.square:before{content:"\f1e1"}i.icon.share.square:before{content:"\f14d"}i.icon.shekel.sign:before{content:"\f20b"}i.icon.shield.alternate:before{content:"\f3ed"}i.icon.ship:before{content:"\f21a"}i.icon.shipping.fast:before{content:"\f48b"}i.icon.shoe.prints:before{content:"\f54b"}i.icon.shopping.bag:before{content:"\f290"}i.icon.shopping.basket:before{content:"\f291"}i.icon.shopping.cart:before{content:"\f07a"}i.icon.shower:before{content:"\f2cc"}i.icon.shuttle.van:before{content:"\f5b6"}i.icon.sign:before{content:"\f4d9"}i.icon.sign.in.alternate:before{content:"\f2f6"}i.icon.sign.language:before{content:"\f2a7"}i.icon.sign.out.alternate:before{content:"\f2f5"}i.icon.signal:before{content:"\f012"}i.icon.signature:before{content:"\f5b7"}i.icon.sitemap:before{content:"\f0e8"}i.icon.skull:before{content:"\f54c"}i.icon.skull.crossbones:before{content:"\f714"}i.icon.slash:before{content:"\f715"}i.icon.sliders.horizontal:before{content:"\f1de"}i.icon.smile:before{content:"\f118"}i.icon.smile.beam:before{content:"\f5b8"}i.icon.smile.wink:before{content:"\f4da"}i.icon.smoking:before{content:"\f48d"}i.icon.smoking.ban:before{content:"\f54d"}i.icon.snowflake:before{content:"\f2dc"}i.icon.socks:before{content:"\f696"}i.icon.solar.panel:before{content:"\f5ba"}i.icon.sort:before{content:"\f0dc"}i.icon.sort.alphabet.down:before{content:"\f15d"}i.icon.sort.alphabet.up:before{content:"\f15e"}i.icon.sort.amount.down:before{content:"\f160"}i.icon.sort.amount.up:before{content:"\f161"}i.icon.sort.down:before{content:"\f0dd"}i.icon.sort.numeric.down:before{content:"\f162"}i.icon.sort.numeric.up:before{content:"\f163"}i.icon.sort.up:before{content:"\f0de"}i.icon.spa:before{content:"\f5bb"}i.icon.space.shuttle:before{content:"\f197"}i.icon.spider:before{content:"\f717"}i.icon.spinner:before{content:"\f110"}i.icon.splotch:before{content:"\f5bc"}i.icon.spray.can:before{content:"\f5bd"}i.icon.square:before{content:"\f0c8"}i.icon.square.full:before{content:"\f45c"}i.icon.square.root.alternate:before{content:"\f698"}i.icon.stamp:before{content:"\f5bf"}i.icon.star:before{content:"\f005"}i.icon.star.and.crescent:before{content:"\f699"}i.icon.star.half:before{content:"\f089"}i.icon.star.half.alternate:before{content:"\f5c0"}i.icon.star.of.david:before{content:"\f69a"}i.icon.star.of.life:before{content:"\f621"}i.icon.step.backward:before{content:"\f048"}i.icon.step.forward:before{content:"\f051"}i.icon.stethoscope:before{content:"\f0f1"}i.icon.sticky.note:before{content:"\f249"}i.icon.stop:before{content:"\f04d"}i.icon.stop.circle:before{content:"\f28d"}i.icon.stopwatch:before{content:"\f2f2"}i.icon.store:before{content:"\f54e"}i.icon.store.alternate:before{content:"\f54f"}i.icon.stream:before{content:"\f550"}i.icon.street.view:before{content:"\f21d"}i.icon.strikethrough:before{content:"\f0cc"}i.icon.stroopwafel:before{content:"\f551"}i.icon.subscript:before{content:"\f12c"}i.icon.subway:before{content:"\f239"}i.icon.suitcase:before{content:"\f0f2"}i.icon.suitcase.rolling:before{content:"\f5c1"}i.icon.sun:before{content:"\f185"}i.icon.superscript:before{content:"\f12b"}i.icon.surprise:before{content:"\f5c2"}i.icon.swatchbook:before{content:"\f5c3"}i.icon.swimmer:before{content:"\f5c4"}i.icon.swimming.pool:before{content:"\f5c5"}i.icon.synagogue:before{content:"\f69b"}i.icon.sync:before{content:"\f021"}i.icon.sync.alternate:before{content:"\f2f1"}i.icon.syringe:before{content:"\f48e"}i.icon.table:before{content:"\f0ce"}i.icon.table.tennis:before{content:"\f45d"}i.icon.tablet:before{content:"\f10a"}i.icon.tablet.alternate:before{content:"\f3fa"}i.icon.tablets:before{content:"\f490"}i.icon.tachometer.alternate:before{content:"\f3fd"}i.icon.tag:before{content:"\f02b"}i.icon.tags:before{content:"\f02c"}i.icon.tape:before{content:"\f4db"}i.icon.tasks:before{content:"\f0ae"}i.icon.taxi:before{content:"\f1ba"}i.icon.teeth:before{content:"\f62e"}i.icon.teeth.open:before{content:"\f62f"}i.icon.terminal:before{content:"\f120"}i.icon.text.height:before{content:"\f034"}i.icon.text.width:before{content:"\f035"}i.icon.th:before{content:"\f00a"}i.icon.th.large:before{content:"\f009"}i.icon.th.list:before{content:"\f00b"}i.icon.theater.masks:before{content:"\f630"}i.icon.thermometer:before{content:"\f491"}i.icon.thermometer.empty:before{content:"\f2cb"}i.icon.thermometer.full:before{content:"\f2c7"}i.icon.thermometer.half:before{content:"\f2c9"}i.icon.thermometer.quarter:before{content:"\f2ca"}i.icon.thermometer.three.quarters:before{content:"\f2c8"}i.icon.thumbs.down:before{content:"\f165"}i.icon.thumbs.up:before{content:"\f164"}i.icon.thumbtack:before{content:"\f08d"}i.icon.ticket.alternate:before{content:"\f3ff"}i.icon.times:before{content:"\f00d"}i.icon.times.circle:before{content:"\f057"}i.icon.tint:before{content:"\f043"}i.icon.tint.slash:before{content:"\f5c7"}i.icon.tired:before{content:"\f5c8"}i.icon.toggle.off:before{content:"\f204"}i.icon.toggle.on:before{content:"\f205"}i.icon.toilet.paper:before{content:"\f71e"}i.icon.toolbox:before{content:"\f552"}i.icon.tooth:before{content:"\f5c9"}i.icon.torah:before{content:"\f6a0"}i.icon.torii.gate:before{content:"\f6a1"}i.icon.tractor:before{content:"\f722"}i.icon.trademark:before{content:"\f25c"}i.icon.traffic.light:before{content:"\f637"}i.icon.train:before{content:"\f238"}i.icon.transgender:before{content:"\f224"}i.icon.transgender.alternate:before{content:"\f225"}i.icon.trash:before{content:"\f1f8"}i.icon.trash.alternate:before{content:"\f2ed"}i.icon.tree:before{content:"\f1bb"}i.icon.trophy:before{content:"\f091"}i.icon.truck:before{content:"\f0d1"}i.icon.truck.monster:before{content:"\f63b"}i.icon.truck.moving:before{content:"\f4df"}i.icon.truck.packing:before{content:"\f4de"}i.icon.truck.pickup:before{content:"\f63c"}i.icon.tshirt:before{content:"\f553"}i.icon.tty:before{content:"\f1e4"}i.icon.tv:before{content:"\f26c"}i.icon.umbrella:before{content:"\f0e9"}i.icon.umbrella.beach:before{content:"\f5ca"}i.icon.underline:before{content:"\f0cd"}i.icon.undo:before{content:"\f0e2"}i.icon.undo.alternate:before{content:"\f2ea"}i.icon.universal.access:before{content:"\f29a"}i.icon.university:before{content:"\f19c"}i.icon.unlink:before{content:"\f127"}i.icon.unlock:before{content:"\f09c"}i.icon.unlock.alternate:before{content:"\f13e"}i.icon.upload:before{content:"\f093"}i.icon.user:before{content:"\f007"}i.icon.user.alternate:before{content:"\f406"}i.icon.user.alternate.slash:before{content:"\f4fa"}i.icon.user.astronaut:before{content:"\f4fb"}i.icon.user.check:before{content:"\f4fc"}i.icon.user.circle:before{content:"\f2bd"}i.icon.user.clock:before{content:"\f4fd"}i.icon.user.cog:before{content:"\f4fe"}i.icon.user.edit:before{content:"\f4ff"}i.icon.user.friends:before{content:"\f500"}i.icon.user.graduate:before{content:"\f501"}i.icon.user.injured:before{content:"\f728"}i.icon.user.lock:before{content:"\f502"}i.icon.user.md:before{content:"\f0f0"}i.icon.user.minus:before{content:"\f503"}i.icon.user.ninja:before{content:"\f504"}i.icon.user.plus:before{content:"\f234"}i.icon.user.secret:before{content:"\f21b"}i.icon.user.shield:before{content:"\f505"}i.icon.user.slash:before{content:"\f506"}i.icon.user.tag:before{content:"\f507"}i.icon.user.tie:before{content:"\f508"}i.icon.user.times:before{content:"\f235"}i.icon.users:before{content:"\f0c0"}i.icon.users.cog:before{content:"\f509"}i.icon.utensil.spoon:before{content:"\f2e5"}i.icon.utensils:before{content:"\f2e7"}i.icon.vector.square:before{content:"\f5cb"}i.icon.venus:before{content:"\f221"}i.icon.venus.double:before{content:"\f226"}i.icon.venus.mars:before{content:"\f228"}i.icon.vial:before{content:"\f492"}i.icon.vials:before{content:"\f493"}i.icon.video:before{content:"\f03d"}i.icon.video.slash:before{content:"\f4e2"}i.icon.vihara:before{content:"\f6a7"}i.icon.volleyball.ball:before{content:"\f45f"}i.icon.volume.down:before{content:"\f027"}i.icon.volume.mute:before{content:"\f6a9"}i.icon.volume.off:before{content:"\f026"}i.icon.volume.up:before{content:"\f028"}i.icon.walking:before{content:"\f554"}i.icon.wallet:before{content:"\f555"}i.icon.warehouse:before{content:"\f494"}i.icon.weight:before{content:"\f496"}i.icon.weight.hanging:before{content:"\f5cd"}i.icon.wheelchair:before{content:"\f193"}i.icon.wifi:before{content:"\f1eb"}i.icon.wind:before{content:"\f72e"}i.icon.window.close:before{content:"\f410"}i.icon.window.maximize:before{content:"\f2d0"}i.icon.window.minimize:before{content:"\f2d1"}i.icon.window.restore:before{content:"\f2d2"}i.icon.wine.bottle:before{content:"\f72f"}i.icon.wine.glass:before{content:"\f4e3"}i.icon.wine.glass.alternate:before{content:"\f5ce"}i.icon.won.sign:before{content:"\f159"}i.icon.wrench:before{content:"\f0ad"}i.icon.x.ray:before{content:"\f497"}i.icon.yen.sign:before{content:"\f157"}i.icon.yin.yang:before{content:"\f6ad"}i.icon.chess.rock:before{content:"\f447"}i.icon.ordered.list:before{content:"\f0cb"}i.icon.unordered.list:before{content:"\f0ca"}i.icon.user.doctor:before{content:"\f0f0"}i.icon.shield:before{content:"\f3ed"}i.icon.puzzle:before{content:"\f12e"}i.icon.add.circle:before{content:"\f055"}i.icon.add.square:before{content:"\f0fe"}i.icon.add.to.calendar:before{content:"\f271"}i.icon.add.to.cart:before{content:"\f217"}i.icon.add.user:before{content:"\f234"}i.icon.add:before{content:"\f067"}i.icon.alarm.mute:before{content:"\f1f6"}i.icon.alarm:before{content:"\f0f3"}i.icon.ald:before{content:"\f2a2"}i.icon.als:before{content:"\f2a2"}i.icon.announcement:before{content:"\f0a1"}i.icon.area.chart:before{content:"\f1fe"}i.icon.area.graph:before{content:"\f1fe"}i.icon.arrow.down.cart:before{content:"\f218"}i.icon.asexual:before{content:"\f22d"}i.icon.asl.interpreting:before{content:"\f2a3"}i.icon.asl:before{content:"\f2a3"}i.icon.assistive.listening.devices:before{content:"\f2a2"}i.icon.attach:before{content:"\f0c6"}i.icon.attention:before{content:"\f06a"}i.icon.balance:before{content:"\f24e"}i.icon.bar:before{content:"\f0fc"}i.icon.bathtub:before{content:"\f2cd"}i.icon.battery.four:before{content:"\f240"}i.icon.battery.high:before{content:"\f241"}i.icon.battery.low:before{content:"\f243"}i.icon.battery.medium:before{content:"\f242"}i.icon.battery.one:before{content:"\f243"}i.icon.battery.three:before{content:"\f241"}i.icon.battery.two:before{content:"\f242"}i.icon.battery.zero:before{content:"\f244"}i.icon.birthday:before{content:"\f1fd"}i.icon.block.layout:before{content:"\f009"}i.icon.broken.chain:before{content:"\f127"}i.icon.browser:before{content:"\f022"}i.icon.call.square:before{content:"\f098"}i.icon.call:before{content:"\f095"}i.icon.cancel:before{content:"\f00d"}i.icon.cart:before{content:"\f07a"}i.icon.cc:before{content:"\f20a"}i.icon.chain:before{content:"\f0c1"}i.icon.chat:before{content:"\f075"}i.icon.checked.calendar:before{content:"\f274"}i.icon.checkmark:before{content:"\f00c"}i.icon.circle.notched:before{content:"\f1ce"}i.icon.close:before{content:"\f00d"}i.icon.cny:before{content:"\f157"}i.icon.cocktail:before{content:"\f000"}i.icon.commenting:before{content:"\f27a"}i.icon.computer:before{content:"\f108"}i.icon.configure:before{content:"\f0ad"}i.icon.content:before{content:"\f0c9"}i.icon.deafness:before{content:"\f2a4"}i.icon.delete.calendar:before{content:"\f273"}i.icon.delete:before{content:"\f00d"}i.icon.detective:before{content:"\f21b"}i.icon.discussions:before{content:"\f086"}i.icon.doctor:before{content:"\f0f0"}i.icon.dollar:before{content:"\f155"}i.icon.dont:before{content:"\f05e"}i.icon.drivers.license:before{content:"\f2c2"}i.icon.dropdown:before{content:"\f0d7"}i.icon.emergency:before{content:"\f0f9"}i.icon.erase:before{content:"\f12d"}i.icon.eur:before{content:"\f153"}i.icon.euro:before{content:"\f153"}i.icon.eyedropper:before{content:"\f1fb"}i.icon.factory:before{content:"\f275"}i.icon.favorite:before{content:"\f005"}i.icon.feed:before{content:"\f09e"}i.icon.female.homosexual:before{content:"\f226"}i.icon.file.text:before{content:"\f15c"}i.icon.find:before{content:"\f1e5"}i.icon.first.aid:before{content:"\f0fa"}i.icon.fork:before{content:"\f126"}i.icon.game:before{content:"\f11b"}i.icon.gay:before{content:"\f227"}i.icon.gbp:before{content:"\f154"}i.icon.grab:before{content:"\f255"}i.icon.graduation:before{content:"\f19d"}i.icon.grid.layout:before{content:"\f00a"}i.icon.group:before{content:"\f0c0"}i.icon.h:before{content:"\f0fd"}i.icon.hand.victory:before{content:"\f25b"}i.icon.handicap:before{content:"\f193"}i.icon.hard.of.hearing:before{content:"\f2a4"}i.icon.header:before{content:"\f1dc"}i.icon.help.circle:before{content:"\f059"}i.icon.help:before{content:"\f128"}i.icon.heterosexual:before{content:"\f228"}i.icon.hide:before{content:"\f070"}i.icon.hotel:before{content:"\f236"}i.icon.hourglass.four:before{content:"\f254"}i.icon.hourglass.full:before{content:"\f254"}i.icon.hourglass.one:before{content:"\f251"}i.icon.hourglass.three:before{content:"\f253"}i.icon.hourglass.two:before{content:"\f252"}i.icon.idea:before{content:"\f0eb"}i.icon.ils:before{content:"\f20b"}i.icon.in.cart:before{content:"\f218"}i.icon.inr:before{content:"\f156"}i.icon.intergender:before{content:"\f224"}i.icon.intersex:before{content:"\f224"}i.icon.jpy:before{content:"\f157"}i.icon.krw:before{content:"\f159"}i.icon.lab:before{content:"\f0c3"}i.icon.law:before{content:"\f24e"}i.icon.legal:before{content:"\f0e3"}i.icon.lesbian:before{content:"\f226"}i.icon.lightning:before{content:"\f0e7"}i.icon.like:before{content:"\f004"}i.icon.line.graph:before{content:"\f201"}i.icon.linkify:before{content:"\f0c1"}i.icon.lira:before{content:"\f195"}i.icon.list.layout:before{content:"\f00b"}i.icon.magnify:before{content:"\f00e"}i.icon.mail.forward:before{content:"\f064"}i.icon.mail.square:before{content:"\f199"}i.icon.mail:before{content:"\f0e0"}i.icon.male.homosexual:before{content:"\f227"}i.icon.man:before{content:"\f222"}i.icon.marker:before{content:"\f041"}i.icon.mars.alternate:before{content:"\f229"}i.icon.mars.horizontal:before{content:"\f22b"}i.icon.mars.vertical:before{content:"\f22a"}i.icon.military:before{content:"\f0fb"}i.icon.mute:before{content:"\f131"}i.icon.non.binary.transgender:before{content:"\f223"}i.icon.numbered.list:before{content:"\f0cb"}i.icon.options:before{content:"\f1de"}i.icon.other.gender.horizontal:before{content:"\f22b"}i.icon.other.gender.vertical:before{content:"\f22a"}i.icon.other.gender:before{content:"\f229"}i.icon.payment:before{content:"\f09d"}i.icon.pencil.square:before{content:"\f14b"}i.icon.photo:before{content:"\f030"}i.icon.picture:before{content:"\f03e"}i.icon.pie.chart:before{content:"\f200"}i.icon.pie.graph:before{content:"\f200"}i.icon.pin:before{content:"\f08d"}i.icon.plus.cart:before{content:"\f217"}i.icon.point:before{content:"\f041"}i.icon.pointing.down:before{content:"\f0a7"}i.icon.pointing.left:before{content:"\f0a5"}i.icon.pointing.right:before{content:"\f0a4"}i.icon.pointing.up:before{content:"\f0a6"}i.icon.pound:before{content:"\f154"}i.icon.power.cord:before{content:"\f1e6"}i.icon.power:before{content:"\f011"}i.icon.privacy:before{content:"\f084"}i.icon.r.circle:before{content:"\f25d"}i.icon.rain:before{content:"\f0e9"}i.icon.record:before{content:"\f03d"}i.icon.refresh:before{content:"\f021"}i.icon.remove.circle:before{content:"\f057"}i.icon.remove.from.calendar:before{content:"\f272"}i.icon.remove.user:before{content:"\f235"}i.icon.remove:before{content:"\f00d"}i.icon.repeat:before{content:"\f01e"}i.icon.rmb:before{content:"\f157"}i.icon.rouble:before{content:"\f158"}i.icon.rub:before{content:"\f158"}i.icon.ruble:before{content:"\f158"}i.icon.rupee:before{content:"\f156"}i.icon.s15:before{content:"\f2cd"}i.icon.selected.radio:before{content:"\f192"}i.icon.send:before{content:"\f1d8"}i.icon.setting:before{content:"\f013"}i.icon.settings:before{content:"\f085"}i.icon.shekel:before{content:"\f20b"}i.icon.sheqel:before{content:"\f20b"}i.icon.shipping:before{content:"\f0d1"}i.icon.shop:before{content:"\f07a"}i.icon.shuffle:before{content:"\f074"}i.icon.shutdown:before{content:"\f011"}i.icon.sidebar:before{content:"\f0c9"}i.icon.signing:before{content:"\f2a7"}i.icon.signup:before{content:"\f044"}i.icon.sliders:before{content:"\f1de"}i.icon.soccer:before{content:"\f1e3"}i.icon.sort.alphabet.ascending:before{content:"\f15d"}i.icon.sort.alphabet.descending:before{content:"\f15e"}i.icon.sort.ascending:before{content:"\f0de"}i.icon.sort.content.ascending:before{content:"\f160"}i.icon.sort.content.descending:before{content:"\f161"}i.icon.sort.descending:before{content:"\f0dd"}i.icon.sort.numeric.ascending:before{content:"\f162"}i.icon.sort.numeric.descending:before{content:"\f163"}i.icon.sound:before{content:"\f025"}i.icon.spy:before{content:"\f21b"}i.icon.student:before{content:"\f19d"}i.icon.talk:before{content:"\f27a"}i.icon.target:before{content:"\f140"}i.icon.teletype:before{content:"\f1e4"}i.icon.television:before{content:"\f26c"}i.icon.text.cursor:before{content:"\f246"}i.icon.text.telephone:before{content:"\f1e4"}i.icon.theme:before{content:"\f043"}i.icon.thermometer:before{content:"\f2c7"}i.icon.thumb.tack:before{content:"\f08d"}i.icon.time:before{content:"\f017"}i.icon.tm:before{content:"\f25c"}i.icon.toggle.down:before{content:"\f150"}i.icon.toggle.left:before{content:"\f191"}i.icon.toggle.right:before{content:"\f152"}i.icon.toggle.up:before{content:"\f151"}i.icon.translate:before{content:"\f1ab"}i.icon.travel:before{content:"\f0b1"}i.icon.treatment:before{content:"\f0f1"}i.icon.triangle.down:before{content:"\f0d7"}i.icon.triangle.left:before{content:"\f0d9"}i.icon.triangle.right:before{content:"\f0da"}i.icon.triangle.up:before{content:"\f0d8"}i.icon.try:before{content:"\f195"}i.icon.unhide:before{content:"\f06e"}i.icon.unlinkify:before{content:"\f127"}i.icon.unmute:before{content:"\f130"}i.icon.usd:before{content:"\f155"}i.icon.user.cancel:before{content:"\f235"}i.icon.user.close:before{content:"\f235"}i.icon.user.delete:before{content:"\f235"}i.icon.user.x:before{content:"\f235"}i.icon.vcard:before{content:"\f2bb"}i.icon.video.camera:before{content:"\f03d"}i.icon.video.play:before{content:"\f144"}i.icon.volume.control.phone:before{content:"\f2a0"}i.icon.wait:before{content:"\f017"}i.icon.warning.circle:before{content:"\f06a"}i.icon.warning.sign:before{content:"\f071"}i.icon.warning:before{content:"\f12a"}i.icon.wi.fi:before{content:"\f1eb"}i.icon.winner:before{content:"\f091"}i.icon.wizard:before{content:"\f0d0"}i.icon.woman:before{content:"\f221"}i.icon.won:before{content:"\f159"}i.icon.world:before{content:"\f0ac"}i.icon.write.square:before{content:"\f14b"}i.icon.x:before{content:"\f00d"}i.icon.yen:before{content:"\f157"}i.icon.zip:before{content:"\f187"}i.icon.zoom.in:before{content:"\f00e"}i.icon.zoom.out:before{content:"\f010"}i.icon.zoom:before{content:"\f00e"}i.icon.checkmark.box:before{content:"\f14a"}i.icon.circle.thin:before{content:"\f111"}i.icon.cloud.download:before{content:"\f381"}i.icon.cloud.upload:before{content:"\f382"}i.icon.compose:before{content:"\f303"}i.icon.conversation:before{content:"\f086"}i.icon.credit.card.alternative:before{content:"\f09d"}i.icon.currency:before{content:"\f3d1"}i.icon.dashboard:before{content:"\f3fd"}i.icon.diamond:before{content:"\f3a5"}i.icon.disk:before{content:"\f0a0"}i.icon.exchange:before{content:"\f362"}i.icon.external.share:before{content:"\f14d"}i.icon.external.square:before{content:"\f360"}i.icon.external:before{content:"\f35d"}i.icon.food:before{content:"\f2e7"}i.icon.heart.empty:before{content:"\f004"}i.icon.hourglass.zero:before{content:"\f253"}i.icon.level.down:before{content:"\f3be"}i.icon.level.up:before{content:"\f3bf"}i.icon.log.out:before{content:"\f2f5"}i.icon.meanpath:before{content:"\f0c8"}i.icon.money:before{content:"\f3d1"}i.icon.move:before{content:"\f0b2"}i.icon.pencil:before{content:"\f303"}i.icon.protect:before{content:"\f023"}i.icon.radio:before{content:"\f192"}i.icon.remove.bookmark:before{content:"\f02e"}i.icon.resize.horizontal:before{content:"\f337"}i.icon.resize.vertical:before{content:"\f338"}i.icon.sign.in:before{content:"\f2f6"}i.icon.sign.out:before{content:"\f2f5"}i.icon.spoon:before{content:"\f2e5"}i.icon.star.empty:before{content:"\f089"}i.icon.star.half.empty:before{content:"\f089"}i.icon.star.half.full:before{content:"\f089"}i.icon.ticket:before{content:"\f3ff"}i.icon.times.rectangle:before{content:"\f410"}i.icon.write:before{content:"\f303"}@font-face{font-family:outline-icons;src:url(../themes/default/assets/fonts/outline-icons.eot);src:url(../themes/default/assets/fonts/outline-icons.eot?#iefix) format('embedded-opentype'),url(../themes/default/assets/fonts/outline-icons.woff2) format('woff2'),url(../themes/default/assets/fonts/outline-icons.woff) format('woff'),url(../themes/default/assets/fonts/outline-icons.ttf) format('truetype'),url(../themes/default/assets/fonts/outline-icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon.outline{font-family:outline-icons}i.icon.address.book.outline:before{content:"\f2b9"}i.icon.address.card.outline:before{content:"\f2bb"}i.icon.angry.outline:before{content:"\f556"}i.icon.arrow.alternate.circle.down.outline:before{content:"\f358"}i.icon.arrow.alternate.circle.left.outline:before{content:"\f359"}i.icon.arrow.alternate.circle.right.outline:before{content:"\f35a"}i.icon.arrow.alternate.circle.up.outline:before{content:"\f35b"}i.icon.bell.outline:before{content:"\f0f3"}i.icon.bell.slash.outline:before{content:"\f1f6"}i.icon.bookmark.outline:before{content:"\f02e"}i.icon.building.outline:before{content:"\f1ad"}i.icon.calendar.alternate.outline:before{content:"\f073"}i.icon.calendar.check.outline:before{content:"\f274"}i.icon.calendar.minus.outline:before{content:"\f272"}i.icon.calendar.outline:before{content:"\f133"}i.icon.calendar.plus.outline:before{content:"\f271"}i.icon.calendar.times.outline:before{content:"\f273"}i.icon.caret.square.down.outline:before{content:"\f150"}i.icon.caret.square.left.outline:before{content:"\f191"}i.icon.caret.square.right.outline:before{content:"\f152"}i.icon.caret.square.up.outline:before{content:"\f151"}i.icon.chart.bar.outline:before{content:"\f080"}i.icon.check.circle.outline:before{content:"\f058"}i.icon.check.square.outline:before{content:"\f14a"}i.icon.circle.outline:before{content:"\f111"}i.icon.clipboard.outline:before{content:"\f328"}i.icon.clock.outline:before{content:"\f017"}i.icon.clone.outline:before{content:"\f24d"}i.icon.closed.captioning.outline:before{content:"\f20a"}i.icon.comment.alternate.outline:before{content:"\f27a"}i.icon.comment.dots.outline:before{content:"\f4ad"}i.icon.comment.outline:before{content:"\f075"}i.icon.comments.outline:before{content:"\f086"}i.icon.compass.outline:before{content:"\f14e"}i.icon.copy.outline:before{content:"\f0c5"}i.icon.copyright.outline:before{content:"\f1f9"}i.icon.credit.card.outline:before{content:"\f09d"}i.icon.dizzy.outline:before{content:"\f567"}i.icon.dot.circle.outline:before{content:"\f192"}i.icon.edit.outline:before{content:"\f044"}i.icon.envelope.open.outline:before{content:"\f2b6"}i.icon.envelope.outline:before{content:"\f0e0"}i.icon.eye.outline:before{content:"\f06e"}i.icon.eye.slash.outline:before{content:"\f070"}i.icon.file.alternate.outline:before{content:"\f15c"}i.icon.file.archive.outline:before{content:"\f1c6"}i.icon.file.audio.outline:before{content:"\f1c7"}i.icon.file.code.outline:before{content:"\f1c9"}i.icon.file.excel.outline:before{content:"\f1c3"}i.icon.file.image.outline:before{content:"\f1c5"}i.icon.file.outline:before{content:"\f15b"}i.icon.file.pdf.outline:before{content:"\f1c1"}i.icon.file.powerpoint.outline:before{content:"\f1c4"}i.icon.file.video.outline:before{content:"\f1c8"}i.icon.file.word.outline:before{content:"\f1c2"}i.icon.flag.outline:before{content:"\f024"}i.icon.flushed.outline:before{content:"\f579"}i.icon.folder.open.outline:before{content:"\f07c"}i.icon.folder.outline:before{content:"\f07b"}i.icon.frown.open.outline:before{content:"\f57a"}i.icon.frown.outline:before{content:"\f119"}i.icon.futbol.outline:before{content:"\f1e3"}i.icon.gem.outline:before{content:"\f3a5"}i.icon.grimace.outline:before{content:"\f57f"}i.icon.grin.alternate.outline:before{content:"\f581"}i.icon.grin.beam.outline:before{content:"\f582"}i.icon.grin.beam.sweat.outline:before{content:"\f583"}i.icon.grin.hearts.outline:before{content:"\f584"}i.icon.grin.outline:before{content:"\f580"}i.icon.grin.squint.outline:before{content:"\f585"}i.icon.grin.squint.tears.outline:before{content:"\f586"}i.icon.grin.stars.outline:before{content:"\f587"}i.icon.grin.tears.outline:before{content:"\f588"}i.icon.grin.tongue.outline:before{content:"\f589"}i.icon.grin.tongue.squint.outline:before{content:"\f58a"}i.icon.grin.tongue.wink.outline:before{content:"\f58b"}i.icon.grin.wink.outline:before{content:"\f58c"}i.icon.hand.lizard.outline:before{content:"\f258"}i.icon.hand.paper.outline:before{content:"\f256"}i.icon.hand.peace.outline:before{content:"\f25b"}i.icon.hand.point.down.outline:before{content:"\f0a7"}i.icon.hand.point.left.outline:before{content:"\f0a5"}i.icon.hand.point.right.outline:before{content:"\f0a4"}i.icon.hand.point.up.outline:before{content:"\f0a6"}i.icon.hand.pointer.outline:before{content:"\f25a"}i.icon.hand.rock.outline:before{content:"\f255"}i.icon.hand.scissors.outline:before{content:"\f257"}i.icon.hand.spock.outline:before{content:"\f259"}i.icon.handshake.outline:before{content:"\f2b5"}i.icon.hdd.outline:before{content:"\f0a0"}i.icon.heart.outline:before{content:"\f004"}i.icon.hospital.outline:before{content:"\f0f8"}i.icon.hourglass.outline:before{content:"\f254"}i.icon.id.badge.outline:before{content:"\f2c1"}i.icon.id.card.outline:before{content:"\f2c2"}i.icon.image.outline:before{content:"\f03e"}i.icon.images.outline:before{content:"\f302"}i.icon.keyboard.outline:before{content:"\f11c"}i.icon.kiss.beam.outline:before{content:"\f597"}i.icon.kiss.outline:before{content:"\f596"}i.icon.kiss.wink.heart.outline:before{content:"\f598"}i.icon.laugh.beam.outline:before{content:"\f59a"}i.icon.laugh.outline:before{content:"\f599"}i.icon.laugh.squint.outline:before{content:"\f59b"}i.icon.laugh.wink.outline:before{content:"\f59c"}i.icon.lemon.outline:before{content:"\f094"}i.icon.life.ring.outline:before{content:"\f1cd"}i.icon.lightbulb.outline:before{content:"\f0eb"}i.icon.list.alternate.outline:before{content:"\f022"}i.icon.map.outline:before{content:"\f279"}i.icon.meh.blank.outline:before{content:"\f5a4"}i.icon.meh.outline:before{content:"\f11a"}i.icon.meh.rolling.eyes.outline:before{content:"\f5a5"}i.icon.minus.square.outline:before{content:"\f146"}i.icon.money.bill.alternate.outline:before{content:"\f3d1"}i.icon.moon.outline:before{content:"\f186"}i.icon.newspaper.outline:before{content:"\f1ea"}i.icon.object.group.outline:before{content:"\f247"}i.icon.object.ungroup.outline:before{content:"\f248"}i.icon.paper.plane.outline:before{content:"\f1d8"}i.icon.pause.circle.outline:before{content:"\f28b"}i.icon.play.circle.outline:before{content:"\f144"}i.icon.plus.square.outline:before{content:"\f0fe"}i.icon.question.circle.outline:before{content:"\f059"}i.icon.registered.outline:before{content:"\f25d"}i.icon.sad.cry.outline:before{content:"\f5b3"}i.icon.sad.tear.outline:before{content:"\f5b4"}i.icon.save.outline:before{content:"\f0c7"}i.icon.share.square.outline:before{content:"\f14d"}i.icon.smile.beam.outline:before{content:"\f5b8"}i.icon.smile.outline:before{content:"\f118"}i.icon.smile.wink.outline:before{content:"\f4da"}i.icon.snowflake.outline:before{content:"\f2dc"}i.icon.square.outline:before{content:"\f0c8"}i.icon.star.half.outline:before{content:"\f089"}i.icon.star.outline:before{content:"\f005"}i.icon.sticky.note.outline:before{content:"\f249"}i.icon.stop.circle.outline:before{content:"\f28d"}i.icon.sun.outline:before{content:"\f185"}i.icon.surprise.outline:before{content:"\f5c2"}i.icon.thumbs.down.outline:before{content:"\f165"}i.icon.thumbs.up.outline:before{content:"\f164"}i.icon.times.circle.outline:before{content:"\f057"}i.icon.tired.outline:before{content:"\f5c8"}i.icon.trash.alternate.outline:before{content:"\f2ed"}i.icon.user.circle.outline:before{content:"\f2bd"}i.icon.user.outline:before{content:"\f007"}i.icon.window.close.outline:before{content:"\f410"}i.icon.window.maximize.outline:before{content:"\f2d0"}i.icon.window.minimize.outline:before{content:"\f2d1"}i.icon.window.restore.outline:before{content:"\f2d2"}i.icon.disk.outline:before{content:"\f0a0"}i.icon.heart.empty,i.icon.star.empty{font-family:outline-icons}i.icon.heart.empty:before{content:"\f004"}i.icon.star.empty:before{content:"\f089"}@font-face{font-family:brand-icons;src:url(../themes/default/assets/fonts/brand-icons.eot);src:url(../themes/default/assets/fonts/brand-icons.eot?#iefix) format('embedded-opentype'),url(../themes/default/assets/fonts/brand-icons.woff2) format('woff2'),url(../themes/default/assets/fonts/brand-icons.woff) format('woff'),url(../themes/default/assets/fonts/brand-icons.ttf) format('truetype'),url(../themes/default/assets/fonts/brand-icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon.\35 00px,i.icon.accessible,i.icon.accusoft,i.icon.acquisitions.incorporated,i.icon.adn,i.icon.adversal,i.icon.affiliatetheme,i.icon.algolia,i.icon.alipay,i.icon.amazon,i.icon.amazon.pay,i.icon.amilia,i.icon.android,i.icon.angellist,i.icon.angrycreative,i.icon.angular,i.icon.app.store,i.icon.app.store.ios,i.icon.apper,i.icon.apple,i.icon.apple.pay,i.icon.asymmetrik,i.icon.audible,i.icon.autoprefixer,i.icon.avianex,i.icon.aviato,i.icon.aws,i.icon.bandcamp,i.icon.behance,i.icon.behance.square,i.icon.bimobject,i.icon.bitbucket,i.icon.bitcoin,i.icon.bity,i.icon.black.tie,i.icon.blackberry,i.icon.blogger,i.icon.blogger.b,i.icon.bluetooth,i.icon.bluetooth.b,i.icon.btc,i.icon.buromobelexperte,i.icon.buysellads,i.icon.cc.amazon.pay,i.icon.cc.amex,i.icon.cc.apple.pay,i.icon.cc.diners.club,i.icon.cc.discover,i.icon.cc.jcb,i.icon.cc.mastercard,i.icon.cc.paypal,i.icon.cc.stripe,i.icon.cc.visa,i.icon.centercode,i.icon.chrome,i.icon.cloudscale,i.icon.cloudsmith,i.icon.cloudversify,i.icon.codepen,i.icon.codiepie,i.icon.connectdevelop,i.icon.contao,i.icon.cpanel,i.icon.creative.commons,i.icon.creative.commons.by,i.icon.creative.commons.nc,i.icon.creative.commons.nc.eu,i.icon.creative.commons.nc.jp,i.icon.creative.commons.nd,i.icon.creative.commons.pd,i.icon.creative.commons.pd.alternate,i.icon.creative.commons.remix,i.icon.creative.commons.sa,i.icon.creative.commons.sampling,i.icon.creative.commons.sampling.plus,i.icon.creative.commons.share,i.icon.creative.commons.zero,i.icon.critical.role,i.icon.css3,i.icon.css3.alternate,i.icon.cuttlefish,i.icon.d.and.d,i.icon.dashcube,i.icon.delicious,i.icon.deploydog,i.icon.deskpro,i.icon.dev,i.icon.deviantart,i.icon.digg,i.icon.digital.ocean,i.icon.discord,i.icon.discourse,i.icon.dochub,i.icon.docker,i.icon.draft2digital,i.icon.dribbble,i.icon.dribbble.square,i.icon.dropbox,i.icon.drupal,i.icon.dyalog,i.icon.earlybirds,i.icon.ebay,i.icon.edge,i.icon.elementor,i.icon.ello,i.icon.ember,i.icon.empire,i.icon.envira,i.icon.erlang,i.icon.ethereum,i.icon.etsy,i.icon.expeditedssl,i.icon.facebook,i.icon.facebook.f,i.icon.facebook.messenger,i.icon.facebook.square,i.icon.fantasy.flight.games,i.icon.firefox,i.icon.first.order,i.icon.first.order.alternate,i.icon.firstdraft,i.icon.flickr,i.icon.flipboard,i.icon.fly,i.icon.font.awesome,i.icon.font.awesome.alternate,i.icon.font.awesome.flag,i.icon.fonticons,i.icon.fonticons.fi,i.icon.fort.awesome,i.icon.fort.awesome.alternate,i.icon.forumbee,i.icon.foursquare,i.icon.free.code.camp,i.icon.freebsd,i.icon.fulcrum,i.icon.galactic.republic,i.icon.galactic.senate,i.icon.get.pocket,i.icon.gg,i.icon.gg.circle,i.icon.git,i.icon.git.square,i.icon.github,i.icon.github.alternate,i.icon.github.square,i.icon.gitkraken,i.icon.gitlab,i.icon.gitter,i.icon.glide,i.icon.glide.g,i.icon.gofore,i.icon.goodreads,i.icon.goodreads.g,i.icon.google,i.icon.google.drive,i.icon.google.play,i.icon.google.plus,i.icon.google.plus.g,i.icon.google.plus.square,i.icon.google.wallet,i.icon.gratipay,i.icon.grav,i.icon.gripfire,i.icon.grunt,i.icon.gulp,i.icon.hacker.news,i.icon.hacker.news.square,i.icon.hackerrank,i.icon.hips,i.icon.hire.a.helper,i.icon.hooli,i.icon.hornbill,i.icon.hotjar,i.icon.houzz,i.icon.html5,i.icon.hubspot,i.icon.imdb,i.icon.instagram,i.icon.internet.explorer,i.icon.ioxhost,i.icon.itunes,i.icon.itunes.note,i.icon.java,i.icon.jedi.order,i.icon.jenkins,i.icon.joget,i.icon.joomla,i.icon.js,i.icon.js.square,i.icon.jsfiddle,i.icon.kaggle,i.icon.keybase,i.icon.keycdn,i.icon.kickstarter,i.icon.kickstarter.k,i.icon.korvue,i.icon.laravel,i.icon.lastfm,i.icon.lastfm.square,i.icon.leanpub,i.icon.lesscss,i.icon.linechat,i.icon.linkedin,i.icon.linkedin.in,i.icon.linode,i.icon.linux,i.icon.lyft,i.icon.magento,i.icon.mailchimp,i.icon.mandalorian,i.icon.markdown,i.icon.mastodon,i.icon.maxcdn,i.icon.medapps,i.icon.medium,i.icon.medium.m,i.icon.medrt,i.icon.meetup,i.icon.megaport,i.icon.microsoft,i.icon.mix,i.icon.mixcloud,i.icon.mizuni,i.icon.modx,i.icon.monero,i.icon.napster,i.icon.neos,i.icon.nimblr,i.icon.nintendo.switch,i.icon.node,i.icon.node.js,i.icon.npm,i.icon.ns8,i.icon.nutritionix,i.icon.odnoklassniki,i.icon.odnoklassniki.square,i.icon.old.republic,i.icon.opencart,i.icon.openid,i.icon.opera,i.icon.optin.monster,i.icon.osi,i.icon.page4,i.icon.pagelines,i.icon.palfed,i.icon.patreon,i.icon.paypal,i.icon.penny.arcade,i.icon.periscope,i.icon.phabricator,i.icon.phoenix.framework,i.icon.phoenix.squadron,i.icon.php,i.icon.pied.piper,i.icon.pied.piper.alternate,i.icon.pied.piper.hat,i.icon.pied.piper.pp,i.icon.pinterest,i.icon.pinterest.p,i.icon.pinterest.square,i.icon.playstation,i.icon.product.hunt,i.icon.pushed,i.icon.python,i.icon.qq,i.icon.quinscape,i.icon.quora,i.icon.r.project,i.icon.ravelry,i.icon.react,i.icon.readme,i.icon.rebel,i.icon.reddit,i.icon.reddit.alien,i.icon.reddit.square,i.icon.redriver,i.icon.redyeti,i.icon.rendact,i.icon.renren,i.icon.replyd,i.icon.researchgate,i.icon.resolving,i.icon.rev,i.icon.rocketchat,i.icon.rockrms,i.icon.safari,i.icon.sass,i.icon.schlix,i.icon.scribd,i.icon.searchengin,i.icon.sellcast,i.icon.sellsy,i.icon.servicestack,i.icon.shirtsinbulk,i.icon.shopware,i.icon.simplybuilt,i.icon.sistrix,i.icon.sith,i.icon.skyatlas,i.icon.skype,i.icon.slack,i.icon.slack.hash,i.icon.slideshare,i.icon.snapchat,i.icon.snapchat.ghost,i.icon.snapchat.square,i.icon.soundcloud,i.icon.speakap,i.icon.spotify,i.icon.squarespace,i.icon.stack.exchange,i.icon.stack.overflow,i.icon.staylinked,i.icon.steam,i.icon.steam.square,i.icon.steam.symbol,i.icon.sticker.mule,i.icon.strava,i.icon.stripe,i.icon.stripe.s,i.icon.studiovinari,i.icon.stumbleupon,i.icon.stumbleupon.circle,i.icon.superpowers,i.icon.supple,i.icon.teamspeak,i.icon.telegram,i.icon.telegram.plane,i.icon.tencent.weibo,i.icon.themeco,i.icon.themeisle,i.icon.trade.federation,i.icon.trello,i.icon.tripadvisor,i.icon.tumblr,i.icon.tumblr.square,i.icon.twitch,i.icon.twitter,i.icon.twitter.square,i.icon.typo3,i.icon.uber,i.icon.uikit,i.icon.uniregistry,i.icon.untappd,i.icon.usb,i.icon.ussunnah,i.icon.vaadin,i.icon.viacoin,i.icon.viadeo,i.icon.viadeo.square,i.icon.viber,i.icon.vimeo,i.icon.vimeo.square,i.icon.vimeo.v,i.icon.vine,i.icon.vk,i.icon.vnv,i.icon.vuejs,i.icon.weebly,i.icon.weibo,i.icon.weixin,i.icon.whatsapp,i.icon.whatsapp.square,i.icon.whmcs,i.icon.wikipedia.w,i.icon.windows,i.icon.wix,i.icon.wizards.of.the.coast,i.icon.wolf.pack.battalion,i.icon.wordpress,i.icon.wordpress.simple,i.icon.wpbeginner,i.icon.wpexplorer,i.icon.wpforms,i.icon.xbox,i.icon.xing,i.icon.xing.square,i.icon.y.combinator,i.icon.yahoo,i.icon.yandex,i.icon.yandex.international,i.icon.yelp,i.icon.yoast,i.icon.youtube,i.icon.youtube.square,i.icon.zhihu{font-family:brand-icons}i.icon.\35 00px:before{content:"\f26e"}i.icon.accessible:before{content:"\f368"}i.icon.accusoft:before{content:"\f369"}i.icon.acquisitions.incorporated:before{content:"\f6af"}i.icon.adn:before{content:"\f170"}i.icon.adversal:before{content:"\f36a"}i.icon.affiliatetheme:before{content:"\f36b"}i.icon.algolia:before{content:"\f36c"}i.icon.alipay:before{content:"\f642"}i.icon.amazon:before{content:"\f270"}i.icon.amazon.pay:before{content:"\f42c"}i.icon.amilia:before{content:"\f36d"}i.icon.android:before{content:"\f17b"}i.icon.angellist:before{content:"\f209"}i.icon.angrycreative:before{content:"\f36e"}i.icon.angular:before{content:"\f420"}i.icon.app.store:before{content:"\f36f"}i.icon.app.store.ios:before{content:"\f370"}i.icon.apper:before{content:"\f371"}i.icon.apple:before{content:"\f179"}i.icon.apple.pay:before{content:"\f415"}i.icon.asymmetrik:before{content:"\f372"}i.icon.audible:before{content:"\f373"}i.icon.autoprefixer:before{content:"\f41c"}i.icon.avianex:before{content:"\f374"}i.icon.aviato:before{content:"\f421"}i.icon.aws:before{content:"\f375"}i.icon.bandcamp:before{content:"\f2d5"}i.icon.behance:before{content:"\f1b4"}i.icon.behance.square:before{content:"\f1b5"}i.icon.bimobject:before{content:"\f378"}i.icon.bitbucket:before{content:"\f171"}i.icon.bitcoin:before{content:"\f379"}i.icon.bity:before{content:"\f37a"}i.icon.black.tie:before{content:"\f27e"}i.icon.blackberry:before{content:"\f37b"}i.icon.blogger:before{content:"\f37c"}i.icon.blogger.b:before{content:"\f37d"}i.icon.bluetooth:before{content:"\f293"}i.icon.bluetooth.b:before{content:"\f294"}i.icon.btc:before{content:"\f15a"}i.icon.buromobelexperte:before{content:"\f37f"}i.icon.buysellads:before{content:"\f20d"}i.icon.cc.amazon.pay:before{content:"\f42d"}i.icon.cc.amex:before{content:"\f1f3"}i.icon.cc.apple.pay:before{content:"\f416"}i.icon.cc.diners.club:before{content:"\f24c"}i.icon.cc.discover:before{content:"\f1f2"}i.icon.cc.jcb:before{content:"\f24b"}i.icon.cc.mastercard:before{content:"\f1f1"}i.icon.cc.paypal:before{content:"\f1f4"}i.icon.cc.stripe:before{content:"\f1f5"}i.icon.cc.visa:before{content:"\f1f0"}i.icon.centercode:before{content:"\f380"}i.icon.chrome:before{content:"\f268"}i.icon.cloudscale:before{content:"\f383"}i.icon.cloudsmith:before{content:"\f384"}i.icon.cloudversify:before{content:"\f385"}i.icon.codepen:before{content:"\f1cb"}i.icon.codiepie:before{content:"\f284"}i.icon.connectdevelop:before{content:"\f20e"}i.icon.contao:before{content:"\f26d"}i.icon.cpanel:before{content:"\f388"}i.icon.creative.commons:before{content:"\f25e"}i.icon.creative.commons.by:before{content:"\f4e7"}i.icon.creative.commons.nc:before{content:"\f4e8"}i.icon.creative.commons.nc.eu:before{content:"\f4e9"}i.icon.creative.commons.nc.jp:before{content:"\f4ea"}i.icon.creative.commons.nd:before{content:"\f4eb"}i.icon.creative.commons.pd:before{content:"\f4ec"}i.icon.creative.commons.pd.alternate:before{content:"\f4ed"}i.icon.creative.commons.remix:before{content:"\f4ee"}i.icon.creative.commons.sa:before{content:"\f4ef"}i.icon.creative.commons.sampling:before{content:"\f4f0"}i.icon.creative.commons.sampling.plus:before{content:"\f4f1"}i.icon.creative.commons.share:before{content:"\f4f2"}i.icon.creative.commons.zero:before{content:"\f4f3"}i.icon.critical.role:before{content:"\f6c9"}i.icon.css3:before{content:"\f13c"}i.icon.css3.alternate:before{content:"\f38b"}i.icon.cuttlefish:before{content:"\f38c"}i.icon.d.and.d:before{content:"\f38d"}i.icon.dashcube:before{content:"\f210"}i.icon.delicious:before{content:"\f1a5"}i.icon.deploydog:before{content:"\f38e"}i.icon.deskpro:before{content:"\f38f"}i.icon.dev:before{content:"\f6cc"}i.icon.deviantart:before{content:"\f1bd"}i.icon.digg:before{content:"\f1a6"}i.icon.digital.ocean:before{content:"\f391"}i.icon.discord:before{content:"\f392"}i.icon.discourse:before{content:"\f393"}i.icon.dochub:before{content:"\f394"}i.icon.docker:before{content:"\f395"}i.icon.draft2digital:before{content:"\f396"}i.icon.dribbble:before{content:"\f17d"}i.icon.dribbble.square:before{content:"\f397"}i.icon.dropbox:before{content:"\f16b"}i.icon.drupal:before{content:"\f1a9"}i.icon.dyalog:before{content:"\f399"}i.icon.earlybirds:before{content:"\f39a"}i.icon.ebay:before{content:"\f4f4"}i.icon.edge:before{content:"\f282"}i.icon.elementor:before{content:"\f430"}i.icon.ello:before{content:"\f5f1"}i.icon.ember:before{content:"\f423"}i.icon.empire:before{content:"\f1d1"}i.icon.envira:before{content:"\f299"}i.icon.erlang:before{content:"\f39d"}i.icon.ethereum:before{content:"\f42e"}i.icon.etsy:before{content:"\f2d7"}i.icon.expeditedssl:before{content:"\f23e"}i.icon.facebook:before{content:"\f09a"}i.icon.facebook.f:before{content:"\f39e"}i.icon.facebook.messenger:before{content:"\f39f"}i.icon.facebook.square:before{content:"\f082"}i.icon.fantasy.flight.games:before{content:"\f6dc"}i.icon.firefox:before{content:"\f269"}i.icon.first.order:before{content:"\f2b0"}i.icon.first.order.alternate:before{content:"\f50a"}i.icon.firstdraft:before{content:"\f3a1"}i.icon.flickr:before{content:"\f16e"}i.icon.flipboard:before{content:"\f44d"}i.icon.fly:before{content:"\f417"}i.icon.font.awesome:before{content:"\f2b4"}i.icon.font.awesome.alternate:before{content:"\f35c"}i.icon.font.awesome.flag:before{content:"\f425"}i.icon.fonticons:before{content:"\f280"}i.icon.fonticons.fi:before{content:"\f3a2"}i.icon.fort.awesome:before{content:"\f286"}i.icon.fort.awesome.alternate:before{content:"\f3a3"}i.icon.forumbee:before{content:"\f211"}i.icon.foursquare:before{content:"\f180"}i.icon.free.code.camp:before{content:"\f2c5"}i.icon.freebsd:before{content:"\f3a4"}i.icon.fulcrum:before{content:"\f50b"}i.icon.galactic.republic:before{content:"\f50c"}i.icon.galactic.senate:before{content:"\f50d"}i.icon.get.pocket:before{content:"\f265"}i.icon.gg:before{content:"\f260"}i.icon.gg.circle:before{content:"\f261"}i.icon.git:before{content:"\f1d3"}i.icon.git.square:before{content:"\f1d2"}i.icon.github:before{content:"\f09b"}i.icon.github.alternate:before{content:"\f113"}i.icon.github.square:before{content:"\f092"}i.icon.gitkraken:before{content:"\f3a6"}i.icon.gitlab:before{content:"\f296"}i.icon.gitter:before{content:"\f426"}i.icon.glide:before{content:"\f2a5"}i.icon.glide.g:before{content:"\f2a6"}i.icon.gofore:before{content:"\f3a7"}i.icon.goodreads:before{content:"\f3a8"}i.icon.goodreads.g:before{content:"\f3a9"}i.icon.google:before{content:"\f1a0"}i.icon.google.drive:before{content:"\f3aa"}i.icon.google.play:before{content:"\f3ab"}i.icon.google.plus:before{content:"\f2b3"}i.icon.google.plus.g:before{content:"\f0d5"}i.icon.google.plus.square:before{content:"\f0d4"}i.icon.google.wallet:before{content:"\f1ee"}i.icon.gratipay:before{content:"\f184"}i.icon.grav:before{content:"\f2d6"}i.icon.gripfire:before{content:"\f3ac"}i.icon.grunt:before{content:"\f3ad"}i.icon.gulp:before{content:"\f3ae"}i.icon.hacker.news:before{content:"\f1d4"}i.icon.hacker.news.square:before{content:"\f3af"}i.icon.hackerrank:before{content:"\f5f7"}i.icon.hips:before{content:"\f452"}i.icon.hire.a.helper:before{content:"\f3b0"}i.icon.hooli:before{content:"\f427"}i.icon.hornbill:before{content:"\f592"}i.icon.hotjar:before{content:"\f3b1"}i.icon.houzz:before{content:"\f27c"}i.icon.html5:before{content:"\f13b"}i.icon.hubspot:before{content:"\f3b2"}i.icon.imdb:before{content:"\f2d8"}i.icon.instagram:before{content:"\f16d"}i.icon.internet.explorer:before{content:"\f26b"}i.icon.ioxhost:before{content:"\f208"}i.icon.itunes:before{content:"\f3b4"}i.icon.itunes.note:before{content:"\f3b5"}i.icon.java:before{content:"\f4e4"}i.icon.jedi.order:before{content:"\f50e"}i.icon.jenkins:before{content:"\f3b6"}i.icon.joget:before{content:"\f3b7"}i.icon.joomla:before{content:"\f1aa"}i.icon.js:before{content:"\f3b8"}i.icon.js.square:before{content:"\f3b9"}i.icon.jsfiddle:before{content:"\f1cc"}i.icon.kaggle:before{content:"\f5fa"}i.icon.keybase:before{content:"\f4f5"}i.icon.keycdn:before{content:"\f3ba"}i.icon.kickstarter:before{content:"\f3bb"}i.icon.kickstarter.k:before{content:"\f3bc"}i.icon.korvue:before{content:"\f42f"}i.icon.laravel:before{content:"\f3bd"}i.icon.lastfm:before{content:"\f202"}i.icon.lastfm.square:before{content:"\f203"}i.icon.leanpub:before{content:"\f212"}i.icon.lesscss:before{content:"\f41d"}i.icon.linechat:before{content:"\f3c0"}i.icon.linkedin:before{content:"\f08c"}i.icon.linkedin.in:before{content:"\f0e1"}i.icon.linode:before{content:"\f2b8"}i.icon.linux:before{content:"\f17c"}i.icon.lyft:before{content:"\f3c3"}i.icon.magento:before{content:"\f3c4"}i.icon.mailchimp:before{content:"\f59e"}i.icon.mandalorian:before{content:"\f50f"}i.icon.markdown:before{content:"\f60f"}i.icon.mastodon:before{content:"\f4f6"}i.icon.maxcdn:before{content:"\f136"}i.icon.medapps:before{content:"\f3c6"}i.icon.medium:before{content:"\f23a"}i.icon.medium.m:before{content:"\f3c7"}i.icon.medrt:before{content:"\f3c8"}i.icon.meetup:before{content:"\f2e0"}i.icon.megaport:before{content:"\f5a3"}i.icon.microsoft:before{content:"\f3ca"}i.icon.mix:before{content:"\f3cb"}i.icon.mixcloud:before{content:"\f289"}i.icon.mizuni:before{content:"\f3cc"}i.icon.modx:before{content:"\f285"}i.icon.monero:before{content:"\f3d0"}i.icon.napster:before{content:"\f3d2"}i.icon.neos:before{content:"\f612"}i.icon.nimblr:before{content:"\f5a8"}i.icon.nintendo.switch:before{content:"\f418"}i.icon.node:before{content:"\f419"}i.icon.node.js:before{content:"\f3d3"}i.icon.npm:before{content:"\f3d4"}i.icon.ns8:before{content:"\f3d5"}i.icon.nutritionix:before{content:"\f3d6"}i.icon.odnoklassniki:before{content:"\f263"}i.icon.odnoklassniki.square:before{content:"\f264"}i.icon.old.republic:before{content:"\f510"}i.icon.opencart:before{content:"\f23d"}i.icon.openid:before{content:"\f19b"}i.icon.opera:before{content:"\f26a"}i.icon.optin.monster:before{content:"\f23c"}i.icon.osi:before{content:"\f41a"}i.icon.page4:before{content:"\f3d7"}i.icon.pagelines:before{content:"\f18c"}i.icon.palfed:before{content:"\f3d8"}i.icon.patreon:before{content:"\f3d9"}i.icon.paypal:before{content:"\f1ed"}i.icon.penny.arcade:before{content:"\f704"}i.icon.periscope:before{content:"\f3da"}i.icon.phabricator:before{content:"\f3db"}i.icon.phoenix.framework:before{content:"\f3dc"}i.icon.phoenix.squadron:before{content:"\f511"}i.icon.php:before{content:"\f457"}i.icon.pied.piper:before{content:"\f2ae"}i.icon.pied.piper.alternate:before{content:"\f1a8"}i.icon.pied.piper.hat:before{content:"\f4e5"}i.icon.pied.piper.pp:before{content:"\f1a7"}i.icon.pinterest:before{content:"\f0d2"}i.icon.pinterest.p:before{content:"\f231"}i.icon.pinterest.square:before{content:"\f0d3"}i.icon.playstation:before{content:"\f3df"}i.icon.product.hunt:before{content:"\f288"}i.icon.pushed:before{content:"\f3e1"}i.icon.python:before{content:"\f3e2"}i.icon.qq:before{content:"\f1d6"}i.icon.quinscape:before{content:"\f459"}i.icon.quora:before{content:"\f2c4"}i.icon.r.project:before{content:"\f4f7"}i.icon.ravelry:before{content:"\f2d9"}i.icon.react:before{content:"\f41b"}i.icon.readme:before{content:"\f4d5"}i.icon.rebel:before{content:"\f1d0"}i.icon.reddit:before{content:"\f1a1"}i.icon.reddit.alien:before{content:"\f281"}i.icon.reddit.square:before{content:"\f1a2"}i.icon.redriver:before{content:"\f3e3"}i.icon.redyeti:before{content:"\f69d"}i.icon.rendact:before{content:"\f3e4"}i.icon.renren:before{content:"\f18b"}i.icon.replyd:before{content:"\f3e6"}i.icon.researchgate:before{content:"\f4f8"}i.icon.resolving:before{content:"\f3e7"}i.icon.rev:before{content:"\f5b2"}i.icon.rocketchat:before{content:"\f3e8"}i.icon.rockrms:before{content:"\f3e9"}i.icon.safari:before{content:"\f267"}i.icon.sass:before{content:"\f41e"}i.icon.schlix:before{content:"\f3ea"}i.icon.scribd:before{content:"\f28a"}i.icon.searchengin:before{content:"\f3eb"}i.icon.sellcast:before{content:"\f2da"}i.icon.sellsy:before{content:"\f213"}i.icon.servicestack:before{content:"\f3ec"}i.icon.shirtsinbulk:before{content:"\f214"}i.icon.shopware:before{content:"\f5b5"}i.icon.simplybuilt:before{content:"\f215"}i.icon.sistrix:before{content:"\f3ee"}i.icon.sith:before{content:"\f512"}i.icon.skyatlas:before{content:"\f216"}i.icon.skype:before{content:"\f17e"}i.icon.slack:before{content:"\f198"}i.icon.slack.hash:before{content:"\f3ef"}i.icon.slideshare:before{content:"\f1e7"}i.icon.snapchat:before{content:"\f2ab"}i.icon.snapchat.ghost:before{content:"\f2ac"}i.icon.snapchat.square:before{content:"\f2ad"}i.icon.soundcloud:before{content:"\f1be"}i.icon.speakap:before{content:"\f3f3"}i.icon.spotify:before{content:"\f1bc"}i.icon.squarespace:before{content:"\f5be"}i.icon.stack.exchange:before{content:"\f18d"}i.icon.stack.overflow:before{content:"\f16c"}i.icon.staylinked:before{content:"\f3f5"}i.icon.steam:before{content:"\f1b6"}i.icon.steam.square:before{content:"\f1b7"}i.icon.steam.symbol:before{content:"\f3f6"}i.icon.sticker.mule:before{content:"\f3f7"}i.icon.strava:before{content:"\f428"}i.icon.stripe:before{content:"\f429"}i.icon.stripe.s:before{content:"\f42a"}i.icon.studiovinari:before{content:"\f3f8"}i.icon.stumbleupon:before{content:"\f1a4"}i.icon.stumbleupon.circle:before{content:"\f1a3"}i.icon.superpowers:before{content:"\f2dd"}i.icon.supple:before{content:"\f3f9"}i.icon.teamspeak:before{content:"\f4f9"}i.icon.telegram:before{content:"\f2c6"}i.icon.telegram.plane:before{content:"\f3fe"}i.icon.tencent.weibo:before{content:"\f1d5"}i.icon.themeco:before{content:"\f5c6"}i.icon.themeisle:before{content:"\f2b2"}i.icon.trade.federation:before{content:"\f513"}i.icon.trello:before{content:"\f181"}i.icon.tripadvisor:before{content:"\f262"}i.icon.tumblr:before{content:"\f173"}i.icon.tumblr.square:before{content:"\f174"}i.icon.twitch:before{content:"\f1e8"}i.icon.twitter:before{content:"\f099"}i.icon.twitter.square:before{content:"\f081"}i.icon.typo3:before{content:"\f42b"}i.icon.uber:before{content:"\f402"}i.icon.uikit:before{content:"\f403"}i.icon.uniregistry:before{content:"\f404"}i.icon.untappd:before{content:"\f405"}i.icon.usb:before{content:"\f287"}i.icon.ussunnah:before{content:"\f407"}i.icon.vaadin:before{content:"\f408"}i.icon.viacoin:before{content:"\f237"}i.icon.viadeo:before{content:"\f2a9"}i.icon.viadeo.square:before{content:"\f2aa"}i.icon.viber:before{content:"\f409"}i.icon.vimeo:before{content:"\f40a"}i.icon.vimeo.square:before{content:"\f194"}i.icon.vimeo.v:before{content:"\f27d"}i.icon.vine:before{content:"\f1ca"}i.icon.vk:before{content:"\f189"}i.icon.vnv:before{content:"\f40b"}i.icon.vuejs:before{content:"\f41f"}i.icon.weebly:before{content:"\f5cc"}i.icon.weibo:before{content:"\f18a"}i.icon.weixin:before{content:"\f1d7"}i.icon.whatsapp:before{content:"\f232"}i.icon.whatsapp.square:before{content:"\f40c"}i.icon.whmcs:before{content:"\f40d"}i.icon.wikipedia.w:before{content:"\f266"}i.icon.windows:before{content:"\f17a"}i.icon.wix:before{content:"\f5cf"}i.icon.wizards.of.the.coast:before{content:"\f730"}i.icon.wolf.pack.battalion:before{content:"\f514"}i.icon.wordpress:before{content:"\f19a"}i.icon.wordpress.simple:before{content:"\f411"}i.icon.wpbeginner:before{content:"\f297"}i.icon.wpexplorer:before{content:"\f2de"}i.icon.wpforms:before{content:"\f298"}i.icon.xbox:before{content:"\f412"}i.icon.xing:before{content:"\f168"}i.icon.xing.square:before{content:"\f169"}i.icon.y.combinator:before{content:"\f23b"}i.icon.yahoo:before{content:"\f19e"}i.icon.yandex:before{content:"\f413"}i.icon.yandex.international:before{content:"\f414"}i.icon.yelp:before{content:"\f1e9"}i.icon.yoast:before{content:"\f2b1"}i.icon.youtube:before{content:"\f167"}i.icon.youtube.square:before{content:"\f431"}i.icon.zhihu:before{content:"\f63f"}i.icon.american.express,i.icon.american.express.card,i.icon.amex,i.icon.bitbucket.square,i.icon.bluetooth.alternative,i.icon.credit.card.amazon.pay,i.icon.credit.card.american.express,i.icon.credit.card.diners.club,i.icon.credit.card.discover,i.icon.credit.card.jcb,i.icon.credit.card.mastercard,i.icon.credit.card.paypal,i.icon.credit.card.stripe,i.icon.credit.card.visa,i.icon.diners.club,i.icon.diners.club.card,i.icon.discover,i.icon.discover.card,i.icon.disk.outline,i.icon.dribble,i.icon.eercast,i.icon.envira.gallery,i.icon.fa,i.icon.facebook.official,i.icon.five.hundred.pixels,i.icon.gittip,i.icon.google.plus.circle,i.icon.google.plus.official,i.icon.japan.credit.bureau,i.icon.japan.credit.bureau.card,i.icon.jcb,i.icon.linkedin.square,i.icon.mastercard,i.icon.mastercard.card,i.icon.microsoft.edge,i.icon.ms.edge,i.icon.new.pied.piper,i.icon.optinmonster,i.icon.paypal.card,i.icon.pied.piper.hat,i.icon.pocket,i.icon.stripe.card,i.icon.theme.isle,i.icon.visa,i.icon.visa.card,i.icon.wechat,i.icon.wikipedia,i.icon.wordpress.beginner,i.icon.wordpress.forms,i.icon.yc,i.icon.ycombinator,i.icon.youtube.play{font-family:brand-icons}i.icon.credit.card.amazon.pay:before{content:"\f42d"}i.icon.credit.card.american.express:before{content:"\f1f3"}i.icon.credit.card.diners.club:before{content:"\f24c"}i.icon.credit.card.discover:before{content:"\f1f2"}i.icon.credit.card.jcb:before{content:"\f24b"}i.icon.credit.card.mastercard:before{content:"\f1f1"}i.icon.credit.card.paypal:before{content:"\f1f4"}i.icon.credit.card.stripe:before{content:"\f1f5"}i.icon.credit.card.visa:before{content:"\f1f0"}i.icon.american.express.card:before{content:"\f1f3"}i.icon.american.express:before{content:"\f1f3"}i.icon.amex:before{content:"\f1f3"}i.icon.bluetooth.alternative:before{content:"\f294"}i.icon.diners.club.card:before{content:"\f24c"}i.icon.diners.club:before{content:"\f24c"}i.icon.discover.card:before{content:"\f1f2"}i.icon.discover:before{content:"\f1f2"}i.icon.dribble:before{content:"\f17d"}i.icon.eercast:before{content:"\f2da"}i.icon.envira.gallery:before{content:"\f299"}i.icon.fa:before{content:"\f2b4"}i.icon.five.hundred.pixels:before{content:"\f26e"}i.icon.gittip:before{content:"\f184"}i.icon.google.plus.circle:before{content:"\f2b3"}i.icon.google.plus.official:before{content:"\f2b3"}i.icon.japan.credit.bureau.card:before{content:"\f24b"}i.icon.japan.credit.bureau:before{content:"\f24b"}i.icon.jcb:before{content:"\f24b"}i.icon.linkedin.square:before{content:"\f08c"}i.icon.mastercard.card:before{content:"\f1f1"}i.icon.mastercard:before{content:"\f1f1"}i.icon.microsoft.edge:before{content:"\f282"}i.icon.ms.edge:before{content:"\f282"}i.icon.new.pied.piper:before{content:"\f2ae"}i.icon.optinmonster:before{content:"\f23c"}i.icon.paypal.card:before{content:"\f1f4"}i.icon.pied.piper.hat:before{content:"\f2ae"}i.icon.pocket:before{content:"\f265"}i.icon.stripe.card:before{content:"\f1f5"}i.icon.theme.isle:before{content:"\f2b2"}i.icon.visa.card:before{content:"\f1f0"}i.icon.visa:before{content:"\f1f0"}i.icon.wechat:before{content:"\f1d7"}i.icon.wikipedia:before{content:"\f266"}i.icon.wordpress.beginner:before{content:"\f297"}i.icon.wordpress.forms:before{content:"\f298"}i.icon.yc:before{content:"\f23b"}i.icon.ycombinator:before{content:"\f23b"}i.icon.bitbucket.square:before{content:"\f171"}i.icon.disk.outline:before{content:"\f369"}i.icon.facebook.official:before{content:"\f082"}i.icon.youtube.play:before{content:"\f167"} \ No newline at end of file diff --git a/dist/components/image.css b/dist/components/image.css index c43867c593..60e7d72232 100644 --- a/dist/components/image.css +++ b/dist/components/image.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Image + * # Semantic UI 2.7.0 - Image * http://github.com/semantic-org/semantic-ui/ * * @@ -178,10 +178,10 @@ img.ui.bordered.image { } .ui[class*="left spaced"].image { margin-left: 0.5em; - margin-right: 0em; + margin-right: 0; } .ui[class*="right spaced"].image { - margin-left: 0em; + margin-left: 0; margin-right: 0.5em; } @@ -198,13 +198,13 @@ img.ui.bordered.image { .ui.right.floated.images, .ui.right.floated.image { float: right; - margin-right: 0em; + margin-right: 0; margin-bottom: 1em; margin-left: 1em; } .ui.floated.images:last-child, .ui.floated.image:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.centered.images, .ui.centered.image { @@ -287,14 +287,14 @@ img.ui.bordered.image { *******************************/ .ui.images { - font-size: 0em; - margin: 0em -0.25rem 0rem; + font-size: 0; + margin: 0 -0.25rem 0; } .ui.images .image, .ui.images > img, .ui.images > svg { display: inline-block; - margin: 0em 0.25rem 0.5rem; + margin: 0 0.25rem 0.5rem; } diff --git a/dist/components/image.min.css b/dist/components/image.min.css index 943708f123..94f4032f1e 100644 --- a/dist/components/image.min.css +++ b/dist/components/image.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Image + * # Semantic UI 2.7.0 - Image * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/input.css b/dist/components/input.css index d64ecdbd31..52a44f2d21 100644 --- a/dist/components/input.css +++ b/dist/components/input.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Input + * # Semantic UI 2.7.0 - Input * http://github.com/semantic-org/semantic-ui/ * * @@ -28,7 +28,7 @@ color: rgba(0, 0, 0, 0.87); } .ui.input > input { - margin: 0em; + margin: 0; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; @@ -108,7 +108,7 @@ content: ''; top: 50%; left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; + margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; @@ -119,19 +119,15 @@ content: ''; top: 50%; left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; + margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; - -webkit-animation: button-spin 0.6s linear; - animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + -webkit-animation: loader 0.6s infinite linear; + animation: loader 0.6s infinite linear; + border: 0.2em solid #767676; border-radius: 500rem; - border-color: #767676 transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + -webkit-box-shadow: 0 0 0 1px transparent; + box-shadow: 0 0 0 1px transparent; } /*-------------------- @@ -206,10 +202,10 @@ .ui.transparent.input > input { border-color: transparent !important; background-color: transparent !important; - padding: 0em !important; + padding: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; - border-radius: 0px !important; + border-radius: 0 !important; } /* Transparent Icon */ @@ -217,12 +213,12 @@ width: 1.1em; } .ui.transparent.icon.input > input { - padding-left: 0em !important; + padding-left: 0 !important; padding-right: 2em !important; } .ui.transparent[class*="left icon"].input > input { padding-left: 2em !important; - padding-right: 0em !important; + padding-right: 0 !important; } /* Transparent Inverted */ @@ -251,19 +247,20 @@ position: absolute; line-height: 1; text-align: center; - top: 0px; - right: 0px; - margin: 0em; + top: 0; + right: 0; + margin: 0; height: 100%; width: 2.67142857em; opacity: 0.5; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .ui.icon.input > i.icon:not(.link) { pointer-events: none; } +.ui.icon.input > textarea, .ui.icon.input > input { padding-right: 2.67142857em !important; } @@ -288,18 +285,20 @@ .ui[class*="left icon"].input > i.icon { right: auto; left: 1px; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; + border-radius: 0.28571429rem 0 0 0.28571429rem; } .ui[class*="left icon"].input > i.circular.icon { right: auto; left: 0.5em; } +.ui[class*="left icon"].input > textarea, .ui[class*="left icon"].input > input { padding-left: 2.67142857em !important; padding-right: 1em !important; } /* Focus */ +.ui.icon.input > textarea:focus ~ i.icon, .ui.icon.input > input:focus ~ i.icon { opacity: 1; } @@ -324,12 +323,12 @@ /* Regular Label on Left */ .ui.labeled.input:not([class*="corner labeled"]) .label:first-child { - border-top-right-radius: 0px; - border-bottom-right-radius: 0px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; border-left-color: transparent; } .ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus { @@ -338,13 +337,13 @@ /* Regular Label on Right */ .ui[class*="right labeled"].input > input { - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; border-right-color: transparent !important; } .ui[class*="right labeled"].input > input + .label { - border-top-left-radius: 0px; - border-bottom-left-radius: 0px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; } .ui[class*="right labeled"].input > input:focus { border-right-color: #85B7D9 !important; @@ -355,13 +354,15 @@ top: 1px; right: 1px; font-size: 0.64285714em; - border-radius: 0em 0.28571429rem 0em 0em; + border-radius: 0 0.28571429rem 0 0; } /* Spacing with corner label */ +.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > textarea, .ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input { padding-right: 2.5em !important; } +.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > textarea, .ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input { padding-right: 3.25em !important; } @@ -370,15 +371,20 @@ } /* Left Labeled */ +.ui[class*="left corner labeled"].labeled.input > textarea, .ui[class*="left corner labeled"].labeled.input > input { padding-left: 2.5em !important; } +.ui[class*="left corner labeled"].icon.input > textarea, .ui[class*="left corner labeled"].icon.input > input { padding-left: 3.25em !important; } .ui[class*="left corner labeled"].icon.input > .icon { margin-left: 1.25em; } +.ui.icon.input > textarea ~ .icon { + height: 3em; +} /* Corner Label Position */ .ui.input > .ui.corner.label { @@ -390,6 +396,21 @@ left: 1px; } +/* Labeled input error */ +.ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label { + border-top: 1px solid #E0B4B4; + border-bottom: 1px solid #E0B4B4; +} +.ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label { + border-left: 1px solid #E0B4B4; +} +.ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label { + border-right: 1px solid #E0B4B4; +} +.ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child { + border-left: 1px solid #E0B4B4; +} + /*-------------------- Action ---------------------*/ @@ -415,19 +436,19 @@ /* Button on Right */ .ui.action.input:not([class*="left action"]) > input { - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; border-right-color: transparent !important; } .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child), .ui.action.input:not([class*="left action"]) > .button:not(:first-child), .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button { - border-radius: 0px; + border-radius: 0; } .ui.action.input:not([class*="left action"]) > .dropdown:last-child, .ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button { - border-radius: 0px 0.28571429rem 0.28571429rem 0px; + border-radius: 0 0.28571429rem 0.28571429rem 0; } /* Input Focus */ @@ -437,19 +458,19 @@ /* Button on Left */ .ui[class*="left action"].input > input { - border-top-left-radius: 0px !important; - border-bottom-left-radius: 0px !important; + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; border-left-color: transparent !important; } .ui[class*="left action"].input > .dropdown, .ui[class*="left action"].input > .button, .ui[class*="left action"].input > .buttons > .button { - border-radius: 0px; + border-radius: 0; } .ui[class*="left action"].input > .dropdown:first-child, .ui[class*="left action"].input > .button:first-child, .ui[class*="left action"].input > .buttons:first-child > .button { - border-radius: 0.28571429rem 0px 0px 0.28571429rem; + border-radius: 0.28571429rem 0 0 0.28571429rem; } /* Input Focus */ @@ -477,7 +498,7 @@ display: flex; } .ui.fluid.input > input { - width: 0px !important; + width: 0 !important; } /*-------------------- diff --git a/dist/components/input.min.css b/dist/components/input.min.css index d6636d9532..4f1d83eaf1 100644 --- a/dist/components/input.min.css +++ b/dist/components/input.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Input + * # Semantic UI 2.7.0 - Input * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.input{position:relative;font-weight:400;font-style:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:rgba(0,0,0,.87)}.ui.input>input{margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;padding:.67857143em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,border-color .1s ease;transition:box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;-webkit-box-shadow:none;box-shadow:none}.ui.input>input::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-moz-placeholder{color:rgba(191,191,191,.87)}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.disabled.input,.ui.input:not(.disabled) input[disabled]{opacity:.45}.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled]{pointer-events:none}.ui.input.down input,.ui.input>input:active{border-color:rgba(0,0,0,.3);background:#fafafa;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}.ui.loading.loading.input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.loading.input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.input.focus>input,.ui.input>input:focus{border-color:#85b7d9;background:#fff;color:rgba(0,0,0,.8);-webkit-box-shadow:none;box-shadow:none}.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.error>input{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-box-shadow:none;box-shadow:none}.ui.input.error>input::-webkit-input-placeholder{color:#e7bdbc}.ui.input.error>input::-moz-placeholder{color:#e7bdbc}.ui.input.error>input:-ms-input-placeholder{color:#e7bdbc!important}.ui.input.error>input:focus::-webkit-input-placeholder{color:#da9796}.ui.input.error>input:focus::-moz-placeholder{color:#da9796}.ui.input.error>input:focus:-ms-input-placeholder{color:#da9796!important}.ui.transparent.input>input{border-color:transparent!important;background-color:transparent!important;padding:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important}.ui.transparent.icon.input>i.icon{width:1.1em}.ui.transparent.icon.input>input{padding-left:0!important;padding-right:2em!important}.ui.transparent[class*="left icon"].input>input{padding-left:2em!important;padding-right:0!important}.ui.transparent.inverted.input{color:#fff}.ui.transparent.inverted.input>input{color:inherit}.ui.transparent.inverted.input>input::-webkit-input-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input::-moz-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input:-ms-input-placeholder{color:rgba(255,255,255,.5)}.ui.icon.input>i.icon{cursor:default;position:absolute;line-height:1;text-align:center;top:0;right:0;margin:0;height:100%;width:2.67142857em;opacity:.5;border-radius:0 .28571429rem .28571429rem 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ui.icon.input>i.icon:not(.link){pointer-events:none}.ui.icon.input>input{padding-right:2.67142857em!important}.ui.icon.input>i.icon:after,.ui.icon.input>i.icon:before{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-.5em}.ui.icon.input>i.link.icon{cursor:pointer}.ui.icon.input>i.circular.icon{top:.35em;right:.5em}.ui[class*="left icon"].input>i.icon{right:auto;left:1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left icon"].input>i.circular.icon{right:auto;left:.5em}.ui[class*="left icon"].input>input{padding-left:2.67142857em!important;padding-right:1em!important}.ui.icon.input>input:focus~i.icon{opacity:1}.ui.labeled.input>.label{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;font-size:1em}.ui.labeled.input>.label:not(.corner){padding-top:.78571429em;padding-bottom:.78571429em}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus{border-left-color:#85b7d9}.ui[class*="right labeled"].input>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui[class*="right labeled"].input>input+.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="right labeled"].input>input:focus{border-right-color:#85b7d9!important}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.64285714em;border-radius:0 .28571429rem 0 0}.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input{padding-right:2.5em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input{padding-right:3.25em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>.icon{margin-right:1.25em}.ui[class*="left corner labeled"].labeled.input>input{padding-left:2.5em!important}.ui[class*="left corner labeled"].icon.input>input{padding-left:3.25em!important}.ui[class*="left corner labeled"].icon.input>.icon{margin-left:1.25em}.ui.input>.ui.corner.label{top:1px;right:1px}.ui.input>.ui.left.corner.label{right:auto;left:1px}.ui.action.input>.button,.ui.action.input>.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ui.action.input>.button,.ui.action.input>.buttons>.button{padding-top:.78571429em;padding-bottom:.78571429em;margin:0}.ui.action.input:not([class*="left action"])>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui.action.input:not([class*="left action"])>.button:not(:first-child),.ui.action.input:not([class*="left action"])>.buttons:not(:first-child)>.button,.ui.action.input:not([class*="left action"])>.dropdown:not(:first-child){border-radius:0}.ui.action.input:not([class*="left action"])>.button:last-child,.ui.action.input:not([class*="left action"])>.buttons:last-child>.button,.ui.action.input:not([class*="left action"])>.dropdown:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.action.input:not([class*="left action"])>input:focus{border-right-color:#85b7d9!important}.ui[class*="left action"].input>input{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left-color:transparent!important}.ui[class*="left action"].input>.button,.ui[class*="left action"].input>.buttons>.button,.ui[class*="left action"].input>.dropdown{border-radius:0}.ui[class*="left action"].input>.button:first-child,.ui[class*="left action"].input>.buttons:first-child>.button,.ui[class*="left action"].input>.dropdown:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left action"].input>input:focus{border-left-color:#85b7d9!important}.ui.inverted.input>input{border:none}.ui.fluid.input{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.fluid.input>input{width:0!important}.ui.mini.input{font-size:.78571429em}.ui.small.input{font-size:.92857143em}.ui.input{font-size:1em}.ui.large.input{font-size:1.14285714em}.ui.big.input{font-size:1.28571429em}.ui.huge.input{font-size:1.42857143em}.ui.massive.input{font-size:1.71428571em} \ No newline at end of file + */.ui.input{position:relative;font-weight:400;font-style:normal;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;color:rgba(0,0,0,.87)}.ui.input>input{margin:0;max-width:100%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align:left;line-height:1.21428571em;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;padding:.67857143em 1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:border-color .1s ease,-webkit-box-shadow .1s ease;transition:box-shadow .1s ease,border-color .1s ease;transition:box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;-webkit-box-shadow:none;box-shadow:none}.ui.input>input::-webkit-input-placeholder{color:rgba(191,191,191,.87)}.ui.input>input::-moz-placeholder{color:rgba(191,191,191,.87)}.ui.input>input:-ms-input-placeholder{color:rgba(191,191,191,.87)}.ui.disabled.input,.ui.input:not(.disabled) input[disabled]{opacity:.45}.ui.disabled.input>input,.ui.input:not(.disabled) input[disabled]{pointer-events:none}.ui.input.down input,.ui.input>input:active{border-color:rgba(0,0,0,.3);background:#fafafa;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}.ui.loading.loading.input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.loading.input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.input.focus>input,.ui.input>input:focus{border-color:#85b7d9;background:#fff;color:rgba(0,0,0,.8);-webkit-box-shadow:none;box-shadow:none}.ui.input.focus>input::-webkit-input-placeholder,.ui.input>input:focus::-webkit-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input::-moz-placeholder,.ui.input>input:focus::-moz-placeholder{color:rgba(115,115,115,.87)}.ui.input.focus>input:-ms-input-placeholder,.ui.input>input:focus:-ms-input-placeholder{color:rgba(115,115,115,.87)}.ui.input.error>input{background-color:#fff6f6;border-color:#e0b4b4;color:#9f3a38;-webkit-box-shadow:none;box-shadow:none}.ui.input.error>input::-webkit-input-placeholder{color:#e7bdbc}.ui.input.error>input::-moz-placeholder{color:#e7bdbc}.ui.input.error>input:-ms-input-placeholder{color:#e7bdbc!important}.ui.input.error>input:focus::-webkit-input-placeholder{color:#da9796}.ui.input.error>input:focus::-moz-placeholder{color:#da9796}.ui.input.error>input:focus:-ms-input-placeholder{color:#da9796!important}.ui.transparent.input>input{border-color:transparent!important;background-color:transparent!important;padding:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border-radius:0!important}.ui.transparent.icon.input>i.icon{width:1.1em}.ui.transparent.icon.input>input{padding-left:0!important;padding-right:2em!important}.ui.transparent[class*="left icon"].input>input{padding-left:2em!important;padding-right:0!important}.ui.transparent.inverted.input{color:#fff}.ui.transparent.inverted.input>input{color:inherit}.ui.transparent.inverted.input>input::-webkit-input-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input::-moz-placeholder{color:rgba(255,255,255,.5)}.ui.transparent.inverted.input>input:-ms-input-placeholder{color:rgba(255,255,255,.5)}.ui.icon.input>i.icon{cursor:default;position:absolute;line-height:1;text-align:center;top:0;right:0;margin:0;height:100%;width:2.67142857em;opacity:.5;border-radius:0 .28571429rem .28571429rem 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.ui.icon.input>i.icon:not(.link){pointer-events:none}.ui.icon.input>input,.ui.icon.input>textarea{padding-right:2.67142857em!important}.ui.icon.input>i.icon:after,.ui.icon.input>i.icon:before{left:0;position:absolute;text-align:center;top:50%;width:100%;margin-top:-.5em}.ui.icon.input>i.link.icon{cursor:pointer}.ui.icon.input>i.circular.icon{top:.35em;right:.5em}.ui[class*="left icon"].input>i.icon{right:auto;left:1px;border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left icon"].input>i.circular.icon{right:auto;left:.5em}.ui[class*="left icon"].input>input,.ui[class*="left icon"].input>textarea{padding-left:2.67142857em!important;padding-right:1em!important}.ui.icon.input>input:focus~i.icon,.ui.icon.input>textarea:focus~i.icon{opacity:1}.ui.labeled.input>.label{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;font-size:1em}.ui.labeled.input>.label:not(.corner){padding-top:.78571429em;padding-bottom:.78571429em}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:transparent}.ui.labeled.input:not([class*="corner labeled"]) .label:first-child+input:focus{border-left-color:#85b7d9}.ui[class*="right labeled"].input>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui[class*="right labeled"].input>input+.label{border-top-left-radius:0;border-bottom-left-radius:0}.ui[class*="right labeled"].input>input:focus{border-right-color:#85b7d9!important}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.64285714em;border-radius:0 .28571429rem 0 0}.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>input,.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input>textarea{padding-right:2.5em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>input,.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>textarea{padding-right:3.25em!important}.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"])>.icon{margin-right:1.25em}.ui[class*="left corner labeled"].labeled.input>input,.ui[class*="left corner labeled"].labeled.input>textarea{padding-left:2.5em!important}.ui[class*="left corner labeled"].icon.input>input,.ui[class*="left corner labeled"].icon.input>textarea{padding-left:3.25em!important}.ui[class*="left corner labeled"].icon.input>.icon{margin-left:1.25em}.ui.icon.input>textarea~.icon{height:3em}.ui.input>.ui.corner.label{top:1px;right:1px}.ui.input>.ui.left.corner.label{right:auto;left:1px}.ui.labeled.input.error:not([class*="corner labeled"])>.ui.label{border-top:1px solid #e0b4b4;border-bottom:1px solid #e0b4b4}.ui.labeled.input.error:not(.right):not([class*="corner labeled"])>.ui.label{border-left:1px solid #e0b4b4}.ui.right.labeled.input.error:not([class*="corner labeled"])>input+.ui.label{border-right:1px solid #e0b4b4}.ui.right.labeled.input.error:not([class*="corner labeled"])>.ui.label:first-child{border-left:1px solid #e0b4b4}.ui.action.input>.button,.ui.action.input>.buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.ui.action.input>.button,.ui.action.input>.buttons>.button{padding-top:.78571429em;padding-bottom:.78571429em;margin:0}.ui.action.input:not([class*="left action"])>input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right-color:transparent!important}.ui.action.input:not([class*="left action"])>.button:not(:first-child),.ui.action.input:not([class*="left action"])>.buttons:not(:first-child)>.button,.ui.action.input:not([class*="left action"])>.dropdown:not(:first-child){border-radius:0}.ui.action.input:not([class*="left action"])>.button:last-child,.ui.action.input:not([class*="left action"])>.buttons:last-child>.button,.ui.action.input:not([class*="left action"])>.dropdown:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.action.input:not([class*="left action"])>input:focus{border-right-color:#85b7d9!important}.ui[class*="left action"].input>input{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-left-color:transparent!important}.ui[class*="left action"].input>.button,.ui[class*="left action"].input>.buttons>.button,.ui[class*="left action"].input>.dropdown{border-radius:0}.ui[class*="left action"].input>.button:first-child,.ui[class*="left action"].input>.buttons:first-child>.button,.ui[class*="left action"].input>.dropdown:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="left action"].input>input:focus{border-left-color:#85b7d9!important}.ui.inverted.input>input{border:none}.ui.fluid.input{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.fluid.input>input{width:0!important}.ui.mini.input{font-size:.78571429em}.ui.small.input{font-size:.92857143em}.ui.input{font-size:1em}.ui.large.input{font-size:1.14285714em}.ui.big.input{font-size:1.28571429em}.ui.huge.input{font-size:1.42857143em}.ui.massive.input{font-size:1.71428571em} \ No newline at end of file diff --git a/dist/components/item.css b/dist/components/item.css index 53abf75857..33f202fbfa 100644 --- a/dist/components/item.css +++ b/dist/components/item.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Item + * # Semantic UI 2.7.0 - Item * http://github.com/semantic-org/semantic-ui/ * * @@ -22,13 +22,13 @@ display: -webkit-box; display: -ms-flexbox; display: flex; - margin: 1em 0em; + margin: 1em 0; width: 100%; - min-height: 0px; + min-height: 0; background: transparent; - padding: 0em; + padding: 0; border: none; - border-radius: 0rem; + border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow 0.1s ease; @@ -46,13 +46,13 @@ ---------------*/ .ui.items { - margin: 1.5em 0em; + margin: 1.5em 0; } .ui.items:first-child { - margin-top: 0em !important; + margin-top: 0 !important; } .ui.items:last-child { - margin-bottom: 0em !important; + margin-bottom: 0 !important; } /*-------------- @@ -62,16 +62,16 @@ .ui.items > .item:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; } .ui.items > .item:first-child { - margin-top: 0em; + margin-top: 0; } .ui.items > .item:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -85,11 +85,11 @@ flex: 0 0 auto; display: block; float: none; - margin: 0em; - padding: 0em; + margin: 0; + padding: 0; max-height: ''; - -ms-flex-item-align: top; - align-self: top; + -ms-flex-item-align: start; + align-self: start; } .ui.items > .item > .image > img { display: block; @@ -99,7 +99,7 @@ border: none; } .ui.items > .item > .image:only-child > img { - border-radius: 0rem; + border-radius: 0; } /*-------------- @@ -113,18 +113,18 @@ flex: 1 1 auto; background: none; color: rgba(0, 0, 0, 0.87); - margin: 0em; - padding: 0em; + margin: 0; + padding: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 1em; border: none; - border-radius: 0em; + border-radius: 0; } .ui.items > .item > .content:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; @@ -133,14 +133,14 @@ min-width: 0; width: auto; display: block; - margin-left: 0em; - -ms-flex-item-align: top; - align-self: top; + margin-left: 0; + -ms-flex-item-align: start; + align-self: start; padding-left: 1.5em; } .ui.items > .item > .content > .header { display: inline-block; - margin: -0.21425em 0em 0em; + margin: -0.21425em 0 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; color: rgba(0, 0, 0, 0.85); @@ -167,8 +167,8 @@ ---------------*/ .ui.items > .item .content img { - -ms-flex-item-align: middle; - align-self: middle; + -ms-flex-item-align: center; + align-self: center; width: ''; } .ui.items > .item img.avatar, @@ -195,10 +195,10 @@ ---------------*/ .ui.items > .item > .content p { - margin: 0em 0em 0.5em; + margin: 0 0 0.5em; } .ui.items > .item > .content p:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -206,7 +206,7 @@ ---------------*/ .ui.items > .item .meta { - margin: 0.5em 0em 0.5em; + margin: 0.5em 0 0.5em; font-size: 1em; line-height: 1em; color: rgba(0, 0, 0, 0.6); @@ -215,10 +215,10 @@ margin-right: 0.3em; } .ui.items > .item .meta :last-child { - margin-right: 0em; + margin-right: 0; } .ui.items > .item .meta [class*="right floated"] { - margin-right: 0em; + margin-right: 0; margin-left: 0.3em; } @@ -302,11 +302,11 @@ display: block; position: relative; background: none; - margin: 0.5rem 0em 0em; + margin: 0.5rem 0 0; width: 100%; - padding: 0em 0em 0em; - top: 0em; - left: 0em; + padding: 0 0 0; + top: 0; + left: 0; color: rgba(0, 0, 0, 0.4); -webkit-box-shadow: none; box-shadow: none; @@ -315,15 +315,15 @@ border-top: none; } .ui.items > .item .extra > * { - margin: 0.25rem 0.5rem 0.25rem 0em; + margin: 0.25rem 0.5rem 0.25rem 0; } .ui.items > .item .extra > [class*="right floated"] { - margin: 0.25rem 0em 0.25rem 0.5rem; + margin: 0.25rem 0 0.25rem 0.5rem; } .ui.items > .item .extra:after { display: block; content: ' '; - height: 0px; + height: 0; clear: both; overflow: hidden; visibility: hidden; @@ -343,14 +343,14 @@ /* Tablet Only */ @media only screen and (min-width: 768px) and (max-width: 991px) { .ui.items > .item { - margin: 1em 0em; + margin: 1em 0; } .ui.items > .item > .image:not(.ui) { width: 150px; } .ui.items > .item > .image + .content { display: block; - padding: 0em 0em 0em 1em; + padding: 0 0 0 1em; } } @@ -361,7 +361,7 @@ -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; - margin: 2em 0em; + margin: 2em 0; } .ui.items:not(.unstackable) > .item > .image { display: block; @@ -376,7 +376,7 @@ } .ui.items:not(.unstackable) > .item > .image + .content { display: block; - padding: 1.5em 0em 0em; + padding: 1.5em 0 0; } } @@ -408,10 +408,10 @@ ---------------*/ .ui.relaxed.items > .item { - margin: 1.5em 0em; + margin: 1.5em 0; } .ui[class*="very relaxed"].items > .item { - margin: 2em 0em; + margin: 2em 0; } /*------------------- @@ -420,27 +420,27 @@ .ui.divided.items > .item { border-top: 1px solid rgba(34, 36, 38, 0.15); - margin: 0em; - padding: 1em 0em; + margin: 0; + padding: 1em 0; } .ui.divided.items > .item:first-child { border-top: none; - margin-top: 0em !important; - padding-top: 0em !important; + margin-top: 0 !important; + padding-top: 0 !important; } .ui.divided.items > .item:last-child { - margin-bottom: 0em !important; - padding-bottom: 0em !important; + margin-bottom: 0 !important; + padding-bottom: 0 !important; } /* Relaxed Divided */ .ui.relaxed.divided.items > .item { - margin: 0em; - padding: 1.5em 0em; + margin: 0; + padding: 1.5em 0; } .ui[class*="very relaxed"].divided.items > .item { - margin: 0em; - padding: 2em 0em; + margin: 0; + padding: 2em 0; } /*------------------- diff --git a/dist/components/item.min.css b/dist/components/item.min.css index b0951edc1c..71769bcaae 100644 --- a/dist/components/item.min.css +++ b/dist/components/item.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Item + * # Semantic UI 2.7.0 - Item * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.items>.item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em 0;width:100%;min-height:0;background:0 0;padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow .1s ease;transition:-webkit-box-shadow .1s ease;transition:box-shadow .1s ease;transition:box-shadow .1s ease,-webkit-box-shadow .1s ease;z-index:''}.ui.items>.item a{cursor:pointer}.ui.items{margin:1.5em 0}.ui.items:first-child{margin-top:0!important}.ui.items:last-child{margin-bottom:0!important}.ui.items>.item:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item:first-child{margin-top:0}.ui.items>.item:last-child{margin-bottom:0}.ui.items>.item>.image{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;float:none;margin:0;padding:0;max-height:'';-ms-flex-item-align:top;align-self:top}.ui.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:.125rem;border:none}.ui.items>.item>.image:only-child>img{border-radius:0}.ui.items>.item>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:0 0;color:rgba(0,0,0,.87);margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border:none;border-radius:0}.ui.items>.item>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-left:0;-ms-flex-item-align:top;align-self:top;padding-left:1.5em}.ui.items>.item>.content>.header{display:inline-block;margin:-.21425em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;color:rgba(0,0,0,.85)}.ui.items>.item>.content>.header:not(.ui){font-size:1.28571429em}.ui.items>.item [class*="left floated"]{float:left}.ui.items>.item [class*="right floated"]{float:right}.ui.items>.item .content img{-ms-flex-item-align:middle;align-self:middle;width:''}.ui.items>.item .avatar img,.ui.items>.item img.avatar{width:'';height:'';border-radius:500rem}.ui.items>.item>.content>.description{margin-top:.6em;max-width:auto;font-size:1em;line-height:1.4285em;color:rgba(0,0,0,.87)}.ui.items>.item>.content p{margin:0 0 .5em}.ui.items>.item>.content p:last-child{margin-bottom:0}.ui.items>.item .meta{margin:.5em 0 .5em;font-size:1em;line-height:1em;color:rgba(0,0,0,.6)}.ui.items>.item .meta *{margin-right:.3em}.ui.items>.item .meta :last-child{margin-right:0}.ui.items>.item .meta [class*="right floated"]{margin-right:0;margin-left:.3em}.ui.items>.item>.content a:not(.ui){color:'';-webkit-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content a:not(.ui):hover{color:''}.ui.items>.item>.content>a.header{color:rgba(0,0,0,.85)}.ui.items>.item>.content>a.header:hover{color:#1e70bf}.ui.items>.item .meta>a:not(.ui){color:rgba(0,0,0,.4)}.ui.items>.item .meta>a:not(.ui):hover{color:rgba(0,0,0,.87)}.ui.items>.item>.content .favorite.icon{cursor:pointer;opacity:.75;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content .favorite.icon:hover{opacity:1;color:#ffb70a}.ui.items>.item>.content .active.favorite.icon{color:#ffe623}.ui.items>.item>.content .like.icon{cursor:pointer;opacity:.75;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content .like.icon:hover{opacity:1;color:#ff2733}.ui.items>.item>.content .active.like.icon{color:#ff2733}.ui.items>.item .extra{display:block;position:relative;background:0 0;margin:.5rem 0 0;width:100%;padding:0 0 0;top:0;left:0;color:rgba(0,0,0,.4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:color .1s ease;transition:color .1s ease;border-top:none}.ui.items>.item .extra>*{margin:.25rem .5rem .25rem 0}.ui.items>.item .extra>[class*="right floated"]{margin:.25rem 0 .25rem .5rem}.ui.items>.item .extra:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image:not(.ui){width:175px}@media only screen and (min-width:768px) and (max-width:991px){.ui.items>.item{margin:1em 0}.ui.items>.item>.image:not(.ui){width:150px}.ui.items>.item>.image+.content{display:block;padding:0 0 0 1em}}@media only screen and (max-width:767px){.ui.items:not(.unstackable)>.item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2em 0}.ui.items:not(.unstackable)>.item>.image{display:block;margin-left:auto;margin-right:auto}.ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img{max-width:100%!important;width:auto!important;max-height:250px!important}.ui.items:not(.unstackable)>.item>.image+.content{display:block;padding:1.5em 0 0}}.ui.items>.item>.image+[class*="top aligned"].content{-ms-flex-item-align:start;align-self:flex-start}.ui.items>.item>.image+[class*="middle aligned"].content{-ms-flex-item-align:center;align-self:center}.ui.items>.item>.image+[class*="bottom aligned"].content{-ms-flex-item-align:end;align-self:flex-end}.ui.relaxed.items>.item{margin:1.5em 0}.ui[class*="very relaxed"].items>.item{margin:2em 0}.ui.divided.items>.item{border-top:1px solid rgba(34,36,38,.15);margin:0;padding:1em 0}.ui.divided.items>.item:first-child{border-top:none;margin-top:0!important;padding-top:0!important}.ui.divided.items>.item:last-child{margin-bottom:0!important;padding-bottom:0!important}.ui.relaxed.divided.items>.item{margin:0;padding:1.5em 0}.ui[class*="very relaxed"].divided.items>.item{margin:0;padding:2em 0}.ui.items a.item:hover,.ui.link.items>.item:hover{cursor:pointer}.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header{color:#1e70bf}.ui.items>.item{font-size:1em}@media only screen and (max-width:767px){.ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img{width:125px!important}}.ui.inverted.items>.item{background:0 0}.ui.inverted.items>.item>.content{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.items>.item .extra{background:0 0}.ui.inverted.items>.item>.content>.header{color:rgba(255,255,255,.9)}.ui.inverted.items>.item>.content>.description{color:rgba(255,255,255,.9)}.ui.inverted.items>.item .meta{color:rgba(255,255,255,.8)}.ui.inverted.items>.item>.content a:not(.ui){color:#57a4ef}.ui.inverted.items>.item>.content a:not(.ui):hover{color:#4183c4}.ui.inverted.items>.item>.content>a.header{color:rgba(255,255,255,.9)}.ui.inverted.items>.item>.content>a.header:hover{color:#fff}.ui.inverted.items>.item .meta>a:not(.ui){color:rgba(255,255,255,.7)}.ui.inverted.items>.item .meta>a:not(.ui):hover{color:rgba(255,255,255,.9)}.ui.inverted.items>.item>.content .favorite.icon:hover{color:#ffc63d}.ui.inverted.items>.item>.content .active.favorite.icon{color:#ffec56}.ui.inverted.items>.item>.content .like.icon:hover{color:#ff5a63}.ui.inverted.items>.item>.content .active.like.icon{color:#ff5a63}.ui.inverted.items>.item .extra{color:rgba(255,255,255,.7)}.ui.inverted.items a.item:hover .content .header,.ui.inverted.link.items>.item:hover .content .header{color:#fff}.ui.inverted.divided.items>.item{border-top:1px solid rgba(255,255,255,.1)}.ui.inverted.divided.items>.item:first-child{border-top:none} \ No newline at end of file + */.ui.items>.item{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em 0;width:100%;min-height:0;background:0 0;padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:-webkit-box-shadow .1s ease;transition:-webkit-box-shadow .1s ease;transition:box-shadow .1s ease;transition:box-shadow .1s ease,-webkit-box-shadow .1s ease;z-index:''}.ui.items>.item a{cursor:pointer}.ui.items{margin:1.5em 0}.ui.items:first-child{margin-top:0!important}.ui.items:last-child{margin-bottom:0!important}.ui.items>.item:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item:first-child{margin-top:0}.ui.items>.item:last-child{margin-bottom:0}.ui.items>.item>.image{position:relative;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:block;float:none;margin:0;padding:0;max-height:'';-ms-flex-item-align:start;align-self:start}.ui.items>.item>.image>img{display:block;width:100%;height:auto;border-radius:.125rem;border:none}.ui.items>.item>.image:only-child>img{border-radius:0}.ui.items>.item>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;background:0 0;color:rgba(0,0,0,.87);margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;font-size:1em;border:none;border-radius:0}.ui.items>.item>.content:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image+.content{min-width:0;width:auto;display:block;margin-left:0;-ms-flex-item-align:start;align-self:start;padding-left:1.5em}.ui.items>.item>.content>.header{display:inline-block;margin:-.21425em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;color:rgba(0,0,0,.85)}.ui.items>.item>.content>.header:not(.ui){font-size:1.28571429em}.ui.items>.item [class*="left floated"]{float:left}.ui.items>.item [class*="right floated"]{float:right}.ui.items>.item .content img{-ms-flex-item-align:center;align-self:center;width:''}.ui.items>.item .avatar img,.ui.items>.item img.avatar{width:'';height:'';border-radius:500rem}.ui.items>.item>.content>.description{margin-top:.6em;max-width:auto;font-size:1em;line-height:1.4285em;color:rgba(0,0,0,.87)}.ui.items>.item>.content p{margin:0 0 .5em}.ui.items>.item>.content p:last-child{margin-bottom:0}.ui.items>.item .meta{margin:.5em 0 .5em;font-size:1em;line-height:1em;color:rgba(0,0,0,.6)}.ui.items>.item .meta *{margin-right:.3em}.ui.items>.item .meta :last-child{margin-right:0}.ui.items>.item .meta [class*="right floated"]{margin-right:0;margin-left:.3em}.ui.items>.item>.content a:not(.ui){color:'';-webkit-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content a:not(.ui):hover{color:''}.ui.items>.item>.content>a.header{color:rgba(0,0,0,.85)}.ui.items>.item>.content>a.header:hover{color:#1e70bf}.ui.items>.item .meta>a:not(.ui){color:rgba(0,0,0,.4)}.ui.items>.item .meta>a:not(.ui):hover{color:rgba(0,0,0,.87)}.ui.items>.item>.content .favorite.icon{cursor:pointer;opacity:.75;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content .favorite.icon:hover{opacity:1;color:#ffb70a}.ui.items>.item>.content .active.favorite.icon{color:#ffe623}.ui.items>.item>.content .like.icon{cursor:pointer;opacity:.75;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.items>.item>.content .like.icon:hover{opacity:1;color:#ff2733}.ui.items>.item>.content .active.like.icon{color:#ff2733}.ui.items>.item .extra{display:block;position:relative;background:0 0;margin:.5rem 0 0;width:100%;padding:0 0 0;top:0;left:0;color:rgba(0,0,0,.4);-webkit-box-shadow:none;box-shadow:none;-webkit-transition:color .1s ease;transition:color .1s ease;border-top:none}.ui.items>.item .extra>*{margin:.25rem .5rem .25rem 0}.ui.items>.item .extra>[class*="right floated"]{margin:.25rem 0 .25rem .5rem}.ui.items>.item .extra:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.items>.item>.image:not(.ui){width:175px}@media only screen and (min-width:768px) and (max-width:991px){.ui.items>.item{margin:1em 0}.ui.items>.item>.image:not(.ui){width:150px}.ui.items>.item>.image+.content{display:block;padding:0 0 0 1em}}@media only screen and (max-width:767px){.ui.items:not(.unstackable)>.item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:2em 0}.ui.items:not(.unstackable)>.item>.image{display:block;margin-left:auto;margin-right:auto}.ui.items:not(.unstackable)>.item>.image,.ui.items:not(.unstackable)>.item>.image>img{max-width:100%!important;width:auto!important;max-height:250px!important}.ui.items:not(.unstackable)>.item>.image+.content{display:block;padding:1.5em 0 0}}.ui.items>.item>.image+[class*="top aligned"].content{-ms-flex-item-align:start;align-self:flex-start}.ui.items>.item>.image+[class*="middle aligned"].content{-ms-flex-item-align:center;align-self:center}.ui.items>.item>.image+[class*="bottom aligned"].content{-ms-flex-item-align:end;align-self:flex-end}.ui.relaxed.items>.item{margin:1.5em 0}.ui[class*="very relaxed"].items>.item{margin:2em 0}.ui.divided.items>.item{border-top:1px solid rgba(34,36,38,.15);margin:0;padding:1em 0}.ui.divided.items>.item:first-child{border-top:none;margin-top:0!important;padding-top:0!important}.ui.divided.items>.item:last-child{margin-bottom:0!important;padding-bottom:0!important}.ui.relaxed.divided.items>.item{margin:0;padding:1.5em 0}.ui[class*="very relaxed"].divided.items>.item{margin:0;padding:2em 0}.ui.items a.item:hover,.ui.link.items>.item:hover{cursor:pointer}.ui.items a.item:hover .content .header,.ui.link.items>.item:hover .content .header{color:#1e70bf}.ui.items>.item{font-size:1em}@media only screen and (max-width:767px){.ui.unstackable.items>.item>.image,.ui.unstackable.items>.item>.image>img{width:125px!important}}.ui.inverted.items>.item{background:0 0}.ui.inverted.items>.item>.content{background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.items>.item .extra{background:0 0}.ui.inverted.items>.item>.content>.header{color:rgba(255,255,255,.9)}.ui.inverted.items>.item>.content>.description{color:rgba(255,255,255,.9)}.ui.inverted.items>.item .meta{color:rgba(255,255,255,.8)}.ui.inverted.items>.item>.content a:not(.ui){color:#57a4ef}.ui.inverted.items>.item>.content a:not(.ui):hover{color:#4183c4}.ui.inverted.items>.item>.content>a.header{color:rgba(255,255,255,.9)}.ui.inverted.items>.item>.content>a.header:hover{color:#fff}.ui.inverted.items>.item .meta>a:not(.ui){color:rgba(255,255,255,.7)}.ui.inverted.items>.item .meta>a:not(.ui):hover{color:rgba(255,255,255,.9)}.ui.inverted.items>.item>.content .favorite.icon:hover{color:#ffc63d}.ui.inverted.items>.item>.content .active.favorite.icon{color:#ffec56}.ui.inverted.items>.item>.content .like.icon:hover{color:#ff5a63}.ui.inverted.items>.item>.content .active.like.icon{color:#ff5a63}.ui.inverted.items>.item .extra{color:rgba(255,255,255,.7)}.ui.inverted.items a.item:hover .content .header,.ui.inverted.link.items>.item:hover .content .header{color:#fff}.ui.inverted.divided.items>.item{border-top:1px solid rgba(255,255,255,.1)}.ui.inverted.divided.items>.item:first-child{border-top:none} \ No newline at end of file diff --git a/dist/components/label.css b/dist/components/label.css index f5226bb913..80c5ef4292 100644 --- a/dist/components/label.css +++ b/dist/components/label.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Label + * # Semantic UI 2.7.0 - Label * http://github.com/semantic-org/semantic-ui/ * * @@ -17,23 +17,23 @@ display: inline-block; line-height: 1; vertical-align: baseline; - margin: 0em 0.14285714em; + margin: 0 0.14285714em; background-color: #E8E8E8; background-image: none; padding: 0.5833em 0.833em; color: rgba(0, 0, 0, 0.6); text-transform: none; font-weight: bold; - border: 0px solid transparent; + border: 0 solid transparent; border-radius: 0.28571429rem; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; } .ui.label:first-child { - margin-left: 0em; + margin-left: 0; } .ui.label:last-child { - margin-right: 0em; + margin-right: 0; } /* Link */ @@ -63,7 +63,7 @@ a.ui.label { /* Icon */ .ui.label > .icon { width: auto; - margin: 0em 0.75em 0em 0em; + margin: 0 0.75em 0 0; } /* Detail */ @@ -75,14 +75,14 @@ a.ui.label { opacity: 0.8; } .ui.label > .detail .icon { - margin: 0em 0.25em 0em 0em; + margin: 0 0.25em 0 0; } /* Removable label */ .ui.label > .close.icon, .ui.label > .delete.icon { cursor: pointer; - margin-right: 0em; + margin-right: 0; margin-left: 0.5em; font-size: 0.92857143em; opacity: 0.5; @@ -98,7 +98,7 @@ a.ui.label { --------------------*/ .ui.labels > .label { - margin: 0em 0.5em 0.5em 0em; + margin: 0 0.5em 0.5em 0; } /*------------------- @@ -131,7 +131,7 @@ a.ui.label { margin-top: 2rem !important; } .ui.bottom.attached.label:first-child ~ :last-child:not(.attached) { - margin-top: 0em; + margin-top: 0; margin-bottom: 2rem !important; } @@ -142,8 +142,8 @@ a.ui.label { .ui.image.label { width: auto !important; - margin-top: 0em; - margin-bottom: 0em; + margin-top: 0; + margin-bottom: 0; max-width: 9999px; vertical-align: baseline; text-transform: none; @@ -158,13 +158,13 @@ a.ui.label { vertical-align: top; height: 2.1666em; margin: -0.5833em 0.5em -0.5833em -0.5em; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; + border-radius: 0.28571429rem 0 0 0.28571429rem; } .ui.image.label .detail { background: rgba(0, 0, 0, 0.1); margin: -0.5833em -0.833em -0.5833em 0.5em; padding: 0.5833em 0.833em; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; } /*------------------- @@ -177,7 +177,7 @@ a.ui.label { position: relative; padding-left: 1.5em; padding-right: 1.5em; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; -webkit-transition: none; transition: none; } @@ -203,13 +203,25 @@ a.ui.label { top: 50%; left: -0.25em; margin-top: -0.25em; - background-color: #FFFFFF !important; + background-color: #FFFFFF; width: 0.5em; height: 0.5em; -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3); border-radius: 500rem; } +.ui.basic.tag.labels .label:before, +.ui.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + right: calc(100% + 1px); +} +.ui.basic.tag.labels .label:after, +.ui.basic.tag.label:after { + -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8); + box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8); +} /*------------------- Corner Label @@ -217,10 +229,10 @@ a.ui.label { .ui.corner.label { position: absolute; - top: 0em; - right: 0em; - margin: 0em; - padding: 0em; + top: 0; + right: 0; + margin: 0; + padding: 0; text-align: center; border-color: #E8E8E8; width: 4em; @@ -237,16 +249,16 @@ a.ui.label { .ui.corner.label:after { position: absolute; content: ""; - right: 0em; - top: 0em; + right: 0; + top: 0; z-index: -1; - width: 0em; - height: 0em; - background-color: transparent !important; - border-top: 0em solid transparent; + width: 0; + height: 0; + background-color: transparent; + border-top: 0 solid transparent; border-right: 4em solid transparent; border-bottom: 4em solid transparent; - border-left: 0em solid transparent; + border-left: 0 solid transparent; border-right-color: inherit; -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; @@ -257,20 +269,20 @@ a.ui.label { top: 0.64285714em; left: 0.78571429em; font-size: 1.14285714em; - margin: 0em; + margin: 0; } /* Left Corner */ .ui.left.corner.label, .ui.left.corner.label:after { right: auto; - left: 0em; + left: 0; } .ui.left.corner.label:after { border-top: 4em solid transparent; border-right: 4em solid transparent; - border-bottom: 0em solid transparent; - border-left: 0em solid transparent; + border-bottom: 0 solid transparent; + border-left: 0 solid transparent; border-top-color: inherit; } .ui.left.corner.label .icon { @@ -293,25 +305,25 @@ a.ui.label { .ui.ribbon.label { position: relative; - margin: 0em; + margin: 0; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; border-color: rgba(0, 0, 0, 0.15); } .ui.ribbon.label:after { position: absolute; content: ''; top: 100%; - left: 0%; - background-color: transparent !important; + left: 0; + background-color: transparent; border-style: solid; - border-width: 0em 1.2em 1.2em 0em; + border-width: 0 1.2em 1.2em 0; border-color: transparent; border-right-color: inherit; - width: 0em; - height: 0em; + width: 0; + height: 0; } /* Positioning */ @@ -332,13 +344,13 @@ a.ui.label { text-align: left; -webkit-transform: translateX(-100%); transform: translateX(-100%); - border-radius: 0.28571429rem 0em 0em 0.28571429rem; + border-radius: 0.28571429rem 0 0 0.28571429rem; } .ui[class*="right ribbon"].label:after { left: auto; - right: 0%; + right: 0; border-style: solid; - border-width: 1.2em 1.2em 0em 0em; + border-width: 1.2em 1.2em 0 0; border-color: transparent; border-top-color: inherit; } @@ -376,41 +388,41 @@ a.ui.label { .ui.attached.label { width: 100%; position: absolute; - margin: 0em; - top: 0em; - left: 0em; + margin: 0; + top: 0; + left: 0; padding: 0.75em 1em; - border-radius: 0.21428571rem 0.21428571rem 0em 0em; + border-radius: 0.21428571rem 0.21428571rem 0 0; } .ui[class*="bottom attached"].label { top: auto; - bottom: 0em; - border-radius: 0em 0em 0.21428571rem 0.21428571rem; + bottom: 0; + border-radius: 0 0 0.21428571rem 0.21428571rem; } .ui[class*="top left attached"].label { width: auto; - margin-top: 0em !important; - border-radius: 0.21428571rem 0em 0.28571429rem 0em; + margin-top: 0 !important; + border-radius: 0.21428571rem 0 0.28571429rem 0; } .ui[class*="top right attached"].label { width: auto; left: auto; - right: 0em; - border-radius: 0em 0.21428571rem 0em 0.28571429rem; + right: 0; + border-radius: 0 0.21428571rem 0 0.28571429rem; } .ui[class*="bottom left attached"].label { width: auto; top: auto; - bottom: 0em; - border-radius: 0em 0.28571429rem 0em 0.21428571rem; + bottom: 0; + border-radius: 0 0.28571429rem 0 0.21428571rem; } .ui[class*="bottom right attached"].label { top: auto; - bottom: 0em; + bottom: 0; left: auto; - right: 0em; + right: 0; width: auto; - border-radius: 0.28571429rem 0em 0.21428571rem 0em; + border-radius: 0.28571429rem 0 0.21428571rem 0; } @@ -431,7 +443,7 @@ a.ui.label { Hover --------------------*/ -a.ui.labels .label:hover, +.ui.labels a.label:hover, a.ui.label:hover { background-color: #E0E0E0; border-color: #E0E0E0; @@ -463,7 +475,7 @@ a.ui.label:hover:before { Active Hover --------------------*/ -a.ui.labels .active.label:hover, +.ui.labels a.active.label:hover, a.ui.active.label:hover { background-color: #C8C8C8; border-color: #C8C8C8; @@ -502,671 +514,1302 @@ a.ui.active.label:hover:before { /*------------------- - Colors + Basic +--------------------*/ + +.ui.basic.labels .label, +.ui.basic.label { + background: none #FFFFFF; + border: 1px solid rgba(34, 36, 38, 0.15); + color: rgba(0, 0, 0, 0.87); + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Link */ +.ui.basic.labels a.label:hover, +a.ui.basic.label:hover { + text-decoration: none; + background: none #FFFFFF; + color: #1e70bf; + -webkit-box-shadow: none; + box-shadow: none; +} + +/* Pointing */ +.ui.basic.pointing.label:before { + border-color: inherit; +} + +/*------------------- + Fluid +--------------------*/ + +.ui.label.fluid, +.ui.fluid.labels > .label { + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +/*------------------- + Inverted --------------------*/ +.ui.inverted.labels .label, +.ui.inverted.label { + color: rgba(255, 255, 255, 0.9); + background-color: #b5b5b5; +} +.ui.inverted.corner.label { + border-color: #b5b5b5; +} +.ui.inverted.corner.label:hover { + border-color: #E8E8E8; + -webkit-transition: none; + transition: none; +} +.ui.inverted.basic.labels .label, +.ui.inverted.basic.label, +.ui.inverted.basic.label:hover { + border-color: rgba(255, 255, 255, 0.5); + background: #1B1C1D; +} +.ui.inverted.basic.label:hover { + color: #4183C4; +} -/*--- Primary ---*/ +/*------------------- + Colors +--------------------*/ .ui.primary.labels .label, .ui.primary.label { - background-color: #2185D0 !important; - border-color: #2185D0 !important; - color: rgba(255, 255, 255, 0.9) !important; + background-color: #2185D0; + border-color: #2185D0; + color: rgba(255, 255, 255, 0.9); } /* Link */ -.ui.primary.labels .label:hover, +.ui.primary.labels a.label:hover, a.ui.primary.label:hover { - background-color: #1678c2 !important; - border-color: #1678c2 !important; - color: rgba(255, 255, 255, 0.9) !important; -} - -/* Corner */ -.ui.primary.corner.label, -.ui.primary.corner.label:hover { - background-color: transparent !important; + background-color: #1678c2; + border-color: #1678c2; + color: #FFFFFF; } /* Ribbon */ .ui.primary.ribbon.label { - border-color: #1a69a4 !important; + border-color: #1a69a4; } /* Basic */ +.ui.basic.labels .primary.label, .ui.basic.primary.label { - background: none #FFFFFF !important; - color: #2185D0 !important; - border-color: #2185D0 !important; + background: none #FFFFFF; + border-color: #2185D0; + color: #2185D0; } -.ui.basic.primary.labels a.label:hover, +.ui.basic.labels a.primary.label:hover, a.ui.basic.primary.label:hover { - background-color: #FFFFFF !important; - color: #1678c2 !important; - border-color: #1678c2 !important; + background: none #FFFFFF; + border-color: #1678c2; + color: #1678c2; } -/*--- Secondary ---*/ +/* Inverted */ +.ui.inverted.labels .primary.label, +.ui.inverted.primary.label { + background-color: #54C8FF; + border-color: #54C8FF; + color: #1B1C1D; +} + +/* Inverted Link */ +.ui.inverted.labels a.primary.label:hover, +a.ui.inverted.primary.label:hover { + background-color: #21b8ff; + border-color: #21b8ff; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.primary.ribbon.label { + border-color: #21b8ff; +} +/* Inverted Basic */ +.ui.inverted.basic.labels .primary.label, +.ui.inverted.basic.primary.label { + background-color: #1B1C1D; + border-color: #54C8FF; + color: #54C8FF; +} +.ui.inverted.basic.labels a.primary.label:hover, +a.ui.inverted.basic.primary.label:hover { + border-color: #21b8ff; + background-color: #1B1C1D; + color: #21b8ff; +} + +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .primary.label, +.ui.inverted.primary.basic.tag.label { + border: 1px solid #54C8FF; +} +.ui.inverted.basic.tag.labels .primary.label:before, +.ui.inverted.primary.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.secondary.labels .label, .ui.secondary.label { - background-color: #1B1C1D !important; - border-color: #1B1C1D !important; - color: rgba(255, 255, 255, 0.9) !important; + background-color: #1B1C1D; + border-color: #1B1C1D; + color: rgba(255, 255, 255, 0.9); } /* Link */ -.ui.secondary.labels .label:hover, +.ui.secondary.labels a.label:hover, a.ui.secondary.label:hover { - background-color: #27292a !important; - border-color: #27292a !important; - color: rgba(255, 255, 255, 0.9) !important; -} - -/* Corner */ -.ui.secondary.corner.label, -.ui.secondary.corner.label:hover { - background-color: transparent !important; + background-color: #27292a; + border-color: #27292a; + color: #FFFFFF; } /* Ribbon */ .ui.secondary.ribbon.label { - border-color: #020203 !important; + border-color: #020203; } /* Basic */ +.ui.basic.labels .secondary.label, .ui.basic.secondary.label { - background: none #FFFFFF !important; - color: #1B1C1D !important; - border-color: #1B1C1D !important; + background: none #FFFFFF; + border-color: #1B1C1D; + color: #1B1C1D; } -.ui.basic.secondary.labels a.label:hover, +.ui.basic.labels a.secondary.label:hover, a.ui.basic.secondary.label:hover { - background-color: #FFFFFF !important; - color: #27292a !important; - border-color: #27292a !important; + background: none #FFFFFF; + border-color: #27292a; + color: #27292a; +} + +/* Inverted */ +.ui.inverted.labels .secondary.label, +.ui.inverted.secondary.label { + background-color: #545454; + border-color: #545454; + color: #1B1C1D; +} + +/* Inverted Link */ +.ui.inverted.labels a.secondary.label:hover, +a.ui.inverted.secondary.label:hover { + background-color: #6e6e6e; + border-color: #6e6e6e; + color: #1B1C1D; } -/*--- Red ---*/ +/* Inverted Ribbon */ +.ui.inverted.secondary.ribbon.label { + border-color: #3b3b3b; +} + +/* Inverted Basic */ +.ui.inverted.basic.labels .secondary.label, +.ui.inverted.basic.secondary.label { + background-color: #1B1C1D; + border-color: #545454; + color: #545454; +} +.ui.inverted.basic.labels a.secondary.label:hover, +a.ui.inverted.basic.secondary.label:hover { + border-color: #6e6e6e; + background-color: #1B1C1D; + color: #6e6e6e; +} +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .secondary.label, +.ui.inverted.secondary.basic.tag.label { + border: 1px solid #545454; +} +.ui.inverted.basic.tag.labels .secondary.label:before, +.ui.inverted.secondary.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.red.labels .label, .ui.red.label { - background-color: #DB2828 !important; - border-color: #DB2828 !important; - color: #FFFFFF !important; + background-color: #DB2828; + border-color: #DB2828; + color: #FFFFFF; } /* Link */ -.ui.red.labels .label:hover, +.ui.red.labels a.label:hover, a.ui.red.label:hover { - background-color: #d01919 !important; - border-color: #d01919 !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.red.corner.label, -.ui.red.corner.label:hover { - background-color: transparent !important; + background-color: #d01919; + border-color: #d01919; + color: #FFFFFF; } /* Ribbon */ .ui.red.ribbon.label { - border-color: #b21e1e !important; + border-color: #b21e1e; } /* Basic */ +.ui.basic.labels .red.label, .ui.basic.red.label { - background: none #FFFFFF !important; - color: #DB2828 !important; - border-color: #DB2828 !important; + background: none #FFFFFF; + border-color: #DB2828; + color: #DB2828; } -.ui.basic.red.labels a.label:hover, +.ui.basic.labels a.red.label:hover, a.ui.basic.red.label:hover { - background-color: #FFFFFF !important; - color: #d01919 !important; - border-color: #d01919 !important; + background: none #FFFFFF; + border-color: #d01919; + color: #d01919; +} + +/* Inverted */ +.ui.inverted.labels .red.label, +.ui.inverted.red.label { + background-color: #FF695E; + border-color: #FF695E; + color: #1B1C1D; +} + +/* Inverted Link */ +.ui.inverted.labels a.red.label:hover, +a.ui.inverted.red.label:hover { + background-color: #ff392b; + border-color: #ff392b; + color: #1B1C1D; } -/*--- Orange ---*/ +/* Inverted Ribbon */ +.ui.inverted.red.ribbon.label { + border-color: #ff392b; +} +/* Inverted Basic */ +.ui.inverted.basic.labels .red.label, +.ui.inverted.basic.red.label { + background-color: #1B1C1D; + border-color: #FF695E; + color: #FF695E; +} +.ui.inverted.basic.labels a.red.label:hover, +a.ui.inverted.basic.red.label:hover { + border-color: #ff392b; + background-color: #1B1C1D; + color: #ff392b; +} + +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .red.label, +.ui.inverted.red.basic.tag.label { + border: 1px solid #FF695E; +} +.ui.inverted.basic.tag.labels .red.label:before, +.ui.inverted.red.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.orange.labels .label, .ui.orange.label { - background-color: #F2711C !important; - border-color: #F2711C !important; - color: #FFFFFF !important; + background-color: #F2711C; + border-color: #F2711C; + color: #FFFFFF; } /* Link */ -.ui.orange.labels .label:hover, +.ui.orange.labels a.label:hover, a.ui.orange.label:hover { - background-color: #f26202 !important; - border-color: #f26202 !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.orange.corner.label, -.ui.orange.corner.label:hover { - background-color: transparent !important; + background-color: #f26202; + border-color: #f26202; + color: #FFFFFF; } /* Ribbon */ .ui.orange.ribbon.label { - border-color: #cf590c !important; + border-color: #cf590c; } /* Basic */ +.ui.basic.labels .orange.label, .ui.basic.orange.label { - background: none #FFFFFF !important; - color: #F2711C !important; - border-color: #F2711C !important; + background: none #FFFFFF; + border-color: #F2711C; + color: #F2711C; } -.ui.basic.orange.labels a.label:hover, +.ui.basic.labels a.orange.label:hover, a.ui.basic.orange.label:hover { - background-color: #FFFFFF !important; - color: #f26202 !important; - border-color: #f26202 !important; + background: none #FFFFFF; + border-color: #f26202; + color: #f26202; +} + +/* Inverted */ +.ui.inverted.labels .orange.label, +.ui.inverted.orange.label { + background-color: #FF851B; + border-color: #FF851B; + color: #1B1C1D; +} + +/* Inverted Link */ +.ui.inverted.labels a.orange.label:hover, +a.ui.inverted.orange.label:hover { + background-color: #e76b00; + border-color: #e76b00; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.orange.ribbon.label { + border-color: #e76b00; } -/*--- Yellow ---*/ +/* Inverted Basic */ +.ui.inverted.basic.labels .orange.label, +.ui.inverted.basic.orange.label { + background-color: #1B1C1D; + border-color: #FF851B; + color: #FF851B; +} +.ui.inverted.basic.labels a.orange.label:hover, +a.ui.inverted.basic.orange.label:hover { + border-color: #e76b00; + background-color: #1B1C1D; + color: #e76b00; +} +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .orange.label, +.ui.inverted.orange.basic.tag.label { + border: 1px solid #FF851B; +} +.ui.inverted.basic.tag.labels .orange.label:before, +.ui.inverted.orange.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.yellow.labels .label, .ui.yellow.label { - background-color: #FBBD08 !important; - border-color: #FBBD08 !important; - color: #FFFFFF !important; + background-color: #FBBD08; + border-color: #FBBD08; + color: #FFFFFF; } /* Link */ -.ui.yellow.labels .label:hover, +.ui.yellow.labels a.label:hover, a.ui.yellow.label:hover { - background-color: #eaae00 !important; - border-color: #eaae00 !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.yellow.corner.label, -.ui.yellow.corner.label:hover { - background-color: transparent !important; + background-color: #eaae00; + border-color: #eaae00; + color: #FFFFFF; } /* Ribbon */ .ui.yellow.ribbon.label { - border-color: #cd9903 !important; + border-color: #cd9903; } /* Basic */ +.ui.basic.labels .yellow.label, .ui.basic.yellow.label { - background: none #FFFFFF !important; - color: #FBBD08 !important; - border-color: #FBBD08 !important; + background: none #FFFFFF; + border-color: #FBBD08; + color: #FBBD08; } -.ui.basic.yellow.labels a.label:hover, +.ui.basic.labels a.yellow.label:hover, a.ui.basic.yellow.label:hover { - background-color: #FFFFFF !important; - color: #eaae00 !important; - border-color: #eaae00 !important; + background: none #FFFFFF; + border-color: #eaae00; + color: #eaae00; } -/*--- Olive ---*/ +/* Inverted */ +.ui.inverted.labels .yellow.label, +.ui.inverted.yellow.label { + background-color: #FFE21F; + border-color: #FFE21F; + color: #1B1C1D; +} + +/* Inverted Link */ +.ui.inverted.labels a.yellow.label:hover, +a.ui.inverted.yellow.label:hover { + background-color: #ebcd00; + border-color: #ebcd00; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.yellow.ribbon.label { + border-color: #ebcd00; +} + +/* Inverted Basic */ +.ui.inverted.basic.labels .yellow.label, +.ui.inverted.basic.yellow.label { + background-color: #1B1C1D; + border-color: #FFE21F; + color: #FFE21F; +} +.ui.inverted.basic.labels a.yellow.label:hover, +a.ui.inverted.basic.yellow.label:hover { + border-color: #ebcd00; + background-color: #1B1C1D; + color: #ebcd00; +} +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .yellow.label, +.ui.inverted.yellow.basic.tag.label { + border: 1px solid #FFE21F; +} +.ui.inverted.basic.tag.labels .yellow.label:before, +.ui.inverted.yellow.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.olive.labels .label, .ui.olive.label { - background-color: #B5CC18 !important; - border-color: #B5CC18 !important; - color: #FFFFFF !important; + background-color: #B5CC18; + border-color: #B5CC18; + color: #FFFFFF; } /* Link */ -.ui.olive.labels .label:hover, +.ui.olive.labels a.label:hover, a.ui.olive.label:hover { - background-color: #a7bd0d !important; - border-color: #a7bd0d !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.olive.corner.label, -.ui.olive.corner.label:hover { - background-color: transparent !important; + background-color: #a7bd0d; + border-color: #a7bd0d; + color: #FFFFFF; } /* Ribbon */ .ui.olive.ribbon.label { - border-color: #8d9e13 !important; + border-color: #8d9e13; } /* Basic */ +.ui.basic.labels .olive.label, .ui.basic.olive.label { - background: none #FFFFFF !important; - color: #B5CC18 !important; - border-color: #B5CC18 !important; + background: none #FFFFFF; + border-color: #B5CC18; + color: #B5CC18; } -.ui.basic.olive.labels a.label:hover, +.ui.basic.labels a.olive.label:hover, a.ui.basic.olive.label:hover { - background-color: #FFFFFF !important; - color: #a7bd0d !important; - border-color: #a7bd0d !important; + background: none #FFFFFF; + border-color: #a7bd0d; + color: #a7bd0d; } -/*--- Green ---*/ +/* Inverted */ +.ui.inverted.labels .olive.label, +.ui.inverted.olive.label { + background-color: #D9E778; + border-color: #D9E778; + color: #1B1C1D; +} +/* Inverted Link */ +.ui.inverted.labels a.olive.label:hover, +a.ui.inverted.olive.label:hover { + background-color: #d2e745; + border-color: #d2e745; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.olive.ribbon.label { + border-color: #cddf4d; +} + +/* Inverted Basic */ +.ui.inverted.basic.labels .olive.label, +.ui.inverted.basic.olive.label { + background-color: #1B1C1D; + border-color: #D9E778; + color: #D9E778; +} +.ui.inverted.basic.labels a.olive.label:hover, +a.ui.inverted.basic.olive.label:hover { + border-color: #d2e745; + background-color: #1B1C1D; + color: #d2e745; +} + +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .olive.label, +.ui.inverted.olive.basic.tag.label { + border: 1px solid #D9E778; +} +.ui.inverted.basic.tag.labels .olive.label:before, +.ui.inverted.olive.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.green.labels .label, .ui.green.label { - background-color: #21BA45 !important; - border-color: #21BA45 !important; - color: #FFFFFF !important; + background-color: #21BA45; + border-color: #21BA45; + color: #FFFFFF; } /* Link */ -.ui.green.labels .label:hover, +.ui.green.labels a.label:hover, a.ui.green.label:hover { - background-color: #16ab39 !important; - border-color: #16ab39 !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.green.corner.label, -.ui.green.corner.label:hover { - background-color: transparent !important; + background-color: #16ab39; + border-color: #16ab39; + color: #FFFFFF; } /* Ribbon */ .ui.green.ribbon.label { - border-color: #198f35 !important; + border-color: #198f35; } /* Basic */ +.ui.basic.labels .green.label, .ui.basic.green.label { - background: none #FFFFFF !important; - color: #21BA45 !important; - border-color: #21BA45 !important; + background: none #FFFFFF; + border-color: #21BA45; + color: #21BA45; } -.ui.basic.green.labels a.label:hover, +.ui.basic.labels a.green.label:hover, a.ui.basic.green.label:hover { - background-color: #FFFFFF !important; - color: #16ab39 !important; - border-color: #16ab39 !important; + background: none #FFFFFF; + border-color: #16ab39; + color: #16ab39; +} + +/* Inverted */ +.ui.inverted.labels .green.label, +.ui.inverted.green.label { + background-color: #2ECC40; + border-color: #2ECC40; + color: #1B1C1D; +} + +/* Inverted Link */ +.ui.inverted.labels a.green.label:hover, +a.ui.inverted.green.label:hover { + background-color: #1ea92e; + border-color: #1ea92e; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.green.ribbon.label { + border-color: #25a233; } -/*--- Teal ---*/ +/* Inverted Basic */ +.ui.inverted.basic.labels .green.label, +.ui.inverted.basic.green.label { + background-color: #1B1C1D; + border-color: #2ECC40; + color: #2ECC40; +} +.ui.inverted.basic.labels a.green.label:hover, +a.ui.inverted.basic.green.label:hover { + border-color: #1ea92e; + background-color: #1B1C1D; + color: #1ea92e; +} +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .green.label, +.ui.inverted.green.basic.tag.label { + border: 1px solid #2ECC40; +} +.ui.inverted.basic.tag.labels .green.label:before, +.ui.inverted.green.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.teal.labels .label, .ui.teal.label { - background-color: #00B5AD !important; - border-color: #00B5AD !important; - color: #FFFFFF !important; + background-color: #00B5AD; + border-color: #00B5AD; + color: #FFFFFF; } /* Link */ -.ui.teal.labels .label:hover, +.ui.teal.labels a.label:hover, a.ui.teal.label:hover { - background-color: #009c95 !important; - border-color: #009c95 !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.teal.corner.label, -.ui.teal.corner.label:hover { - background-color: transparent !important; + background-color: #009c95; + border-color: #009c95; + color: #FFFFFF; } /* Ribbon */ .ui.teal.ribbon.label { - border-color: #00827c !important; + border-color: #00827c; } /* Basic */ +.ui.basic.labels .teal.label, .ui.basic.teal.label { - background: none #FFFFFF !important; - color: #00B5AD !important; - border-color: #00B5AD !important; + background: none #FFFFFF; + border-color: #00B5AD; + color: #00B5AD; } -.ui.basic.teal.labels a.label:hover, +.ui.basic.labels a.teal.label:hover, a.ui.basic.teal.label:hover { - background-color: #FFFFFF !important; - color: #009c95 !important; - border-color: #009c95 !important; + background: none #FFFFFF; + border-color: #009c95; + color: #009c95; } -/*--- Blue ---*/ +/* Inverted */ +.ui.inverted.labels .teal.label, +.ui.inverted.teal.label { + background-color: #6DFFFF; + border-color: #6DFFFF; + color: #1B1C1D; +} +/* Inverted Link */ +.ui.inverted.labels a.teal.label:hover, +a.ui.inverted.teal.label:hover { + background-color: #3affff; + border-color: #3affff; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.teal.ribbon.label { + border-color: #3affff; +} + +/* Inverted Basic */ +.ui.inverted.basic.labels .teal.label, +.ui.inverted.basic.teal.label { + background-color: #1B1C1D; + border-color: #6DFFFF; + color: #6DFFFF; +} +.ui.inverted.basic.labels a.teal.label:hover, +a.ui.inverted.basic.teal.label:hover { + border-color: #3affff; + background-color: #1B1C1D; + color: #3affff; +} + +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .teal.label, +.ui.inverted.teal.basic.tag.label { + border: 1px solid #6DFFFF; +} +.ui.inverted.basic.tag.labels .teal.label:before, +.ui.inverted.teal.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.blue.labels .label, .ui.blue.label { - background-color: #2185D0 !important; - border-color: #2185D0 !important; - color: #FFFFFF !important; + background-color: #2185D0; + border-color: #2185D0; + color: #FFFFFF; } /* Link */ -.ui.blue.labels .label:hover, +.ui.blue.labels a.label:hover, a.ui.blue.label:hover { - background-color: #1678c2 !important; - border-color: #1678c2 !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.blue.corner.label, -.ui.blue.corner.label:hover { - background-color: transparent !important; + background-color: #1678c2; + border-color: #1678c2; + color: #FFFFFF; } /* Ribbon */ .ui.blue.ribbon.label { - border-color: #1a69a4 !important; + border-color: #1a69a4; } /* Basic */ +.ui.basic.labels .blue.label, .ui.basic.blue.label { - background: none #FFFFFF !important; - color: #2185D0 !important; - border-color: #2185D0 !important; + background: none #FFFFFF; + border-color: #2185D0; + color: #2185D0; } -.ui.basic.blue.labels a.label:hover, +.ui.basic.labels a.blue.label:hover, a.ui.basic.blue.label:hover { - background-color: #FFFFFF !important; - color: #1678c2 !important; - border-color: #1678c2 !important; + background: none #FFFFFF; + border-color: #1678c2; + color: #1678c2; +} + +/* Inverted */ +.ui.inverted.labels .blue.label, +.ui.inverted.blue.label { + background-color: #54C8FF; + border-color: #54C8FF; + color: #1B1C1D; +} + +/* Inverted Link */ +.ui.inverted.labels a.blue.label:hover, +a.ui.inverted.blue.label:hover { + background-color: #21b8ff; + border-color: #21b8ff; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.blue.ribbon.label { + border-color: #21b8ff; } -/*--- Violet ---*/ +/* Inverted Basic */ +.ui.inverted.basic.labels .blue.label, +.ui.inverted.basic.blue.label { + background-color: #1B1C1D; + border-color: #54C8FF; + color: #54C8FF; +} +.ui.inverted.basic.labels a.blue.label:hover, +a.ui.inverted.basic.blue.label:hover { + border-color: #21b8ff; + background-color: #1B1C1D; + color: #21b8ff; +} +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .blue.label, +.ui.inverted.blue.basic.tag.label { + border: 1px solid #54C8FF; +} +.ui.inverted.basic.tag.labels .blue.label:before, +.ui.inverted.blue.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.violet.labels .label, .ui.violet.label { - background-color: #6435C9 !important; - border-color: #6435C9 !important; - color: #FFFFFF !important; + background-color: #6435C9; + border-color: #6435C9; + color: #FFFFFF; } /* Link */ -.ui.violet.labels .label:hover, +.ui.violet.labels a.label:hover, a.ui.violet.label:hover { - background-color: #5829bb !important; - border-color: #5829bb !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.violet.corner.label, -.ui.violet.corner.label:hover { - background-color: transparent !important; + background-color: #5829bb; + border-color: #5829bb; + color: #FFFFFF; } /* Ribbon */ .ui.violet.ribbon.label { - border-color: #502aa1 !important; + border-color: #502aa1; } /* Basic */ +.ui.basic.labels .violet.label, .ui.basic.violet.label { - background: none #FFFFFF !important; - color: #6435C9 !important; - border-color: #6435C9 !important; + background: none #FFFFFF; + border-color: #6435C9; + color: #6435C9; } -.ui.basic.violet.labels a.label:hover, +.ui.basic.labels a.violet.label:hover, a.ui.basic.violet.label:hover { - background-color: #FFFFFF !important; - color: #5829bb !important; - border-color: #5829bb !important; + background: none #FFFFFF; + border-color: #5829bb; + color: #5829bb; +} + +/* Inverted */ +.ui.inverted.labels .violet.label, +.ui.inverted.violet.label { + background-color: #A291FB; + border-color: #A291FB; + color: #1B1C1D; } -/*--- Purple ---*/ +/* Inverted Link */ +.ui.inverted.labels a.violet.label:hover, +a.ui.inverted.violet.label:hover { + background-color: #745aff; + border-color: #745aff; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.violet.ribbon.label { + border-color: #7860f9; +} +/* Inverted Basic */ +.ui.inverted.basic.labels .violet.label, +.ui.inverted.basic.violet.label { + background-color: #1B1C1D; + border-color: #A291FB; + color: #A291FB; +} +.ui.inverted.basic.labels a.violet.label:hover, +a.ui.inverted.basic.violet.label:hover { + border-color: #745aff; + background-color: #1B1C1D; + color: #745aff; +} + +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .violet.label, +.ui.inverted.violet.basic.tag.label { + border: 1px solid #A291FB; +} +.ui.inverted.basic.tag.labels .violet.label:before, +.ui.inverted.violet.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.purple.labels .label, .ui.purple.label { - background-color: #A333C8 !important; - border-color: #A333C8 !important; - color: #FFFFFF !important; + background-color: #A333C8; + border-color: #A333C8; + color: #FFFFFF; } /* Link */ -.ui.purple.labels .label:hover, +.ui.purple.labels a.label:hover, a.ui.purple.label:hover { - background-color: #9627ba !important; - border-color: #9627ba !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.purple.corner.label, -.ui.purple.corner.label:hover { - background-color: transparent !important; + background-color: #9627ba; + border-color: #9627ba; + color: #FFFFFF; } /* Ribbon */ .ui.purple.ribbon.label { - border-color: #82299f !important; + border-color: #82299f; } /* Basic */ +.ui.basic.labels .purple.label, .ui.basic.purple.label { - background: none #FFFFFF !important; - color: #A333C8 !important; - border-color: #A333C8 !important; + background: none #FFFFFF; + border-color: #A333C8; + color: #A333C8; } -.ui.basic.purple.labels a.label:hover, +.ui.basic.labels a.purple.label:hover, a.ui.basic.purple.label:hover { - background-color: #FFFFFF !important; - color: #9627ba !important; - border-color: #9627ba !important; + background: none #FFFFFF; + border-color: #9627ba; + color: #9627ba; } -/*--- Pink ---*/ +/* Inverted */ +.ui.inverted.labels .purple.label, +.ui.inverted.purple.label { + background-color: #DC73FF; + border-color: #DC73FF; + color: #1B1C1D; +} +/* Inverted Link */ +.ui.inverted.labels a.purple.label:hover, +a.ui.inverted.purple.label:hover { + background-color: #cf40ff; + border-color: #cf40ff; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.purple.ribbon.label { + border-color: #cf40ff; +} + +/* Inverted Basic */ +.ui.inverted.basic.labels .purple.label, +.ui.inverted.basic.purple.label { + background-color: #1B1C1D; + border-color: #DC73FF; + color: #DC73FF; +} +.ui.inverted.basic.labels a.purple.label:hover, +a.ui.inverted.basic.purple.label:hover { + border-color: #cf40ff; + background-color: #1B1C1D; + color: #cf40ff; +} + +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .purple.label, +.ui.inverted.purple.basic.tag.label { + border: 1px solid #DC73FF; +} +.ui.inverted.basic.tag.labels .purple.label:before, +.ui.inverted.purple.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.pink.labels .label, .ui.pink.label { - background-color: #E03997 !important; - border-color: #E03997 !important; - color: #FFFFFF !important; + background-color: #E03997; + border-color: #E03997; + color: #FFFFFF; } /* Link */ -.ui.pink.labels .label:hover, +.ui.pink.labels a.label:hover, a.ui.pink.label:hover { - background-color: #e61a8d !important; - border-color: #e61a8d !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.pink.corner.label, -.ui.pink.corner.label:hover { - background-color: transparent !important; + background-color: #e61a8d; + border-color: #e61a8d; + color: #FFFFFF; } /* Ribbon */ .ui.pink.ribbon.label { - border-color: #c71f7e !important; + border-color: #c71f7e; } /* Basic */ +.ui.basic.labels .pink.label, .ui.basic.pink.label { - background: none #FFFFFF !important; - color: #E03997 !important; - border-color: #E03997 !important; + background: none #FFFFFF; + border-color: #E03997; + color: #E03997; } -.ui.basic.pink.labels a.label:hover, +.ui.basic.labels a.pink.label:hover, a.ui.basic.pink.label:hover { - background-color: #FFFFFF !important; - color: #e61a8d !important; - border-color: #e61a8d !important; + background: none #FFFFFF; + border-color: #e61a8d; + color: #e61a8d; +} + +/* Inverted */ +.ui.inverted.labels .pink.label, +.ui.inverted.pink.label { + background-color: #FF8EDF; + border-color: #FF8EDF; + color: #1B1C1D; +} + +/* Inverted Link */ +.ui.inverted.labels a.pink.label:hover, +a.ui.inverted.pink.label:hover { + background-color: #ff5bd1; + border-color: #ff5bd1; + color: #1B1C1D; +} + +/* Inverted Ribbon */ +.ui.inverted.pink.ribbon.label { + border-color: #ff5bd1; } -/*--- Brown ---*/ +/* Inverted Basic */ +.ui.inverted.basic.labels .pink.label, +.ui.inverted.basic.pink.label { + background-color: #1B1C1D; + border-color: #FF8EDF; + color: #FF8EDF; +} +.ui.inverted.basic.labels a.pink.label:hover, +a.ui.inverted.basic.pink.label:hover { + border-color: #ff5bd1; + background-color: #1B1C1D; + color: #ff5bd1; +} +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .pink.label, +.ui.inverted.pink.basic.tag.label { + border: 1px solid #FF8EDF; +} +.ui.inverted.basic.tag.labels .pink.label:before, +.ui.inverted.pink.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.brown.labels .label, .ui.brown.label { - background-color: #A5673F !important; - border-color: #A5673F !important; - color: #FFFFFF !important; + background-color: #A5673F; + border-color: #A5673F; + color: #FFFFFF; } /* Link */ -.ui.brown.labels .label:hover, +.ui.brown.labels a.label:hover, a.ui.brown.label:hover { - background-color: #975b33 !important; - border-color: #975b33 !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.brown.corner.label, -.ui.brown.corner.label:hover { - background-color: transparent !important; + background-color: #975b33; + border-color: #975b33; + color: #FFFFFF; } /* Ribbon */ .ui.brown.ribbon.label { - border-color: #805031 !important; + border-color: #805031; } /* Basic */ +.ui.basic.labels .brown.label, .ui.basic.brown.label { - background: none #FFFFFF !important; - color: #A5673F !important; - border-color: #A5673F !important; + background: none #FFFFFF; + border-color: #A5673F; + color: #A5673F; } -.ui.basic.brown.labels a.label:hover, +.ui.basic.labels a.brown.label:hover, a.ui.basic.brown.label:hover { - background-color: #FFFFFF !important; - color: #975b33 !important; - border-color: #975b33 !important; + background: none #FFFFFF; + border-color: #975b33; + color: #975b33; } -/*--- Grey ---*/ +/* Inverted */ +.ui.inverted.labels .brown.label, +.ui.inverted.brown.label { + background-color: #D67C1C; + border-color: #D67C1C; + color: #1B1C1D; +} + +/* Inverted Link */ +.ui.inverted.labels a.brown.label:hover, +a.ui.inverted.brown.label:hover { + background-color: #b0620f; + border-color: #b0620f; + color: #1B1C1D; +} +/* Inverted Ribbon */ +.ui.inverted.brown.ribbon.label { + border-color: #a96216; +} + +/* Inverted Basic */ +.ui.inverted.basic.labels .brown.label, +.ui.inverted.basic.brown.label { + background-color: #1B1C1D; + border-color: #D67C1C; + color: #D67C1C; +} +.ui.inverted.basic.labels a.brown.label:hover, +a.ui.inverted.basic.brown.label:hover { + border-color: #b0620f; + background-color: #1B1C1D; + color: #b0620f; +} + +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .brown.label, +.ui.inverted.brown.basic.tag.label { + border: 1px solid #D67C1C; +} +.ui.inverted.basic.tag.labels .brown.label:before, +.ui.inverted.brown.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.grey.labels .label, .ui.grey.label { - background-color: #767676 !important; - border-color: #767676 !important; - color: #FFFFFF !important; + background-color: #767676; + border-color: #767676; + color: #FFFFFF; } /* Link */ -.ui.grey.labels .label:hover, +.ui.grey.labels a.label:hover, a.ui.grey.label:hover { - background-color: #838383 !important; - border-color: #838383 !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.grey.corner.label, -.ui.grey.corner.label:hover { - background-color: transparent !important; + background-color: #838383; + border-color: #838383; + color: #FFFFFF; } /* Ribbon */ .ui.grey.ribbon.label { - border-color: #5d5d5d !important; + border-color: #5d5d5d; } /* Basic */ +.ui.basic.labels .grey.label, .ui.basic.grey.label { - background: none #FFFFFF !important; - color: #767676 !important; - border-color: #767676 !important; + background: none #FFFFFF; + border-color: #767676; + color: #767676; } -.ui.basic.grey.labels a.label:hover, +.ui.basic.labels a.grey.label:hover, a.ui.basic.grey.label:hover { - background-color: #FFFFFF !important; - color: #838383 !important; - border-color: #838383 !important; + background: none #FFFFFF; + border-color: #838383; + color: #838383; +} + +/* Inverted */ +.ui.inverted.labels .grey.label, +.ui.inverted.grey.label { + background-color: #DCDDDE; + border-color: #DCDDDE; + color: #1B1C1D; } -/*--- Black ---*/ +/* Inverted Link */ +.ui.inverted.labels a.grey.label:hover, +a.ui.inverted.grey.label:hover { + background-color: #c2c4c5; + border-color: #c2c4c5; + color: #FFFFFF; +} + +/* Inverted Ribbon */ +.ui.inverted.grey.ribbon.label { + border-color: #e9eaea; +} + +/* Inverted Basic */ +.ui.inverted.basic.labels .grey.label, +.ui.inverted.basic.grey.label { + background-color: #1B1C1D; + border-color: #DCDDDE; + color: rgba(255, 255, 255, 0.9); +} +.ui.inverted.basic.labels a.grey.label:hover, +a.ui.inverted.basic.grey.label:hover { + border-color: #c2c4c5; + background-color: #1B1C1D; +} +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .grey.label, +.ui.inverted.grey.basic.tag.label { + border: 1px solid #DCDDDE; +} +.ui.inverted.basic.tag.labels .grey.label:before, +.ui.inverted.grey.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); +} .ui.black.labels .label, .ui.black.label { - background-color: #1B1C1D !important; - border-color: #1B1C1D !important; - color: #FFFFFF !important; + background-color: #1B1C1D; + border-color: #1B1C1D; + color: #FFFFFF; } /* Link */ -.ui.black.labels .label:hover, +.ui.black.labels a.label:hover, a.ui.black.label:hover { - background-color: #27292a !important; - border-color: #27292a !important; - color: #FFFFFF !important; -} - -/* Corner */ -.ui.black.corner.label, -.ui.black.corner.label:hover { - background-color: transparent !important; + background-color: #27292a; + border-color: #27292a; + color: #FFFFFF; } /* Ribbon */ .ui.black.ribbon.label { - border-color: #020203 !important; + border-color: #020203; } /* Basic */ +.ui.basic.labels .black.label, .ui.basic.black.label { - background: none #FFFFFF !important; - color: #1B1C1D !important; - border-color: #1B1C1D !important; + background: none #FFFFFF; + border-color: #1B1C1D; + color: #1B1C1D; } -.ui.basic.black.labels a.label:hover, +.ui.basic.labels a.black.label:hover, a.ui.basic.black.label:hover { - background-color: #FFFFFF !important; - color: #27292a !important; - border-color: #27292a !important; -} - -/*------------------- - Basic ---------------------*/ - -.ui.basic.label { background: none #FFFFFF; - border: 1px solid rgba(34, 36, 38, 0.15); - color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: none; - box-shadow: none; + border-color: #27292a; + color: #27292a; } -/* Link */ -a.ui.basic.label:hover { - text-decoration: none; - background: none #FFFFFF; - color: #1e70bf; - -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15); - box-shadow: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: none; - box-shadow: none; +/* Inverted */ +.ui.inverted.labels .black.label, +.ui.inverted.black.label { + background-color: #545454; + border-color: #545454; + color: #1B1C1D; } -/* Pointing */ -.ui.basic.pointing.label:before { - border-color: inherit; +/* Inverted Link */ +.ui.inverted.labels a.black.label:hover, +a.ui.inverted.black.label:hover { + background-color: #000000; + border-color: #000000; + color: #FFFFFF; } -/*------------------- - Fluid ---------------------*/ - -.ui.label.fluid, -.ui.fluid.labels > .label { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; +/* Inverted Ribbon */ +.ui.inverted.black.ribbon.label { + border-color: #616161; } -/*------------------- - Inverted ---------------------*/ +/* Inverted Basic */ +.ui.inverted.basic.labels .black.label, +.ui.inverted.basic.black.label { + background-color: #1B1C1D; + border-color: #545454; + color: rgba(255, 255, 255, 0.9); +} +.ui.inverted.basic.labels a.black.label:hover, +a.ui.inverted.basic.black.label:hover { + border-color: #000000; + background-color: #1B1C1D; +} -.ui.inverted.labels .label, -.ui.inverted.label { - color: rgba(255, 255, 255, 0.9) !important; +/* Inverted Basic Tags */ +.ui.inverted.basic.tag.labels .black.label, +.ui.inverted.black.basic.tag.label { + border: 1px solid #545454; +} +.ui.inverted.basic.tag.labels .black.label:before, +.ui.inverted.black.basic.tag.label:before { + border-color: inherit; + border-width: 1px 0 0 1px; + border-style: inherit; + background-color: #1B1C1D; + right: calc(100% + 1px); } /*------------------- @@ -1175,7 +1818,7 @@ a.ui.basic.label:hover { .ui.horizontal.labels .label, .ui.horizontal.label { - margin: 0em 0.5em 0em 0em; + margin: 0 0.5em 0 0; padding: 0.4em 0.833em; min-width: 3em; text-align: center; @@ -1196,8 +1839,8 @@ a.ui.basic.label:hover { } .ui.empty.circular.labels .label, .ui.empty.circular.label { - min-width: 0em; - min-height: 0em; + min-width: 0; + min-height: 0; overflow: hidden; width: 0.5em; height: 0.5em; @@ -1217,7 +1860,7 @@ a.ui.basic.label:hover { .ui.pointing.label:before { background-color: inherit; background-image: inherit; - border-width: none; + border-width: 0; border-style: solid; border-color: inherit; } @@ -1232,8 +1875,8 @@ a.ui.basic.label:hover { z-index: 2; width: 0.6666em; height: 0.6666em; - -webkit-transition: background 0.1s ease; - transition: background 0.1s ease; + -webkit-transition: none; + transition: none; } /*--- Above ---*/ @@ -1244,10 +1887,10 @@ a.ui.basic.label:hover { } .ui.pointing.label:before, .ui[class*="pointing above"].label:before { - border-width: 1px 0px 0px 1px; + border-width: 1px 0 0 1px; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); - top: 0%; + top: 0; left: 50%; } @@ -1255,12 +1898,12 @@ a.ui.basic.label:hover { .ui[class*="bottom pointing"].label, .ui[class*="pointing below"].label { - margin-top: 0em; + margin-top: 0; margin-bottom: 1em; } .ui[class*="bottom pointing"].label:before, .ui[class*="pointing below"].label:before { - border-width: 0px 1px 1px 0px; + border-width: 0 1px 1px 0; top: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); @@ -1272,31 +1915,31 @@ a.ui.basic.label:hover { /*--- Left ---*/ .ui[class*="left pointing"].label { - margin-top: 0em; + margin-top: 0; margin-left: 0.6666em; } .ui[class*="left pointing"].label:before { - border-width: 0px 0px 1px 1px; + border-width: 0 0 1px 1px; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); bottom: auto; right: auto; top: 50%; - left: 0em; + left: 0; } /*--- Right ---*/ .ui[class*="right pointing"].label { - margin-top: 0em; + margin-top: 0; margin-right: 0.6666em; } .ui[class*="right pointing"].label:before { - border-width: 1px 1px 0px 0px; + border-width: 1px 1px 0 0; -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); transform: translateX(50%) translateY(-50%) rotate(45deg); top: 50%; - right: 0%; + right: 0; bottom: auto; left: auto; } @@ -1342,7 +1985,7 @@ a.ui.basic.label:hover { z-index: 100; top: -1em; left: 100%; - margin: 0em 0em 0em -1.5em !important; + margin: 0 0 0 -1.5em !important; } /*------------------- diff --git a/dist/components/label.min.css b/dist/components/label.min.css index 3ec1c997e1..fb838c82c9 100644 --- a/dist/components/label.min.css +++ b/dist/components/label.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Label + * # Semantic UI 2.7.0 - Label * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.label{display:inline-block;line-height:1;vertical-align:baseline;margin:0 .14285714em;background-color:#e8e8e8;background-image:none;padding:.5833em .833em;color:rgba(0,0,0,.6);text-transform:none;font-weight:700;border:0 solid transparent;border-radius:.28571429rem;-webkit-transition:background .1s ease;transition:background .1s ease}.ui.label:first-child{margin-left:0}.ui.label:last-child{margin-right:0}a.ui.label{cursor:pointer}.ui.label>a{cursor:pointer;color:inherit;opacity:.5;-webkit-transition:.1s opacity ease;transition:.1s opacity ease}.ui.label>a:hover{opacity:1}.ui.label>img{width:auto!important;vertical-align:middle;height:2.1666em!important}.ui.label>.icon{width:auto;margin:0 .75em 0 0}.ui.label>.detail{display:inline-block;vertical-align:top;font-weight:700;margin-left:1em;opacity:.8}.ui.label>.detail .icon{margin:0 .25em 0 0}.ui.label>.close.icon,.ui.label>.delete.icon{cursor:pointer;margin-right:0;margin-left:.5em;font-size:.92857143em;opacity:.5;-webkit-transition:background .1s ease;transition:background .1s ease}.ui.label>.delete.icon:hover{opacity:1}.ui.labels>.label{margin:0 .5em .5em 0}.ui.header>.ui.label{margin-top:-.29165em}.ui.attached.segment>.ui.top.left.attached.label,.ui.bottom.attached.segment>.ui.top.left.attached.label{border-top-left-radius:0}.ui.attached.segment>.ui.top.right.attached.label,.ui.bottom.attached.segment>.ui.top.right.attached.label{border-top-right-radius:0}.ui.top.attached.segment>.ui.bottom.left.attached.label{border-bottom-left-radius:0}.ui.top.attached.segment>.ui.bottom.right.attached.label{border-bottom-right-radius:0}.ui.top.attached.label+[class*="right floated"]+*,.ui.top.attached.label:first-child+:not(.attached){margin-top:2rem!important}.ui.bottom.attached.label:first-child~:last-child:not(.attached){margin-top:0;margin-bottom:2rem!important}.ui.image.label{width:auto!important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:none;background:#e8e8e8;padding:.5833em .833em .5833em .5em;border-radius:.28571429rem;-webkit-box-shadow:none;box-shadow:none}.ui.image.label img{display:inline-block;vertical-align:top;height:2.1666em;margin:-.5833em .5em -.5833em -.5em;border-radius:.28571429rem 0 0 .28571429rem}.ui.image.label .detail{background:rgba(0,0,0,.1);margin:-.5833em -.833em -.5833em .5em;padding:.5833em .833em;border-radius:0 .28571429rem .28571429rem 0}.ui.tag.label,.ui.tag.labels .label{margin-left:1em;position:relative;padding-left:1.5em;padding-right:1.5em;border-radius:0 .28571429rem .28571429rem 0;-webkit-transition:none;transition:none}.ui.tag.label:before,.ui.tag.labels .label:before{position:absolute;-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);transform:translateY(-50%) translateX(50%) rotate(-45deg);top:50%;right:100%;content:'';background-color:inherit;background-image:none;width:1.56em;height:1.56em;-webkit-transition:none;transition:none}.ui.tag.label:after,.ui.tag.labels .label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.25em;background-color:#fff!important;width:.5em;height:.5em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);border-radius:500rem}.ui.corner.label{position:absolute;top:0;right:0;margin:0;padding:0;text-align:center;border-color:#e8e8e8;width:4em;height:4em;z-index:1;-webkit-transition:border-color .1s ease;transition:border-color .1s ease}.ui.corner.label{background-color:transparent!important}.ui.corner.label:after{position:absolute;content:"";right:0;top:0;z-index:-1;width:0;height:0;background-color:transparent!important;border-top:0 solid transparent;border-right:4em solid transparent;border-bottom:4em solid transparent;border-left:0 solid transparent;border-right-color:inherit;-webkit-transition:border-color .1s ease;transition:border-color .1s ease}.ui.corner.label .icon{cursor:default;position:relative;top:.64285714em;left:.78571429em;font-size:1.14285714em;margin:0}.ui.left.corner.label,.ui.left.corner.label:after{right:auto;left:0}.ui.left.corner.label:after{border-top:4em solid transparent;border-right:4em solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;border-top-color:inherit}.ui.left.corner.label .icon{left:-.78571429em}.ui.segment>.ui.corner.label{top:-1px;right:-1px}.ui.segment>.ui.left.corner.label{right:auto;left:-1px}.ui.ribbon.label{position:relative;margin:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;border-radius:0 .28571429rem .28571429rem 0;border-color:rgba(0,0,0,.15)}.ui.ribbon.label:after{position:absolute;content:'';top:100%;left:0;background-color:transparent!important;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent;border-right-color:inherit;width:0;height:0}.ui.ribbon.label{left:calc(-1rem - 1.2em);margin-right:-1.2em;padding-left:calc(1rem + 1.2em);padding-right:1.2em}.ui[class*="right ribbon"].label{left:calc(100% + 1rem + 1.2em);padding-left:1.2em;padding-right:calc(1rem + 1.2em)}.ui[class*="right ribbon"].label{text-align:left;-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="right ribbon"].label:after{left:auto;right:0;border-style:solid;border-width:1.2em 1.2em 0 0;border-color:transparent;border-top-color:inherit}.ui.card .image>.ribbon.label,.ui.image>.ribbon.label{position:absolute;top:1rem}.ui.card .image>.ui.ribbon.label,.ui.image>.ui.ribbon.label{left:calc(.05rem - 1.2em)}.ui.card .image>.ui[class*="right ribbon"].label,.ui.image>.ui[class*="right ribbon"].label{left:calc(100% + -.05rem + 1.2em);padding-left:.833em}.ui.table td>.ui.ribbon.label{left:calc(-.7857142857142857em - 1.2em)}.ui.table td>.ui[class*="right ribbon"].label{left:calc(100% + .7857142857142857em + 1.2em);padding-left:.833em}.ui.attached.label,.ui[class*="top attached"].label{width:100%;position:absolute;margin:0;top:0;left:0;padding:.75em 1em;border-radius:.21428571rem .21428571rem 0 0}.ui[class*="bottom attached"].label{top:auto;bottom:0;border-radius:0 0 .21428571rem .21428571rem}.ui[class*="top left attached"].label{width:auto;margin-top:0!important;border-radius:.21428571rem 0 .28571429rem 0}.ui[class*="top right attached"].label{width:auto;left:auto;right:0;border-radius:0 .21428571rem 0 .28571429rem}.ui[class*="bottom left attached"].label{width:auto;top:auto;bottom:0;border-radius:0 .28571429rem 0 .21428571rem}.ui[class*="bottom right attached"].label{top:auto;bottom:0;left:auto;right:0;width:auto;border-radius:.28571429rem 0 .21428571rem 0}.ui.label.disabled{opacity:.5}a.ui.label:hover,a.ui.labels .label:hover{background-color:#e0e0e0;border-color:#e0e0e0;background-image:none;color:rgba(0,0,0,.8)}.ui.labels a.label:hover:before,a.ui.label:hover:before{color:rgba(0,0,0,.8)}.ui.active.label{background-color:#d0d0d0;border-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}.ui.active.label:before{background-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}a.ui.active.label:hover,a.ui.labels .active.label:hover{background-color:#c8c8c8;border-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.labels a.active.label:hover:before,a.ui.active.label:hover:before{background-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.label.visible:not(.dropdown),.ui.labels.visible .label{display:inline-block!important}.ui.label.hidden,.ui.labels.hidden .label{display:none!important}.ui.primary.label,.ui.primary.labels .label{background-color:#2185d0!important;border-color:#2185d0!important;color:rgba(255,255,255,.9)!important}.ui.primary.labels .label:hover,a.ui.primary.label:hover{background-color:#1678c2!important;border-color:#1678c2!important;color:rgba(255,255,255,.9)!important}.ui.primary.corner.label,.ui.primary.corner.label:hover{background-color:transparent!important}.ui.primary.ribbon.label{border-color:#1a69a4!important}.ui.basic.primary.label{background:none #fff!important;color:#2185d0!important;border-color:#2185d0!important}.ui.basic.primary.labels a.label:hover,a.ui.basic.primary.label:hover{background-color:#fff!important;color:#1678c2!important;border-color:#1678c2!important}.ui.secondary.label,.ui.secondary.labels .label{background-color:#1b1c1d!important;border-color:#1b1c1d!important;color:rgba(255,255,255,.9)!important}.ui.secondary.labels .label:hover,a.ui.secondary.label:hover{background-color:#27292a!important;border-color:#27292a!important;color:rgba(255,255,255,.9)!important}.ui.secondary.corner.label,.ui.secondary.corner.label:hover{background-color:transparent!important}.ui.secondary.ribbon.label{border-color:#020203!important}.ui.basic.secondary.label{background:none #fff!important;color:#1b1c1d!important;border-color:#1b1c1d!important}.ui.basic.secondary.labels a.label:hover,a.ui.basic.secondary.label:hover{background-color:#fff!important;color:#27292a!important;border-color:#27292a!important}.ui.red.label,.ui.red.labels .label{background-color:#db2828!important;border-color:#db2828!important;color:#fff!important}.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#d01919!important;border-color:#d01919!important;color:#fff!important}.ui.red.corner.label,.ui.red.corner.label:hover{background-color:transparent!important}.ui.red.ribbon.label{border-color:#b21e1e!important}.ui.basic.red.label{background:none #fff!important;color:#db2828!important;border-color:#db2828!important}.ui.basic.red.labels a.label:hover,a.ui.basic.red.label:hover{background-color:#fff!important;color:#d01919!important;border-color:#d01919!important}.ui.orange.label,.ui.orange.labels .label{background-color:#f2711c!important;border-color:#f2711c!important;color:#fff!important}.ui.orange.labels .label:hover,a.ui.orange.label:hover{background-color:#f26202!important;border-color:#f26202!important;color:#fff!important}.ui.orange.corner.label,.ui.orange.corner.label:hover{background-color:transparent!important}.ui.orange.ribbon.label{border-color:#cf590c!important}.ui.basic.orange.label{background:none #fff!important;color:#f2711c!important;border-color:#f2711c!important}.ui.basic.orange.labels a.label:hover,a.ui.basic.orange.label:hover{background-color:#fff!important;color:#f26202!important;border-color:#f26202!important}.ui.yellow.label,.ui.yellow.labels .label{background-color:#fbbd08!important;border-color:#fbbd08!important;color:#fff!important}.ui.yellow.labels .label:hover,a.ui.yellow.label:hover{background-color:#eaae00!important;border-color:#eaae00!important;color:#fff!important}.ui.yellow.corner.label,.ui.yellow.corner.label:hover{background-color:transparent!important}.ui.yellow.ribbon.label{border-color:#cd9903!important}.ui.basic.yellow.label{background:none #fff!important;color:#fbbd08!important;border-color:#fbbd08!important}.ui.basic.yellow.labels a.label:hover,a.ui.basic.yellow.label:hover{background-color:#fff!important;color:#eaae00!important;border-color:#eaae00!important}.ui.olive.label,.ui.olive.labels .label{background-color:#b5cc18!important;border-color:#b5cc18!important;color:#fff!important}.ui.olive.labels .label:hover,a.ui.olive.label:hover{background-color:#a7bd0d!important;border-color:#a7bd0d!important;color:#fff!important}.ui.olive.corner.label,.ui.olive.corner.label:hover{background-color:transparent!important}.ui.olive.ribbon.label{border-color:#8d9e13!important}.ui.basic.olive.label{background:none #fff!important;color:#b5cc18!important;border-color:#b5cc18!important}.ui.basic.olive.labels a.label:hover,a.ui.basic.olive.label:hover{background-color:#fff!important;color:#a7bd0d!important;border-color:#a7bd0d!important}.ui.green.label,.ui.green.labels .label{background-color:#21ba45!important;border-color:#21ba45!important;color:#fff!important}.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#16ab39!important;border-color:#16ab39!important;color:#fff!important}.ui.green.corner.label,.ui.green.corner.label:hover{background-color:transparent!important}.ui.green.ribbon.label{border-color:#198f35!important}.ui.basic.green.label{background:none #fff!important;color:#21ba45!important;border-color:#21ba45!important}.ui.basic.green.labels a.label:hover,a.ui.basic.green.label:hover{background-color:#fff!important;color:#16ab39!important;border-color:#16ab39!important}.ui.teal.label,.ui.teal.labels .label{background-color:#00b5ad!important;border-color:#00b5ad!important;color:#fff!important}.ui.teal.labels .label:hover,a.ui.teal.label:hover{background-color:#009c95!important;border-color:#009c95!important;color:#fff!important}.ui.teal.corner.label,.ui.teal.corner.label:hover{background-color:transparent!important}.ui.teal.ribbon.label{border-color:#00827c!important}.ui.basic.teal.label{background:none #fff!important;color:#00b5ad!important;border-color:#00b5ad!important}.ui.basic.teal.labels a.label:hover,a.ui.basic.teal.label:hover{background-color:#fff!important;color:#009c95!important;border-color:#009c95!important}.ui.blue.label,.ui.blue.labels .label{background-color:#2185d0!important;border-color:#2185d0!important;color:#fff!important}.ui.blue.labels .label:hover,a.ui.blue.label:hover{background-color:#1678c2!important;border-color:#1678c2!important;color:#fff!important}.ui.blue.corner.label,.ui.blue.corner.label:hover{background-color:transparent!important}.ui.blue.ribbon.label{border-color:#1a69a4!important}.ui.basic.blue.label{background:none #fff!important;color:#2185d0!important;border-color:#2185d0!important}.ui.basic.blue.labels a.label:hover,a.ui.basic.blue.label:hover{background-color:#fff!important;color:#1678c2!important;border-color:#1678c2!important}.ui.violet.label,.ui.violet.labels .label{background-color:#6435c9!important;border-color:#6435c9!important;color:#fff!important}.ui.violet.labels .label:hover,a.ui.violet.label:hover{background-color:#5829bb!important;border-color:#5829bb!important;color:#fff!important}.ui.violet.corner.label,.ui.violet.corner.label:hover{background-color:transparent!important}.ui.violet.ribbon.label{border-color:#502aa1!important}.ui.basic.violet.label{background:none #fff!important;color:#6435c9!important;border-color:#6435c9!important}.ui.basic.violet.labels a.label:hover,a.ui.basic.violet.label:hover{background-color:#fff!important;color:#5829bb!important;border-color:#5829bb!important}.ui.purple.label,.ui.purple.labels .label{background-color:#a333c8!important;border-color:#a333c8!important;color:#fff!important}.ui.purple.labels .label:hover,a.ui.purple.label:hover{background-color:#9627ba!important;border-color:#9627ba!important;color:#fff!important}.ui.purple.corner.label,.ui.purple.corner.label:hover{background-color:transparent!important}.ui.purple.ribbon.label{border-color:#82299f!important}.ui.basic.purple.label{background:none #fff!important;color:#a333c8!important;border-color:#a333c8!important}.ui.basic.purple.labels a.label:hover,a.ui.basic.purple.label:hover{background-color:#fff!important;color:#9627ba!important;border-color:#9627ba!important}.ui.pink.label,.ui.pink.labels .label{background-color:#e03997!important;border-color:#e03997!important;color:#fff!important}.ui.pink.labels .label:hover,a.ui.pink.label:hover{background-color:#e61a8d!important;border-color:#e61a8d!important;color:#fff!important}.ui.pink.corner.label,.ui.pink.corner.label:hover{background-color:transparent!important}.ui.pink.ribbon.label{border-color:#c71f7e!important}.ui.basic.pink.label{background:none #fff!important;color:#e03997!important;border-color:#e03997!important}.ui.basic.pink.labels a.label:hover,a.ui.basic.pink.label:hover{background-color:#fff!important;color:#e61a8d!important;border-color:#e61a8d!important}.ui.brown.label,.ui.brown.labels .label{background-color:#a5673f!important;border-color:#a5673f!important;color:#fff!important}.ui.brown.labels .label:hover,a.ui.brown.label:hover{background-color:#975b33!important;border-color:#975b33!important;color:#fff!important}.ui.brown.corner.label,.ui.brown.corner.label:hover{background-color:transparent!important}.ui.brown.ribbon.label{border-color:#805031!important}.ui.basic.brown.label{background:none #fff!important;color:#a5673f!important;border-color:#a5673f!important}.ui.basic.brown.labels a.label:hover,a.ui.basic.brown.label:hover{background-color:#fff!important;color:#975b33!important;border-color:#975b33!important}.ui.grey.label,.ui.grey.labels .label{background-color:#767676!important;border-color:#767676!important;color:#fff!important}.ui.grey.labels .label:hover,a.ui.grey.label:hover{background-color:#838383!important;border-color:#838383!important;color:#fff!important}.ui.grey.corner.label,.ui.grey.corner.label:hover{background-color:transparent!important}.ui.grey.ribbon.label{border-color:#5d5d5d!important}.ui.basic.grey.label{background:none #fff!important;color:#767676!important;border-color:#767676!important}.ui.basic.grey.labels a.label:hover,a.ui.basic.grey.label:hover{background-color:#fff!important;color:#838383!important;border-color:#838383!important}.ui.black.label,.ui.black.labels .label{background-color:#1b1c1d!important;border-color:#1b1c1d!important;color:#fff!important}.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#27292a!important;border-color:#27292a!important;color:#fff!important}.ui.black.corner.label,.ui.black.corner.label:hover{background-color:transparent!important}.ui.black.ribbon.label{border-color:#020203!important}.ui.basic.black.label{background:none #fff!important;color:#1b1c1d!important;border-color:#1b1c1d!important}.ui.basic.black.labels a.label:hover,a.ui.basic.black.label:hover{background-color:#fff!important;color:#27292a!important;border-color:#27292a!important}.ui.basic.label{background:none #fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}a.ui.basic.label:hover{text-decoration:none;background:none #fff;color:#1e70bf;-webkit-box-shadow:1px solid rgba(34,36,38,.15);box-shadow:1px solid rgba(34,36,38,.15);-webkit-box-shadow:none;box-shadow:none}.ui.basic.pointing.label:before{border-color:inherit}.ui.fluid.labels>.label,.ui.label.fluid{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.ui.inverted.label,.ui.inverted.labels .label{color:rgba(255,255,255,.9)!important}.ui.horizontal.label,.ui.horizontal.labels .label{margin:0 .5em 0 0;padding:.4em .833em;min-width:3em;text-align:center}.ui.circular.label,.ui.circular.labels .label{min-width:2em;min-height:2em;padding:.5em!important;line-height:1em;text-align:center;border-radius:500rem}.ui.empty.circular.label,.ui.empty.circular.labels .label{min-width:0;min-height:0;overflow:hidden;width:.5em;height:.5em;vertical-align:baseline}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{background-color:inherit;background-image:inherit;border-width:none;border-style:solid;border-color:inherit}.ui.pointing.label:before{position:absolute;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);background-image:none;z-index:2;width:.6666em;height:.6666em;-webkit-transition:background .1s ease;transition:background .1s ease}.ui.pointing.label,.ui[class*="pointing above"].label{margin-top:1em}.ui.pointing.label:before,.ui[class*="pointing above"].label:before{border-width:1px 0 0 1px;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);top:0;left:50%}.ui[class*="bottom pointing"].label,.ui[class*="pointing below"].label{margin-top:0;margin-bottom:1em}.ui[class*="bottom pointing"].label:before,.ui[class*="pointing below"].label:before{border-width:0 1px 1px 0;top:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);top:100%;left:50%}.ui[class*="left pointing"].label{margin-top:0;margin-left:.6666em}.ui[class*="left pointing"].label:before{border-width:0 0 1px 1px;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);bottom:auto;right:auto;top:50%;left:0}.ui[class*="right pointing"].label{margin-top:0;margin-right:.6666em}.ui[class*="right pointing"].label:before{border-width:1px 1px 0 0;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);top:50%;right:0;bottom:auto;left:auto}.ui.basic.pointing.label:before,.ui.basic[class*="pointing above"].label:before{margin-top:-1px}.ui.basic[class*="bottom pointing"].label:before,.ui.basic[class*="pointing below"].label:before{bottom:auto;top:100%;margin-top:1px}.ui.basic[class*="left pointing"].label:before{top:50%;left:-1px}.ui.basic[class*="right pointing"].label:before{top:50%;right:-1px}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important}.ui.mini.label,.ui.mini.labels .label{font-size:.64285714rem}.ui.tiny.label,.ui.tiny.labels .label{font-size:.71428571rem}.ui.small.label,.ui.small.labels .label{font-size:.78571429rem}.ui.label,.ui.labels .label{font-size:.85714286rem}.ui.large.label,.ui.large.labels .label{font-size:1rem}.ui.big.label,.ui.big.labels .label{font-size:1.28571429rem}.ui.huge.label,.ui.huge.labels .label{font-size:1.42857143rem}.ui.massive.label,.ui.massive.labels .label{font-size:1.71428571rem} \ No newline at end of file + */.ui.label{display:inline-block;line-height:1;vertical-align:baseline;margin:0 .14285714em;background-color:#e8e8e8;background-image:none;padding:.5833em .833em;color:rgba(0,0,0,.6);text-transform:none;font-weight:700;border:0 solid transparent;border-radius:.28571429rem;-webkit-transition:background .1s ease;transition:background .1s ease}.ui.label:first-child{margin-left:0}.ui.label:last-child{margin-right:0}a.ui.label{cursor:pointer}.ui.label>a{cursor:pointer;color:inherit;opacity:.5;-webkit-transition:.1s opacity ease;transition:.1s opacity ease}.ui.label>a:hover{opacity:1}.ui.label>img{width:auto!important;vertical-align:middle;height:2.1666em!important}.ui.label>.icon{width:auto;margin:0 .75em 0 0}.ui.label>.detail{display:inline-block;vertical-align:top;font-weight:700;margin-left:1em;opacity:.8}.ui.label>.detail .icon{margin:0 .25em 0 0}.ui.label>.close.icon,.ui.label>.delete.icon{cursor:pointer;margin-right:0;margin-left:.5em;font-size:.92857143em;opacity:.5;-webkit-transition:background .1s ease;transition:background .1s ease}.ui.label>.delete.icon:hover{opacity:1}.ui.labels>.label{margin:0 .5em .5em 0}.ui.header>.ui.label{margin-top:-.29165em}.ui.attached.segment>.ui.top.left.attached.label,.ui.bottom.attached.segment>.ui.top.left.attached.label{border-top-left-radius:0}.ui.attached.segment>.ui.top.right.attached.label,.ui.bottom.attached.segment>.ui.top.right.attached.label{border-top-right-radius:0}.ui.top.attached.segment>.ui.bottom.left.attached.label{border-bottom-left-radius:0}.ui.top.attached.segment>.ui.bottom.right.attached.label{border-bottom-right-radius:0}.ui.top.attached.label+[class*="right floated"]+*,.ui.top.attached.label:first-child+:not(.attached){margin-top:2rem!important}.ui.bottom.attached.label:first-child~:last-child:not(.attached){margin-top:0;margin-bottom:2rem!important}.ui.image.label{width:auto!important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:none;background:#e8e8e8;padding:.5833em .833em .5833em .5em;border-radius:.28571429rem;-webkit-box-shadow:none;box-shadow:none}.ui.image.label img{display:inline-block;vertical-align:top;height:2.1666em;margin:-.5833em .5em -.5833em -.5em;border-radius:.28571429rem 0 0 .28571429rem}.ui.image.label .detail{background:rgba(0,0,0,.1);margin:-.5833em -.833em -.5833em .5em;padding:.5833em .833em;border-radius:0 .28571429rem .28571429rem 0}.ui.tag.label,.ui.tag.labels .label{margin-left:1em;position:relative;padding-left:1.5em;padding-right:1.5em;border-radius:0 .28571429rem .28571429rem 0;-webkit-transition:none;transition:none}.ui.tag.label:before,.ui.tag.labels .label:before{position:absolute;-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);transform:translateY(-50%) translateX(50%) rotate(-45deg);top:50%;right:100%;content:'';background-color:inherit;background-image:none;width:1.56em;height:1.56em;-webkit-transition:none;transition:none}.ui.tag.label:after,.ui.tag.labels .label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.25em;background-color:#fff;width:.5em;height:.5em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);border-radius:500rem}.ui.basic.tag.label:before,.ui.basic.tag.labels .label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;right:calc(100% + 1px)}.ui.basic.tag.label:after,.ui.basic.tag.labels .label:after{-webkit-box-shadow:0 -1px 3px 0 rgba(0,0,0,.8);box-shadow:0 -1px 3px 0 rgba(0,0,0,.8)}.ui.corner.label{position:absolute;top:0;right:0;margin:0;padding:0;text-align:center;border-color:#e8e8e8;width:4em;height:4em;z-index:1;-webkit-transition:border-color .1s ease;transition:border-color .1s ease}.ui.corner.label{background-color:transparent!important}.ui.corner.label:after{position:absolute;content:"";right:0;top:0;z-index:-1;width:0;height:0;background-color:transparent;border-top:0 solid transparent;border-right:4em solid transparent;border-bottom:4em solid transparent;border-left:0 solid transparent;border-right-color:inherit;-webkit-transition:border-color .1s ease;transition:border-color .1s ease}.ui.corner.label .icon{cursor:default;position:relative;top:.64285714em;left:.78571429em;font-size:1.14285714em;margin:0}.ui.left.corner.label,.ui.left.corner.label:after{right:auto;left:0}.ui.left.corner.label:after{border-top:4em solid transparent;border-right:4em solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;border-top-color:inherit}.ui.left.corner.label .icon{left:-.78571429em}.ui.segment>.ui.corner.label{top:-1px;right:-1px}.ui.segment>.ui.left.corner.label{right:auto;left:-1px}.ui.ribbon.label{position:relative;margin:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;border-radius:0 .28571429rem .28571429rem 0;border-color:rgba(0,0,0,.15)}.ui.ribbon.label:after{position:absolute;content:'';top:100%;left:0;background-color:transparent;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent;border-right-color:inherit;width:0;height:0}.ui.ribbon.label{left:calc(-1rem - 1.2em);margin-right:-1.2em;padding-left:calc(1rem + 1.2em);padding-right:1.2em}.ui[class*="right ribbon"].label{left:calc(100% + 1rem + 1.2em);padding-left:1.2em;padding-right:calc(1rem + 1.2em)}.ui[class*="right ribbon"].label{text-align:left;-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:.28571429rem 0 0 .28571429rem}.ui[class*="right ribbon"].label:after{left:auto;right:0;border-style:solid;border-width:1.2em 1.2em 0 0;border-color:transparent;border-top-color:inherit}.ui.card .image>.ribbon.label,.ui.image>.ribbon.label{position:absolute;top:1rem}.ui.card .image>.ui.ribbon.label,.ui.image>.ui.ribbon.label{left:calc(.05rem - 1.2em)}.ui.card .image>.ui[class*="right ribbon"].label,.ui.image>.ui[class*="right ribbon"].label{left:calc(100% + -.05rem + 1.2em);padding-left:.833em}.ui.table td>.ui.ribbon.label{left:calc(-.7857142857142857em - 1.2em)}.ui.table td>.ui[class*="right ribbon"].label{left:calc(100% + .7857142857142857em + 1.2em);padding-left:.833em}.ui.attached.label,.ui[class*="top attached"].label{width:100%;position:absolute;margin:0;top:0;left:0;padding:.75em 1em;border-radius:.21428571rem .21428571rem 0 0}.ui[class*="bottom attached"].label{top:auto;bottom:0;border-radius:0 0 .21428571rem .21428571rem}.ui[class*="top left attached"].label{width:auto;margin-top:0!important;border-radius:.21428571rem 0 .28571429rem 0}.ui[class*="top right attached"].label{width:auto;left:auto;right:0;border-radius:0 .21428571rem 0 .28571429rem}.ui[class*="bottom left attached"].label{width:auto;top:auto;bottom:0;border-radius:0 .28571429rem 0 .21428571rem}.ui[class*="bottom right attached"].label{top:auto;bottom:0;left:auto;right:0;width:auto;border-radius:.28571429rem 0 .21428571rem 0}.ui.label.disabled{opacity:.5}.ui.labels a.label:hover,a.ui.label:hover{background-color:#e0e0e0;border-color:#e0e0e0;background-image:none;color:rgba(0,0,0,.8)}.ui.labels a.label:hover:before,a.ui.label:hover:before{color:rgba(0,0,0,.8)}.ui.active.label{background-color:#d0d0d0;border-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}.ui.active.label:before{background-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}.ui.labels a.active.label:hover,a.ui.active.label:hover{background-color:#c8c8c8;border-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.labels a.active.label:hover:before,a.ui.active.label:hover:before{background-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.label.visible:not(.dropdown),.ui.labels.visible .label{display:inline-block!important}.ui.label.hidden,.ui.labels.hidden .label{display:none!important}.ui.basic.label,.ui.basic.labels .label{background:none #fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none}.ui.basic.labels a.label:hover,a.ui.basic.label:hover{text-decoration:none;background:none #fff;color:#1e70bf;-webkit-box-shadow:none;box-shadow:none}.ui.basic.pointing.label:before{border-color:inherit}.ui.fluid.labels>.label,.ui.label.fluid{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.ui.inverted.label,.ui.inverted.labels .label{color:rgba(255,255,255,.9);background-color:#b5b5b5}.ui.inverted.corner.label{border-color:#b5b5b5}.ui.inverted.corner.label:hover{border-color:#e8e8e8;-webkit-transition:none;transition:none}.ui.inverted.basic.label,.ui.inverted.basic.label:hover,.ui.inverted.basic.labels .label{border-color:rgba(255,255,255,.5);background:#1b1c1d}.ui.inverted.basic.label:hover{color:#4183c4}.ui.primary.label,.ui.primary.labels .label{background-color:#2185d0;border-color:#2185d0;color:rgba(255,255,255,.9)}.ui.primary.labels a.label:hover,a.ui.primary.label:hover{background-color:#1678c2;border-color:#1678c2;color:#fff}.ui.primary.ribbon.label{border-color:#1a69a4}.ui.basic.labels .primary.label,.ui.basic.primary.label{background:none #fff;border-color:#2185d0;color:#2185d0}.ui.basic.labels a.primary.label:hover,a.ui.basic.primary.label:hover{background:none #fff;border-color:#1678c2;color:#1678c2}.ui.inverted.labels .primary.label,.ui.inverted.primary.label{background-color:#54c8ff;border-color:#54c8ff;color:#1b1c1d}.ui.inverted.labels a.primary.label:hover,a.ui.inverted.primary.label:hover{background-color:#21b8ff;border-color:#21b8ff;color:#1b1c1d}.ui.inverted.primary.ribbon.label{border-color:#21b8ff}.ui.inverted.basic.labels .primary.label,.ui.inverted.basic.primary.label{background-color:#1b1c1d;border-color:#54c8ff;color:#54c8ff}.ui.inverted.basic.labels a.primary.label:hover,a.ui.inverted.basic.primary.label:hover{border-color:#21b8ff;background-color:#1b1c1d;color:#21b8ff}.ui.inverted.basic.tag.labels .primary.label,.ui.inverted.primary.basic.tag.label{border:1px solid #54c8ff}.ui.inverted.basic.tag.labels .primary.label:before,.ui.inverted.primary.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.secondary.label,.ui.secondary.labels .label{background-color:#1b1c1d;border-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.secondary.labels a.label:hover,a.ui.secondary.label:hover{background-color:#27292a;border-color:#27292a;color:#fff}.ui.secondary.ribbon.label{border-color:#020203}.ui.basic.labels .secondary.label,.ui.basic.secondary.label{background:none #fff;border-color:#1b1c1d;color:#1b1c1d}.ui.basic.labels a.secondary.label:hover,a.ui.basic.secondary.label:hover{background:none #fff;border-color:#27292a;color:#27292a}.ui.inverted.labels .secondary.label,.ui.inverted.secondary.label{background-color:#545454;border-color:#545454;color:#1b1c1d}.ui.inverted.labels a.secondary.label:hover,a.ui.inverted.secondary.label:hover{background-color:#6e6e6e;border-color:#6e6e6e;color:#1b1c1d}.ui.inverted.secondary.ribbon.label{border-color:#3b3b3b}.ui.inverted.basic.labels .secondary.label,.ui.inverted.basic.secondary.label{background-color:#1b1c1d;border-color:#545454;color:#545454}.ui.inverted.basic.labels a.secondary.label:hover,a.ui.inverted.basic.secondary.label:hover{border-color:#6e6e6e;background-color:#1b1c1d;color:#6e6e6e}.ui.inverted.basic.tag.labels .secondary.label,.ui.inverted.secondary.basic.tag.label{border:1px solid #545454}.ui.inverted.basic.tag.labels .secondary.label:before,.ui.inverted.secondary.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.red.label,.ui.red.labels .label{background-color:#db2828;border-color:#db2828;color:#fff}.ui.red.labels a.label:hover,a.ui.red.label:hover{background-color:#d01919;border-color:#d01919;color:#fff}.ui.red.ribbon.label{border-color:#b21e1e}.ui.basic.labels .red.label,.ui.basic.red.label{background:none #fff;border-color:#db2828;color:#db2828}.ui.basic.labels a.red.label:hover,a.ui.basic.red.label:hover{background:none #fff;border-color:#d01919;color:#d01919}.ui.inverted.labels .red.label,.ui.inverted.red.label{background-color:#ff695e;border-color:#ff695e;color:#1b1c1d}.ui.inverted.labels a.red.label:hover,a.ui.inverted.red.label:hover{background-color:#ff392b;border-color:#ff392b;color:#1b1c1d}.ui.inverted.red.ribbon.label{border-color:#ff392b}.ui.inverted.basic.labels .red.label,.ui.inverted.basic.red.label{background-color:#1b1c1d;border-color:#ff695e;color:#ff695e}.ui.inverted.basic.labels a.red.label:hover,a.ui.inverted.basic.red.label:hover{border-color:#ff392b;background-color:#1b1c1d;color:#ff392b}.ui.inverted.basic.tag.labels .red.label,.ui.inverted.red.basic.tag.label{border:1px solid #ff695e}.ui.inverted.basic.tag.labels .red.label:before,.ui.inverted.red.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.orange.label,.ui.orange.labels .label{background-color:#f2711c;border-color:#f2711c;color:#fff}.ui.orange.labels a.label:hover,a.ui.orange.label:hover{background-color:#f26202;border-color:#f26202;color:#fff}.ui.orange.ribbon.label{border-color:#cf590c}.ui.basic.labels .orange.label,.ui.basic.orange.label{background:none #fff;border-color:#f2711c;color:#f2711c}.ui.basic.labels a.orange.label:hover,a.ui.basic.orange.label:hover{background:none #fff;border-color:#f26202;color:#f26202}.ui.inverted.labels .orange.label,.ui.inverted.orange.label{background-color:#ff851b;border-color:#ff851b;color:#1b1c1d}.ui.inverted.labels a.orange.label:hover,a.ui.inverted.orange.label:hover{background-color:#e76b00;border-color:#e76b00;color:#1b1c1d}.ui.inverted.orange.ribbon.label{border-color:#e76b00}.ui.inverted.basic.labels .orange.label,.ui.inverted.basic.orange.label{background-color:#1b1c1d;border-color:#ff851b;color:#ff851b}.ui.inverted.basic.labels a.orange.label:hover,a.ui.inverted.basic.orange.label:hover{border-color:#e76b00;background-color:#1b1c1d;color:#e76b00}.ui.inverted.basic.tag.labels .orange.label,.ui.inverted.orange.basic.tag.label{border:1px solid #ff851b}.ui.inverted.basic.tag.labels .orange.label:before,.ui.inverted.orange.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.yellow.label,.ui.yellow.labels .label{background-color:#fbbd08;border-color:#fbbd08;color:#fff}.ui.yellow.labels a.label:hover,a.ui.yellow.label:hover{background-color:#eaae00;border-color:#eaae00;color:#fff}.ui.yellow.ribbon.label{border-color:#cd9903}.ui.basic.labels .yellow.label,.ui.basic.yellow.label{background:none #fff;border-color:#fbbd08;color:#fbbd08}.ui.basic.labels a.yellow.label:hover,a.ui.basic.yellow.label:hover{background:none #fff;border-color:#eaae00;color:#eaae00}.ui.inverted.labels .yellow.label,.ui.inverted.yellow.label{background-color:#ffe21f;border-color:#ffe21f;color:#1b1c1d}.ui.inverted.labels a.yellow.label:hover,a.ui.inverted.yellow.label:hover{background-color:#ebcd00;border-color:#ebcd00;color:#1b1c1d}.ui.inverted.yellow.ribbon.label{border-color:#ebcd00}.ui.inverted.basic.labels .yellow.label,.ui.inverted.basic.yellow.label{background-color:#1b1c1d;border-color:#ffe21f;color:#ffe21f}.ui.inverted.basic.labels a.yellow.label:hover,a.ui.inverted.basic.yellow.label:hover{border-color:#ebcd00;background-color:#1b1c1d;color:#ebcd00}.ui.inverted.basic.tag.labels .yellow.label,.ui.inverted.yellow.basic.tag.label{border:1px solid #ffe21f}.ui.inverted.basic.tag.labels .yellow.label:before,.ui.inverted.yellow.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.olive.label,.ui.olive.labels .label{background-color:#b5cc18;border-color:#b5cc18;color:#fff}.ui.olive.labels a.label:hover,a.ui.olive.label:hover{background-color:#a7bd0d;border-color:#a7bd0d;color:#fff}.ui.olive.ribbon.label{border-color:#8d9e13}.ui.basic.labels .olive.label,.ui.basic.olive.label{background:none #fff;border-color:#b5cc18;color:#b5cc18}.ui.basic.labels a.olive.label:hover,a.ui.basic.olive.label:hover{background:none #fff;border-color:#a7bd0d;color:#a7bd0d}.ui.inverted.labels .olive.label,.ui.inverted.olive.label{background-color:#d9e778;border-color:#d9e778;color:#1b1c1d}.ui.inverted.labels a.olive.label:hover,a.ui.inverted.olive.label:hover{background-color:#d2e745;border-color:#d2e745;color:#1b1c1d}.ui.inverted.olive.ribbon.label{border-color:#cddf4d}.ui.inverted.basic.labels .olive.label,.ui.inverted.basic.olive.label{background-color:#1b1c1d;border-color:#d9e778;color:#d9e778}.ui.inverted.basic.labels a.olive.label:hover,a.ui.inverted.basic.olive.label:hover{border-color:#d2e745;background-color:#1b1c1d;color:#d2e745}.ui.inverted.basic.tag.labels .olive.label,.ui.inverted.olive.basic.tag.label{border:1px solid #d9e778}.ui.inverted.basic.tag.labels .olive.label:before,.ui.inverted.olive.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.green.label,.ui.green.labels .label{background-color:#21ba45;border-color:#21ba45;color:#fff}.ui.green.labels a.label:hover,a.ui.green.label:hover{background-color:#16ab39;border-color:#16ab39;color:#fff}.ui.green.ribbon.label{border-color:#198f35}.ui.basic.green.label,.ui.basic.labels .green.label{background:none #fff;border-color:#21ba45;color:#21ba45}.ui.basic.labels a.green.label:hover,a.ui.basic.green.label:hover{background:none #fff;border-color:#16ab39;color:#16ab39}.ui.inverted.green.label,.ui.inverted.labels .green.label{background-color:#2ecc40;border-color:#2ecc40;color:#1b1c1d}.ui.inverted.labels a.green.label:hover,a.ui.inverted.green.label:hover{background-color:#1ea92e;border-color:#1ea92e;color:#1b1c1d}.ui.inverted.green.ribbon.label{border-color:#25a233}.ui.inverted.basic.green.label,.ui.inverted.basic.labels .green.label{background-color:#1b1c1d;border-color:#2ecc40;color:#2ecc40}.ui.inverted.basic.labels a.green.label:hover,a.ui.inverted.basic.green.label:hover{border-color:#1ea92e;background-color:#1b1c1d;color:#1ea92e}.ui.inverted.basic.tag.labels .green.label,.ui.inverted.green.basic.tag.label{border:1px solid #2ecc40}.ui.inverted.basic.tag.labels .green.label:before,.ui.inverted.green.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.teal.label,.ui.teal.labels .label{background-color:#00b5ad;border-color:#00b5ad;color:#fff}.ui.teal.labels a.label:hover,a.ui.teal.label:hover{background-color:#009c95;border-color:#009c95;color:#fff}.ui.teal.ribbon.label{border-color:#00827c}.ui.basic.labels .teal.label,.ui.basic.teal.label{background:none #fff;border-color:#00b5ad;color:#00b5ad}.ui.basic.labels a.teal.label:hover,a.ui.basic.teal.label:hover{background:none #fff;border-color:#009c95;color:#009c95}.ui.inverted.labels .teal.label,.ui.inverted.teal.label{background-color:#6dffff;border-color:#6dffff;color:#1b1c1d}.ui.inverted.labels a.teal.label:hover,a.ui.inverted.teal.label:hover{background-color:#3affff;border-color:#3affff;color:#1b1c1d}.ui.inverted.teal.ribbon.label{border-color:#3affff}.ui.inverted.basic.labels .teal.label,.ui.inverted.basic.teal.label{background-color:#1b1c1d;border-color:#6dffff;color:#6dffff}.ui.inverted.basic.labels a.teal.label:hover,a.ui.inverted.basic.teal.label:hover{border-color:#3affff;background-color:#1b1c1d;color:#3affff}.ui.inverted.basic.tag.labels .teal.label,.ui.inverted.teal.basic.tag.label{border:1px solid #6dffff}.ui.inverted.basic.tag.labels .teal.label:before,.ui.inverted.teal.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.blue.label,.ui.blue.labels .label{background-color:#2185d0;border-color:#2185d0;color:#fff}.ui.blue.labels a.label:hover,a.ui.blue.label:hover{background-color:#1678c2;border-color:#1678c2;color:#fff}.ui.blue.ribbon.label{border-color:#1a69a4}.ui.basic.blue.label,.ui.basic.labels .blue.label{background:none #fff;border-color:#2185d0;color:#2185d0}.ui.basic.labels a.blue.label:hover,a.ui.basic.blue.label:hover{background:none #fff;border-color:#1678c2;color:#1678c2}.ui.inverted.blue.label,.ui.inverted.labels .blue.label{background-color:#54c8ff;border-color:#54c8ff;color:#1b1c1d}.ui.inverted.labels a.blue.label:hover,a.ui.inverted.blue.label:hover{background-color:#21b8ff;border-color:#21b8ff;color:#1b1c1d}.ui.inverted.blue.ribbon.label{border-color:#21b8ff}.ui.inverted.basic.blue.label,.ui.inverted.basic.labels .blue.label{background-color:#1b1c1d;border-color:#54c8ff;color:#54c8ff}.ui.inverted.basic.labels a.blue.label:hover,a.ui.inverted.basic.blue.label:hover{border-color:#21b8ff;background-color:#1b1c1d;color:#21b8ff}.ui.inverted.basic.tag.labels .blue.label,.ui.inverted.blue.basic.tag.label{border:1px solid #54c8ff}.ui.inverted.basic.tag.labels .blue.label:before,.ui.inverted.blue.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.violet.label,.ui.violet.labels .label{background-color:#6435c9;border-color:#6435c9;color:#fff}.ui.violet.labels a.label:hover,a.ui.violet.label:hover{background-color:#5829bb;border-color:#5829bb;color:#fff}.ui.violet.ribbon.label{border-color:#502aa1}.ui.basic.labels .violet.label,.ui.basic.violet.label{background:none #fff;border-color:#6435c9;color:#6435c9}.ui.basic.labels a.violet.label:hover,a.ui.basic.violet.label:hover{background:none #fff;border-color:#5829bb;color:#5829bb}.ui.inverted.labels .violet.label,.ui.inverted.violet.label{background-color:#a291fb;border-color:#a291fb;color:#1b1c1d}.ui.inverted.labels a.violet.label:hover,a.ui.inverted.violet.label:hover{background-color:#745aff;border-color:#745aff;color:#1b1c1d}.ui.inverted.violet.ribbon.label{border-color:#7860f9}.ui.inverted.basic.labels .violet.label,.ui.inverted.basic.violet.label{background-color:#1b1c1d;border-color:#a291fb;color:#a291fb}.ui.inverted.basic.labels a.violet.label:hover,a.ui.inverted.basic.violet.label:hover{border-color:#745aff;background-color:#1b1c1d;color:#745aff}.ui.inverted.basic.tag.labels .violet.label,.ui.inverted.violet.basic.tag.label{border:1px solid #a291fb}.ui.inverted.basic.tag.labels .violet.label:before,.ui.inverted.violet.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.purple.label,.ui.purple.labels .label{background-color:#a333c8;border-color:#a333c8;color:#fff}.ui.purple.labels a.label:hover,a.ui.purple.label:hover{background-color:#9627ba;border-color:#9627ba;color:#fff}.ui.purple.ribbon.label{border-color:#82299f}.ui.basic.labels .purple.label,.ui.basic.purple.label{background:none #fff;border-color:#a333c8;color:#a333c8}.ui.basic.labels a.purple.label:hover,a.ui.basic.purple.label:hover{background:none #fff;border-color:#9627ba;color:#9627ba}.ui.inverted.labels .purple.label,.ui.inverted.purple.label{background-color:#dc73ff;border-color:#dc73ff;color:#1b1c1d}.ui.inverted.labels a.purple.label:hover,a.ui.inverted.purple.label:hover{background-color:#cf40ff;border-color:#cf40ff;color:#1b1c1d}.ui.inverted.purple.ribbon.label{border-color:#cf40ff}.ui.inverted.basic.labels .purple.label,.ui.inverted.basic.purple.label{background-color:#1b1c1d;border-color:#dc73ff;color:#dc73ff}.ui.inverted.basic.labels a.purple.label:hover,a.ui.inverted.basic.purple.label:hover{border-color:#cf40ff;background-color:#1b1c1d;color:#cf40ff}.ui.inverted.basic.tag.labels .purple.label,.ui.inverted.purple.basic.tag.label{border:1px solid #dc73ff}.ui.inverted.basic.tag.labels .purple.label:before,.ui.inverted.purple.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.pink.label,.ui.pink.labels .label{background-color:#e03997;border-color:#e03997;color:#fff}.ui.pink.labels a.label:hover,a.ui.pink.label:hover{background-color:#e61a8d;border-color:#e61a8d;color:#fff}.ui.pink.ribbon.label{border-color:#c71f7e}.ui.basic.labels .pink.label,.ui.basic.pink.label{background:none #fff;border-color:#e03997;color:#e03997}.ui.basic.labels a.pink.label:hover,a.ui.basic.pink.label:hover{background:none #fff;border-color:#e61a8d;color:#e61a8d}.ui.inverted.labels .pink.label,.ui.inverted.pink.label{background-color:#ff8edf;border-color:#ff8edf;color:#1b1c1d}.ui.inverted.labels a.pink.label:hover,a.ui.inverted.pink.label:hover{background-color:#ff5bd1;border-color:#ff5bd1;color:#1b1c1d}.ui.inverted.pink.ribbon.label{border-color:#ff5bd1}.ui.inverted.basic.labels .pink.label,.ui.inverted.basic.pink.label{background-color:#1b1c1d;border-color:#ff8edf;color:#ff8edf}.ui.inverted.basic.labels a.pink.label:hover,a.ui.inverted.basic.pink.label:hover{border-color:#ff5bd1;background-color:#1b1c1d;color:#ff5bd1}.ui.inverted.basic.tag.labels .pink.label,.ui.inverted.pink.basic.tag.label{border:1px solid #ff8edf}.ui.inverted.basic.tag.labels .pink.label:before,.ui.inverted.pink.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.brown.label,.ui.brown.labels .label{background-color:#a5673f;border-color:#a5673f;color:#fff}.ui.brown.labels a.label:hover,a.ui.brown.label:hover{background-color:#975b33;border-color:#975b33;color:#fff}.ui.brown.ribbon.label{border-color:#805031}.ui.basic.brown.label,.ui.basic.labels .brown.label{background:none #fff;border-color:#a5673f;color:#a5673f}.ui.basic.labels a.brown.label:hover,a.ui.basic.brown.label:hover{background:none #fff;border-color:#975b33;color:#975b33}.ui.inverted.brown.label,.ui.inverted.labels .brown.label{background-color:#d67c1c;border-color:#d67c1c;color:#1b1c1d}.ui.inverted.labels a.brown.label:hover,a.ui.inverted.brown.label:hover{background-color:#b0620f;border-color:#b0620f;color:#1b1c1d}.ui.inverted.brown.ribbon.label{border-color:#a96216}.ui.inverted.basic.brown.label,.ui.inverted.basic.labels .brown.label{background-color:#1b1c1d;border-color:#d67c1c;color:#d67c1c}.ui.inverted.basic.labels a.brown.label:hover,a.ui.inverted.basic.brown.label:hover{border-color:#b0620f;background-color:#1b1c1d;color:#b0620f}.ui.inverted.basic.tag.labels .brown.label,.ui.inverted.brown.basic.tag.label{border:1px solid #d67c1c}.ui.inverted.basic.tag.labels .brown.label:before,.ui.inverted.brown.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.grey.label,.ui.grey.labels .label{background-color:#767676;border-color:#767676;color:#fff}.ui.grey.labels a.label:hover,a.ui.grey.label:hover{background-color:#838383;border-color:#838383;color:#fff}.ui.grey.ribbon.label{border-color:#5d5d5d}.ui.basic.grey.label,.ui.basic.labels .grey.label{background:none #fff;border-color:#767676;color:#767676}.ui.basic.labels a.grey.label:hover,a.ui.basic.grey.label:hover{background:none #fff;border-color:#838383;color:#838383}.ui.inverted.grey.label,.ui.inverted.labels .grey.label{background-color:#dcddde;border-color:#dcddde;color:#1b1c1d}.ui.inverted.labels a.grey.label:hover,a.ui.inverted.grey.label:hover{background-color:#c2c4c5;border-color:#c2c4c5;color:#fff}.ui.inverted.grey.ribbon.label{border-color:#e9eaea}.ui.inverted.basic.grey.label,.ui.inverted.basic.labels .grey.label{background-color:#1b1c1d;border-color:#dcddde;color:rgba(255,255,255,.9)}.ui.inverted.basic.labels a.grey.label:hover,a.ui.inverted.basic.grey.label:hover{border-color:#c2c4c5;background-color:#1b1c1d}.ui.inverted.basic.tag.labels .grey.label,.ui.inverted.grey.basic.tag.label{border:1px solid #dcddde}.ui.inverted.basic.tag.labels .grey.label:before,.ui.inverted.grey.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.black.label,.ui.black.labels .label{background-color:#1b1c1d;border-color:#1b1c1d;color:#fff}.ui.black.labels a.label:hover,a.ui.black.label:hover{background-color:#27292a;border-color:#27292a;color:#fff}.ui.black.ribbon.label{border-color:#020203}.ui.basic.black.label,.ui.basic.labels .black.label{background:none #fff;border-color:#1b1c1d;color:#1b1c1d}.ui.basic.labels a.black.label:hover,a.ui.basic.black.label:hover{background:none #fff;border-color:#27292a;color:#27292a}.ui.inverted.black.label,.ui.inverted.labels .black.label{background-color:#545454;border-color:#545454;color:#1b1c1d}.ui.inverted.labels a.black.label:hover,a.ui.inverted.black.label:hover{background-color:#000;border-color:#000;color:#fff}.ui.inverted.black.ribbon.label{border-color:#616161}.ui.inverted.basic.black.label,.ui.inverted.basic.labels .black.label{background-color:#1b1c1d;border-color:#545454;color:rgba(255,255,255,.9)}.ui.inverted.basic.labels a.black.label:hover,a.ui.inverted.basic.black.label:hover{border-color:#000;background-color:#1b1c1d}.ui.inverted.basic.tag.labels .black.label,.ui.inverted.black.basic.tag.label{border:1px solid #545454}.ui.inverted.basic.tag.labels .black.label:before,.ui.inverted.black.basic.tag.label:before{border-color:inherit;border-width:1px 0 0 1px;border-style:inherit;background-color:#1b1c1d;right:calc(100% + 1px)}.ui.horizontal.label,.ui.horizontal.labels .label{margin:0 .5em 0 0;padding:.4em .833em;min-width:3em;text-align:center}.ui.circular.label,.ui.circular.labels .label{min-width:2em;min-height:2em;padding:.5em!important;line-height:1em;text-align:center;border-radius:500rem}.ui.empty.circular.label,.ui.empty.circular.labels .label{min-width:0;min-height:0;overflow:hidden;width:.5em;height:.5em;vertical-align:baseline}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{background-color:inherit;background-image:inherit;border-width:0;border-style:solid;border-color:inherit}.ui.pointing.label:before{position:absolute;content:'';-webkit-transform:rotate(45deg);transform:rotate(45deg);background-image:none;z-index:2;width:.6666em;height:.6666em;-webkit-transition:none;transition:none}.ui.pointing.label,.ui[class*="pointing above"].label{margin-top:1em}.ui.pointing.label:before,.ui[class*="pointing above"].label:before{border-width:1px 0 0 1px;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);top:0;left:50%}.ui[class*="bottom pointing"].label,.ui[class*="pointing below"].label{margin-top:0;margin-bottom:1em}.ui[class*="bottom pointing"].label:before,.ui[class*="pointing below"].label:before{border-width:0 1px 1px 0;top:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);top:100%;left:50%}.ui[class*="left pointing"].label{margin-top:0;margin-left:.6666em}.ui[class*="left pointing"].label:before{border-width:0 0 1px 1px;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);bottom:auto;right:auto;top:50%;left:0}.ui[class*="right pointing"].label{margin-top:0;margin-right:.6666em}.ui[class*="right pointing"].label:before{border-width:1px 1px 0 0;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);top:50%;right:0;bottom:auto;left:auto}.ui.basic.pointing.label:before,.ui.basic[class*="pointing above"].label:before{margin-top:-1px}.ui.basic[class*="bottom pointing"].label:before,.ui.basic[class*="pointing below"].label:before{bottom:auto;top:100%;margin-top:1px}.ui.basic[class*="left pointing"].label:before{top:50%;left:-1px}.ui.basic[class*="right pointing"].label:before{top:50%;right:-1px}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important}.ui.mini.label,.ui.mini.labels .label{font-size:.64285714rem}.ui.tiny.label,.ui.tiny.labels .label{font-size:.71428571rem}.ui.small.label,.ui.small.labels .label{font-size:.78571429rem}.ui.label,.ui.labels .label{font-size:.85714286rem}.ui.large.label,.ui.large.labels .label{font-size:1rem}.ui.big.label,.ui.big.labels .label{font-size:1.28571429rem}.ui.huge.label,.ui.huge.labels .label{font-size:1.42857143rem}.ui.massive.label,.ui.massive.labels .label{font-size:1.71428571rem} \ No newline at end of file diff --git a/dist/components/list.css b/dist/components/list.css index bcde90ccea..dbd5a504fa 100644 --- a/dist/components/list.css +++ b/dist/components/list.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - List + * # Semantic UI 2.7.0 - List * http://github.com/semantic-org/semantic-ui/ * * @@ -17,20 +17,20 @@ ul.ui.list, ol.ui.list, .ui.list { list-style-type: none; - margin: 1em 0em; - padding: 0em 0em; + margin: 1em 0; + padding: 0 0; } ul.ui.list:first-child, ol.ui.list:first-child, .ui.list:first-child { - margin-top: 0em; - padding-top: 0em; + margin-top: 0; + padding-top: 0; } ul.ui.list:last-child, ol.ui.list:last-child, .ui.list:last-child { - margin-bottom: 0em; - padding-bottom: 0em; + margin-bottom: 0; + padding-bottom: 0; } @@ -48,7 +48,7 @@ ol.ui.list li, table-layout: fixed; list-style-type: none; list-style-position: outside; - padding: 0.21428571em 0em; + padding: 0.21428571em 0; line-height: 1.14285714em; } ul.ui.list > li:first-child:after, @@ -65,29 +65,29 @@ ul.ui.list li:first-child, ol.ui.list li:first-child, .ui.list .list > .item:first-child, .ui.list > .item:first-child { - padding-top: 0em; + padding-top: 0; } ul.ui.list li:last-child, ol.ui.list li:last-child, .ui.list .list > .item:last-child, .ui.list > .item:last-child { - padding-bottom: 0em; + padding-bottom: 0; } /* Child List */ ul.ui.list ul, ol.ui.list ol, -.ui.list .list { +.ui.list .list:not(.icon) { clear: both; - margin: 0em; - padding: 0.75em 0em 0.25em 0.5em; + margin: 0; + padding: 0.75em 0 0.25em 0.5em; } /* Child Item */ ul.ui.list ul li, ol.ui.list ol li, .ui.list .list > .item { - padding: 0.14285714em 0em; + padding: 0.14285714em 0; line-height: inherit; } @@ -95,8 +95,8 @@ ol.ui.list ol li, .ui.list .list > .item > i.icon, .ui.list > .item > i.icon { display: table-cell; - margin: 0em; - padding-top: 0em; + margin: 0; + padding-top: 0; padding-right: 0.28571429em; vertical-align: top; -webkit-transition: color 0.1s ease; @@ -113,7 +113,7 @@ ol.ui.list ol li, .ui.list > .item > .image { display: table-cell; background-color: transparent; - margin: 0em; + margin: 0; vertical-align: top; } .ui.list .list > .item > .image:not(:only-child):not(img), @@ -143,7 +143,7 @@ ol.ui.list ol li, .ui.list > .item > .icon + .content { display: table-cell; width: 100%; - padding: 0em 0em 0em 0.5em; + padding: 0 0 0 0.5em; vertical-align: top; } .ui.list .list > .item > img.image + .content, @@ -153,15 +153,15 @@ ol.ui.list ol li, } .ui.list .list > .item > .content > .list, .ui.list > .item > .content > .list { - margin-left: 0em; - padding-left: 0em; + margin-left: 0; + padding-left: 0; } /* Header */ .ui.list .list > .item .header, .ui.list > .item .header { display: block; - margin: 0em; + margin: 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; color: rgba(0, 0, 0, 0.87); @@ -218,12 +218,12 @@ ol.ui.list ol li, .ui.list .list > .item [class*="left floated"], .ui.list > .item [class*="left floated"] { float: left; - margin: 0em 1em 0em 0em; + margin: 0 1em 0 0; } .ui.list .list > .item [class*="right floated"], .ui.list > .item [class*="right floated"] { float: right; - margin: 0em 0em 0em 1em; + margin: 0 0 0 1em; } @@ -238,7 +238,7 @@ ol.ui.list ol li, background-color: transparent; list-style-type: none; list-style-position: outside; - padding: 0.21428571em 0em; + padding: 0.21428571em 0; line-height: 1.14285714em; } .ui.menu .ui.list .list > .item:before, @@ -248,11 +248,11 @@ ol.ui.list ol li, } .ui.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child { - padding-top: 0em; + padding-top: 0; } .ui.menu .ui.list .list > .item:last-child, .ui.menu .ui.list > .item:last-child { - padding-bottom: 0em; + padding-bottom: 0; } @@ -267,7 +267,7 @@ ol.ui.list ol li, .ui.horizontal.list { display: inline-block; - font-size: 0em; + font-size: 0; } .ui.horizontal.list > .item { display: inline-block; @@ -275,12 +275,12 @@ ol.ui.list ol li, font-size: 1rem; } .ui.horizontal.list:not(.celled) > .item:first-child { - margin-left: 0em !important; - padding-left: 0em !important; + margin-left: 0 !important; + padding-left: 0 !important; } -.ui.horizontal.list .list { - padding-left: 0em; - padding-bottom: 0em; +.ui.horizontal.list .list:not(.icon) { + padding-left: 0; + padding-bottom: 0; } .ui.horizontal.list > .item > .image, .ui.horizontal.list .list > .item > .image, @@ -300,8 +300,8 @@ ol.ui.list ol li, /* Horizontal List */ .ui.horizontal.list > .item > i.icon { - margin: 0em; - padding: 0em 0.25em 0em 0em; + margin: 0; + padding: 0 0.25em 0 0; } .ui.horizontal.list > .item > .image + .content, .ui.horizontal.list > .item > .icon, @@ -461,7 +461,7 @@ ol.ui.list ol li, cursor: pointer; background: transparent; padding: 0.5em 0.5em; - margin: 0em; + margin: 0; color: rgba(0, 0, 0, 0.4); border-radius: 0.5em; -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease; @@ -469,7 +469,7 @@ ol.ui.list ol li, } .ui.selection.list .list > .item:last-child, .ui.selection.list > .item:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.selection.list .list > .item:hover, .ui.selection.list > .item:hover { @@ -510,7 +510,7 @@ ol.ui.list ol li, .ui.divided.selection.list .list > .item, .ui.celled.selection.list > .item, .ui.divided.selection.list > .item { - border-radius: 0em; + border-radius: 0; } /*------------------- @@ -531,8 +531,8 @@ ol.ui.list ol li, .ui.fitted.list:not(.selection) .list > .item, .ui.fitted.list:not(.selection) > .item { - padding-left: 0em; - padding-right: 0em; + padding-left: 0; + padding-right: 0; } .ui.fitted.selection.list .list > .item, .ui.fitted.selection.list > .item { @@ -577,14 +577,14 @@ ul.ui.list li:before, color: rgba(0, 0, 0, 0.87); } ul.ui.list ul, -.ui.bulleted.list .list { +.ui.bulleted.list .list:not(.icon) { padding-left: 1.25rem; } /* Horizontal Bulleted */ ul.ui.horizontal.bulleted.list, .ui.horizontal.bulleted.list { - margin-left: 0em; + margin-left: 0; } ul.ui.horizontal.bulleted.list li, .ui.horizontal.bulleted.list > .item { @@ -592,7 +592,7 @@ ul.ui.horizontal.bulleted.list li, } ul.ui.horizontal.bulleted.list li:first-child, .ui.horizontal.bulleted.list > .item:first-child { - margin-left: 0em; + margin-left: 0; } ul.ui.horizontal.bulleted.list li::before, .ui.horizontal.bulleted.list > .item::before { @@ -609,7 +609,7 @@ ul.ui.horizontal.bulleted.list li:first-child::before, ol.ui.list, .ui.ordered.list, -.ui.ordered.list .list, +.ui.ordered.list .list:not(.icon), ol.ui.list ol { counter-reset: ordered; margin-left: 1.25rem; @@ -657,7 +657,7 @@ ol.ui.list li[value]:before { /* Child Lists */ ol.ui.list ol, -.ui.ordered.list .list { +.ui.ordered.list .list:not(.icon) { margin-left: 1em; } ol.ui.list ol li:before, @@ -668,13 +668,13 @@ ol.ui.list ol li:before, /* Horizontal Ordered */ ol.ui.horizontal.list, .ui.ordered.horizontal.list { - margin-left: 0em; + margin-left: 0; } ol.ui.horizontal.list li:before, .ui.ordered.horizontal.list .list > .item:before, .ui.ordered.horizontal.list > .item:before { position: static; - margin: 0em 0.5em 0em 0em; + margin: 0 0.5em 0 0; } /*------------------- @@ -702,9 +702,9 @@ ol.ui.horizontal.list li:before, /* Divided bulleted */ .ui.divided.bulleted.list:not(.horizontal), -.ui.divided.bulleted.list .list { - margin-left: 0em; - padding-left: 0em; +.ui.divided.bulleted.list .list:not(.icon) { + margin-left: 0; + padding-left: 0; } .ui.divided.bulleted.list > .item:not(.horizontal) { padding-left: 1.25rem; @@ -712,15 +712,15 @@ ol.ui.horizontal.list li:before, /* Divided Ordered */ .ui.divided.ordered.list { - margin-left: 0em; + margin-left: 0; } .ui.divided.ordered.list .list > .item, .ui.divided.ordered.list > .item { padding-left: 1.25rem; } -.ui.divided.ordered.list .item .list { - margin-left: 0em; - margin-right: 0em; +.ui.divided.ordered.list .item .list:not(.icon) { + margin-left: 0; + margin-right: 0; padding-bottom: 0.21428571em; } .ui.divided.ordered.list .item .list > .item { @@ -730,13 +730,13 @@ ol.ui.horizontal.list li:before, /* Divided Selection */ .ui.divided.selection.list .list > .item, .ui.divided.selection.list > .item { - margin: 0em; - border-radius: 0em; + margin: 0; + border-radius: 0; } /* Divided horizontal */ .ui.divided.horizontal.list { - margin-left: 0em; + margin-left: 0; } .ui.divided.horizontal.list > .item:not(:first-child) { padding-left: 0.5em; @@ -747,7 +747,7 @@ ol.ui.horizontal.list li:before, .ui.divided.horizontal.list > .item { border-top: none; border-left: 1px solid rgba(34, 36, 38, 0.15); - margin: 0em; + margin: 0; line-height: 0.6; } .ui.horizontal.divided.list > .item:first-child { @@ -784,21 +784,21 @@ ol.ui.horizontal.list li:before, /* Sub Menu */ .ui.celled.list .item .list > .item { - border-width: 0px; + border-width: 0; } .ui.celled.list .list > .item:first-child { - border-top-width: 0px; + border-top-width: 0; } /* Celled Bulleted */ .ui.celled.bulleted.list { - margin-left: 0em; + margin-left: 0; } .ui.celled.bulleted.list .list > .item, .ui.celled.bulleted.list > .item { padding-left: 1.25rem; } -.ui.celled.bulleted.list .item .list { +.ui.celled.bulleted.list .item .list:not(.icon) { margin-left: -1.25rem; margin-right: -1.25rem; padding-bottom: 0.21428571em; @@ -806,15 +806,15 @@ ol.ui.horizontal.list li:before, /* Celled Ordered */ .ui.celled.ordered.list { - margin-left: 0em; + margin-left: 0; } .ui.celled.ordered.list .list > .item, .ui.celled.ordered.list > .item { padding-left: 1.25rem; } -.ui.celled.ordered.list .item .list { - margin-left: 0em; - margin-right: 0em; +.ui.celled.ordered.list .item .list:not(.icon) { + margin-left: 0; + margin-right: 0; padding-bottom: 0.21428571em; } .ui.celled.ordered.list .list > .item { @@ -823,13 +823,13 @@ ol.ui.horizontal.list li:before, /* Celled Horizontal */ .ui.horizontal.celled.list { - margin-left: 0em; + margin-left: 0; } .ui.horizontal.celled.list .list > .item, .ui.horizontal.celled.list > .item { border-top: none; border-left: 1px solid rgba(34, 36, 38, 0.15); - margin: 0em; + margin: 0; padding-left: 0.5em; padding-right: 0.5em; line-height: 0.6; @@ -843,11 +843,11 @@ ol.ui.horizontal.list li:before, /* Inverted */ .ui.celled.inverted.list > .item, .ui.celled.inverted.list > .list { - border-color: 1px solid rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.1); } .ui.celled.inverted.horizontal.list .list > .item, .ui.celled.inverted.horizontal.list > .item { - border-color: 1px solid rgba(255, 255, 255, 0.1); + border-color: rgba(255, 255, 255, 0.1); } /*------------------- diff --git a/dist/components/list.min.css b/dist/components/list.min.css index 66a168cda4..eeec585739 100644 --- a/dist/components/list.min.css +++ b/dist/components/list.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - List + * # Semantic UI 2.7.0 - List * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.list,ol.ui.list,ul.ui.list{list-style-type:none;margin:1em 0;padding:0 0}.ui.list:first-child,ol.ui.list:first-child,ul.ui.list:first-child{margin-top:0;padding-top:0}.ui.list:last-child,ol.ui.list:last-child,ul.ui.list:last-child{margin-bottom:0;padding-bottom:0}.ui.list .list>.item,.ui.list>.item,ol.ui.list li,ul.ui.list li{display:list-item;table-layout:fixed;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.list>.item:after,.ui.list>.list>.item,ol.ui.list>li:first-child:after,ul.ui.list>li:first-child:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.list .list>.item:first-child,.ui.list>.item:first-child,ol.ui.list li:first-child,ul.ui.list li:first-child{padding-top:0}.ui.list .list>.item:last-child,.ui.list>.item:last-child,ol.ui.list li:last-child,ul.ui.list li:last-child{padding-bottom:0}.ui.list .list,ol.ui.list ol,ul.ui.list ul{clear:both;margin:0;padding:.75em 0 .25em .5em}.ui.list .list>.item,ol.ui.list ol li,ul.ui.list ul li{padding:.14285714em 0;line-height:inherit}.ui.list .list>.item>i.icon,.ui.list>.item>i.icon{display:table-cell;margin:0;padding-top:0;padding-right:.28571429em;vertical-align:top;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.list .list>.item>i.icon:only-child,.ui.list>.item>i.icon:only-child{display:inline-block;vertical-align:top}.ui.list .list>.item>.image,.ui.list>.item>.image{display:table-cell;background-color:transparent;margin:0;vertical-align:top}.ui.list .list>.item>.image:not(:only-child):not(img),.ui.list>.item>.image:not(:only-child):not(img){padding-right:.5em}.ui.list .list>.item>.image img,.ui.list>.item>.image img{vertical-align:top}.ui.list .list>.item>.image:only-child,.ui.list .list>.item>img.image,.ui.list>.item>.image:only-child,.ui.list>.item>img.image{display:inline-block}.ui.list .list>.item>.content,.ui.list>.item>.content{line-height:1.14285714em;color:rgba(0,0,0,.87)}.ui.list .list>.item>.icon+.content,.ui.list .list>.item>.image+.content,.ui.list>.item>.icon+.content,.ui.list>.item>.image+.content{display:table-cell;width:100%;padding:0 0 0 .5em;vertical-align:top}.ui.list .list>.item>img.image+.content,.ui.list>.item>img.image+.content{display:inline-block;width:auto}.ui.list .list>.item>.content>.list,.ui.list>.item>.content>.list{margin-left:0;padding-left:0}.ui.list .list>.item .header,.ui.list>.item .header{display:block;margin:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;color:rgba(0,0,0,.87)}.ui.list .list>.item .description,.ui.list>.item .description{display:block;color:rgba(0,0,0,.7)}.ui.list .list>.item a,.ui.list>.item a{cursor:pointer}.ui.list .list>a.item,.ui.list>a.item{cursor:pointer;color:#4183c4}.ui.list .list>a.item:hover,.ui.list>a.item:hover{color:#1e70bf}.ui.list .list>a.item>i.icon,.ui.list>a.item>i.icon{color:rgba(0,0,0,.4)}.ui.list .list>.item a.header,.ui.list>.item a.header{cursor:pointer;color:#4183c4!important}.ui.list .list>.item>a.header:hover,.ui.list>.item>a.header:hover{color:#1e70bf!important}.ui[class*="left floated"].list{float:left}.ui[class*="right floated"].list{float:right}.ui.list .list>.item [class*="left floated"],.ui.list>.item [class*="left floated"]{float:left;margin:0 1em 0 0}.ui.list .list>.item [class*="right floated"],.ui.list>.item [class*="right floated"]{float:right;margin:0 0 0 1em}.ui.menu .ui.list .list>.item,.ui.menu .ui.list>.item{display:list-item;table-layout:fixed;background-color:transparent;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.menu .ui.list .list>.item:before,.ui.menu .ui.list>.item:before{border:none;background:0 0}.ui.menu .ui.list .list>.item:first-child,.ui.menu .ui.list>.item:first-child{padding-top:0}.ui.menu .ui.list .list>.item:last-child,.ui.menu .ui.list>.item:last-child{padding-bottom:0}.ui.horizontal.list{display:inline-block;font-size:0}.ui.horizontal.list>.item{display:inline-block;margin-left:1em;font-size:1rem}.ui.horizontal.list:not(.celled)>.item:first-child{margin-left:0!important;padding-left:0!important}.ui.horizontal.list .list{padding-left:0;padding-bottom:0}.ui.horizontal.list .list>.item>.content,.ui.horizontal.list .list>.item>.icon,.ui.horizontal.list .list>.item>.image,.ui.horizontal.list>.item>.content,.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.image{vertical-align:middle}.ui.horizontal.list>.item:first-child,.ui.horizontal.list>.item:last-child{padding-top:.21428571em;padding-bottom:.21428571em}.ui.horizontal.list>.item>i.icon{margin:0;padding:0 .25em 0 0}.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.icon+.content,.ui.horizontal.list>.item>.image+.content{float:none;display:inline-block;width:auto}.ui.horizontal.list>.item>.image{display:inline-block}.ui.list .list>.disabled.item,.ui.list>.disabled.item{pointer-events:none;color:rgba(40,40,40,.3)!important}.ui.inverted.list .list>.disabled.item,.ui.inverted.list>.disabled.item{color:rgba(225,225,225,.3)!important}.ui.list .list>a.item:hover>.icon,.ui.list>a.item:hover>.icon{color:rgba(0,0,0,.87)}.ui.inverted.list .list>a.item>.icon,.ui.inverted.list>a.item>.icon{color:rgba(255,255,255,.7)}.ui.inverted.list .list>.item .header,.ui.inverted.list>.item .header{color:rgba(255,255,255,.9)}.ui.inverted.list .list>.item .description,.ui.inverted.list>.item .description{color:rgba(255,255,255,.7)}.ui.inverted.list .list>.item>.content,.ui.inverted.list>.item>.content{color:rgba(255,255,255,.7)}.ui.inverted.list .list>a.item,.ui.inverted.list>a.item{cursor:pointer;color:rgba(255,255,255,.9)}.ui.inverted.list .list>a.item:hover,.ui.inverted.list>a.item:hover{color:#1e70bf}.ui.inverted.list .item a:not(.ui){color:rgba(255,255,255,.9)!important}.ui.inverted.list .item a:not(.ui):hover{color:#1e70bf!important}.ui.list [class*="top aligned"],.ui.list[class*="top aligned"] .content,.ui.list[class*="top aligned"] .image{vertical-align:top!important}.ui.list [class*="middle aligned"],.ui.list[class*="middle aligned"] .content,.ui.list[class*="middle aligned"] .image{vertical-align:middle!important}.ui.list [class*="bottom aligned"],.ui.list[class*="bottom aligned"] .content,.ui.list[class*="bottom aligned"] .image{vertical-align:bottom!important}.ui.link.list .item,.ui.link.list .item a:not(.ui),.ui.link.list a.item{color:rgba(0,0,0,.4);-webkit-transition:.1s color ease;transition:.1s color ease}.ui.link.list.list .item a:not(.ui):hover,.ui.link.list.list a.item:hover{color:rgba(0,0,0,.8)}.ui.link.list.list .item a:not(.ui):active,.ui.link.list.list a.item:active{color:rgba(0,0,0,.9)}.ui.link.list.list .active.item,.ui.link.list.list .active.item a:not(.ui){color:rgba(0,0,0,.95)}.ui.inverted.link.list .item,.ui.inverted.link.list .item a:not(.ui),.ui.inverted.link.list a.item{color:rgba(255,255,255,.5)}.ui.inverted.link.list.list .item a:not(.ui):hover,.ui.inverted.link.list.list a.item:hover{color:#fff}.ui.inverted.link.list.list .item a:not(.ui):active,.ui.inverted.link.list.list a.item:active{color:#fff}.ui.inverted.link.list.list .active.item a:not(.ui),.ui.inverted.link.list.list a.active.item{color:#fff}.ui.selection.list .list>.item,.ui.selection.list>.item{cursor:pointer;background:0 0;padding:.5em .5em;margin:0;color:rgba(0,0,0,.4);border-radius:.5em;-webkit-transition:.1s color ease,.1s padding-left ease,.1s background-color ease;transition:.1s color ease,.1s padding-left ease,.1s background-color ease}.ui.selection.list .list>.item:last-child,.ui.selection.list>.item:last-child{margin-bottom:0}.ui.selection.list .list>.item:hover,.ui.selection.list>.item:hover{background:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.selection.list .list>.item:active,.ui.selection.list>.item:active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.9)}.ui.selection.list .list>.item.active,.ui.selection.list>.item.active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.inverted.selection.list>.item{background:0 0;color:rgba(255,255,255,.5)}.ui.inverted.selection.list>.item:hover{background:rgba(255,255,255,.02);color:#fff}.ui.inverted.selection.list>.item:active{background:rgba(255,255,255,.08);color:#fff}.ui.inverted.selection.list>.item.active{background:rgba(255,255,255,.08);color:#fff}.ui.celled.selection.list .list>.item,.ui.celled.selection.list>.item,.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{border-radius:0}.ui.animated.list>.item{-webkit-transition:.25s color ease .1s,.25s padding-left ease .1s,.25s background-color ease .1s;transition:.25s color ease .1s,.25s padding-left ease .1s,.25s background-color ease .1s}.ui.animated.list:not(.horizontal)>.item:hover{padding-left:1em}.ui.fitted.list:not(.selection) .list>.item,.ui.fitted.list:not(.selection)>.item{padding-left:0;padding-right:0}.ui.fitted.selection.list .list>.item,.ui.fitted.selection.list>.item{margin-left:-.5em;margin-right:-.5em}.ui.bulleted.list,ul.ui.list{margin-left:1.25rem}.ui.bulleted.list .list>.item,.ui.bulleted.list>.item,ul.ui.list li{position:relative}.ui.bulleted.list .list>.item:before,.ui.bulleted.list>.item:before,ul.ui.list li:before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;top:auto;left:auto;font-weight:400;margin-left:-1.25rem;content:'•';opacity:1;color:inherit;vertical-align:top}.ui.bulleted.list .list>a.item:before,.ui.bulleted.list>a.item:before,ul.ui.list li:before{color:rgba(0,0,0,.87)}.ui.bulleted.list .list,ul.ui.list ul{padding-left:1.25rem}.ui.horizontal.bulleted.list,ul.ui.horizontal.bulleted.list{margin-left:0}.ui.horizontal.bulleted.list>.item,ul.ui.horizontal.bulleted.list li{margin-left:1.75rem}.ui.horizontal.bulleted.list>.item:first-child,ul.ui.horizontal.bulleted.list li:first-child{margin-left:0}.ui.horizontal.bulleted.list>.item::before,ul.ui.horizontal.bulleted.list li::before{color:rgba(0,0,0,.87)}.ui.horizontal.bulleted.list>.item:first-child::before,ul.ui.horizontal.bulleted.list li:first-child::before{display:none}.ui.ordered.list,.ui.ordered.list .list,ol.ui.list,ol.ui.list ol{counter-reset:ordered;margin-left:1.25rem;list-style-type:none}.ui.ordered.list .list>.item,.ui.ordered.list>.item,ol.ui.list li{list-style-type:none;position:relative}.ui.ordered.list .list>.item:before,.ui.ordered.list>.item:before,ol.ui.list li:before{position:absolute;top:auto;left:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;margin-left:-1.25rem;counter-increment:ordered;content:counters(ordered, ".") " ";text-align:right;color:rgba(0,0,0,.87);vertical-align:middle;opacity:.8}.ui.ordered.inverted.list .list>.item:before,.ui.ordered.inverted.list>.item:before,ol.ui.inverted.list li:before{color:rgba(255,255,255,.7)}.ui.ordered.list .list>.item[data-value]:before,.ui.ordered.list>.item[data-value]:before{content:attr(data-value)}ol.ui.list li[value]:before{content:attr(value)}.ui.ordered.list .list,ol.ui.list ol{margin-left:1em}.ui.ordered.list .list>.item:before,ol.ui.list ol li:before{margin-left:-2em}.ui.ordered.horizontal.list,ol.ui.horizontal.list{margin-left:0}.ui.ordered.horizontal.list .list>.item:before,.ui.ordered.horizontal.list>.item:before,ol.ui.horizontal.list li:before{position:static;margin:0 .5em 0 0}.ui.divided.list>.item{border-top:1px solid rgba(34,36,38,.15)}.ui.divided.list .list>.item{border-top:none}.ui.divided.list .item .list>.item{border-top:none}.ui.divided.list .list>.item:first-child,.ui.divided.list>.item:first-child{border-top:none}.ui.divided.list:not(.horizontal) .list>.item:first-child{border-top-width:1px}.ui.divided.bulleted.list .list,.ui.divided.bulleted.list:not(.horizontal){margin-left:0;padding-left:0}.ui.divided.bulleted.list>.item:not(.horizontal){padding-left:1.25rem}.ui.divided.ordered.list{margin-left:0}.ui.divided.ordered.list .list>.item,.ui.divided.ordered.list>.item{padding-left:1.25rem}.ui.divided.ordered.list .item .list{margin-left:0;margin-right:0;padding-bottom:.21428571em}.ui.divided.ordered.list .item .list>.item{padding-left:1em}.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{margin:0;border-radius:0}.ui.divided.horizontal.list{margin-left:0}.ui.divided.horizontal.list>.item:not(:first-child){padding-left:.5em}.ui.divided.horizontal.list>.item:not(:last-child){padding-right:.5em}.ui.divided.horizontal.list>.item{border-top:none;border-left:1px solid rgba(34,36,38,.15);margin:0;line-height:.6}.ui.horizontal.divided.list>.item:first-child{border-left:none}.ui.divided.inverted.horizontal.list>.item,.ui.divided.inverted.list>.item,.ui.divided.inverted.list>.list{border-color:rgba(255,255,255,.1)}.ui.celled.list>.item,.ui.celled.list>.list{border-top:1px solid rgba(34,36,38,.15);padding-left:.5em;padding-right:.5em}.ui.celled.list>.item:last-child{border-bottom:1px solid rgba(34,36,38,.15)}.ui.celled.list>.item:first-child,.ui.celled.list>.item:last-child{padding-top:.21428571em;padding-bottom:.21428571em}.ui.celled.list .item .list>.item{border-width:0}.ui.celled.list .list>.item:first-child{border-top-width:0}.ui.celled.bulleted.list{margin-left:0}.ui.celled.bulleted.list .list>.item,.ui.celled.bulleted.list>.item{padding-left:1.25rem}.ui.celled.bulleted.list .item .list{margin-left:-1.25rem;margin-right:-1.25rem;padding-bottom:.21428571em}.ui.celled.ordered.list{margin-left:0}.ui.celled.ordered.list .list>.item,.ui.celled.ordered.list>.item{padding-left:1.25rem}.ui.celled.ordered.list .item .list{margin-left:0;margin-right:0;padding-bottom:.21428571em}.ui.celled.ordered.list .list>.item{padding-left:1em}.ui.horizontal.celled.list{margin-left:0}.ui.horizontal.celled.list .list>.item,.ui.horizontal.celled.list>.item{border-top:none;border-left:1px solid rgba(34,36,38,.15);margin:0;padding-left:.5em;padding-right:.5em;line-height:.6}.ui.horizontal.celled.list .list>.item:last-child,.ui.horizontal.celled.list>.item:last-child{border-bottom:none;border-right:1px solid rgba(34,36,38,.15)}.ui.celled.inverted.list>.item,.ui.celled.inverted.list>.list{border-color:1px solid rgba(255,255,255,.1)}.ui.celled.inverted.horizontal.list .list>.item,.ui.celled.inverted.horizontal.list>.item{border-color:1px solid rgba(255,255,255,.1)}.ui.relaxed.list:not(.horizontal)>.item:not(:first-child){padding-top:.42857143em}.ui.relaxed.list:not(.horizontal)>.item:not(:last-child){padding-bottom:.42857143em}.ui.horizontal.relaxed.list .list>.item:not(:first-child),.ui.horizontal.relaxed.list>.item:not(:first-child){padding-left:1rem}.ui.horizontal.relaxed.list .list>.item:not(:last-child),.ui.horizontal.relaxed.list>.item:not(:last-child){padding-right:1rem}.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:first-child){padding-top:.85714286em}.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:last-child){padding-bottom:.85714286em}.ui.horizontal[class*="very relaxed"].list .list>.item:not(:first-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:first-child){padding-left:1.5rem}.ui.horizontal[class*="very relaxed"].list .list>.item:not(:last-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:last-child){padding-right:1.5rem}.ui.mini.list{font-size:.78571429em}.ui.tiny.list{font-size:.85714286em}.ui.small.list{font-size:.92857143em}.ui.list{font-size:1em}.ui.large.list{font-size:1.14285714em}.ui.big.list{font-size:1.28571429em}.ui.huge.list{font-size:1.42857143em}.ui.massive.list{font-size:1.71428571em}.ui.mini.horizontal.list .list>.item,.ui.mini.horizontal.list>.item{font-size:.78571429rem}.ui.tiny.horizontal.list .list>.item,.ui.tiny.horizontal.list>.item{font-size:.85714286rem}.ui.small.horizontal.list .list>.item,.ui.small.horizontal.list>.item{font-size:.92857143rem}.ui.horizontal.list .list>.item,.ui.horizontal.list>.item{font-size:1rem}.ui.large.horizontal.list .list>.item,.ui.large.horizontal.list>.item{font-size:1.14285714rem}.ui.big.horizontal.list .list>.item,.ui.big.horizontal.list>.item{font-size:1.28571429rem}.ui.huge.horizontal.list .list>.item,.ui.huge.horizontal.list>.item{font-size:1.42857143rem}.ui.massive.horizontal.list .list>.item,.ui.massive.horizontal.list>.item{font-size:1.71428571rem} \ No newline at end of file + */.ui.list,ol.ui.list,ul.ui.list{list-style-type:none;margin:1em 0;padding:0 0}.ui.list:first-child,ol.ui.list:first-child,ul.ui.list:first-child{margin-top:0;padding-top:0}.ui.list:last-child,ol.ui.list:last-child,ul.ui.list:last-child{margin-bottom:0;padding-bottom:0}.ui.list .list>.item,.ui.list>.item,ol.ui.list li,ul.ui.list li{display:list-item;table-layout:fixed;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.list>.item:after,.ui.list>.list>.item,ol.ui.list>li:first-child:after,ul.ui.list>li:first-child:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.list .list>.item:first-child,.ui.list>.item:first-child,ol.ui.list li:first-child,ul.ui.list li:first-child{padding-top:0}.ui.list .list>.item:last-child,.ui.list>.item:last-child,ol.ui.list li:last-child,ul.ui.list li:last-child{padding-bottom:0}.ui.list .list:not(.icon),ol.ui.list ol,ul.ui.list ul{clear:both;margin:0;padding:.75em 0 .25em .5em}.ui.list .list>.item,ol.ui.list ol li,ul.ui.list ul li{padding:.14285714em 0;line-height:inherit}.ui.list .list>.item>i.icon,.ui.list>.item>i.icon{display:table-cell;margin:0;padding-top:0;padding-right:.28571429em;vertical-align:top;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.list .list>.item>i.icon:only-child,.ui.list>.item>i.icon:only-child{display:inline-block;vertical-align:top}.ui.list .list>.item>.image,.ui.list>.item>.image{display:table-cell;background-color:transparent;margin:0;vertical-align:top}.ui.list .list>.item>.image:not(:only-child):not(img),.ui.list>.item>.image:not(:only-child):not(img){padding-right:.5em}.ui.list .list>.item>.image img,.ui.list>.item>.image img{vertical-align:top}.ui.list .list>.item>.image:only-child,.ui.list .list>.item>img.image,.ui.list>.item>.image:only-child,.ui.list>.item>img.image{display:inline-block}.ui.list .list>.item>.content,.ui.list>.item>.content{line-height:1.14285714em;color:rgba(0,0,0,.87)}.ui.list .list>.item>.icon+.content,.ui.list .list>.item>.image+.content,.ui.list>.item>.icon+.content,.ui.list>.item>.image+.content{display:table-cell;width:100%;padding:0 0 0 .5em;vertical-align:top}.ui.list .list>.item>img.image+.content,.ui.list>.item>img.image+.content{display:inline-block;width:auto}.ui.list .list>.item>.content>.list,.ui.list>.item>.content>.list{margin-left:0;padding-left:0}.ui.list .list>.item .header,.ui.list>.item .header{display:block;margin:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;color:rgba(0,0,0,.87)}.ui.list .list>.item .description,.ui.list>.item .description{display:block;color:rgba(0,0,0,.7)}.ui.list .list>.item a,.ui.list>.item a{cursor:pointer}.ui.list .list>a.item,.ui.list>a.item{cursor:pointer;color:#4183c4}.ui.list .list>a.item:hover,.ui.list>a.item:hover{color:#1e70bf}.ui.list .list>a.item>i.icon,.ui.list>a.item>i.icon{color:rgba(0,0,0,.4)}.ui.list .list>.item a.header,.ui.list>.item a.header{cursor:pointer;color:#4183c4!important}.ui.list .list>.item>a.header:hover,.ui.list>.item>a.header:hover{color:#1e70bf!important}.ui[class*="left floated"].list{float:left}.ui[class*="right floated"].list{float:right}.ui.list .list>.item [class*="left floated"],.ui.list>.item [class*="left floated"]{float:left;margin:0 1em 0 0}.ui.list .list>.item [class*="right floated"],.ui.list>.item [class*="right floated"]{float:right;margin:0 0 0 1em}.ui.menu .ui.list .list>.item,.ui.menu .ui.list>.item{display:list-item;table-layout:fixed;background-color:transparent;list-style-type:none;list-style-position:outside;padding:.21428571em 0;line-height:1.14285714em}.ui.menu .ui.list .list>.item:before,.ui.menu .ui.list>.item:before{border:none;background:0 0}.ui.menu .ui.list .list>.item:first-child,.ui.menu .ui.list>.item:first-child{padding-top:0}.ui.menu .ui.list .list>.item:last-child,.ui.menu .ui.list>.item:last-child{padding-bottom:0}.ui.horizontal.list{display:inline-block;font-size:0}.ui.horizontal.list>.item{display:inline-block;margin-left:1em;font-size:1rem}.ui.horizontal.list:not(.celled)>.item:first-child{margin-left:0!important;padding-left:0!important}.ui.horizontal.list .list:not(.icon){padding-left:0;padding-bottom:0}.ui.horizontal.list .list>.item>.content,.ui.horizontal.list .list>.item>.icon,.ui.horizontal.list .list>.item>.image,.ui.horizontal.list>.item>.content,.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.image{vertical-align:middle}.ui.horizontal.list>.item:first-child,.ui.horizontal.list>.item:last-child{padding-top:.21428571em;padding-bottom:.21428571em}.ui.horizontal.list>.item>i.icon{margin:0;padding:0 .25em 0 0}.ui.horizontal.list>.item>.icon,.ui.horizontal.list>.item>.icon+.content,.ui.horizontal.list>.item>.image+.content{float:none;display:inline-block;width:auto}.ui.horizontal.list>.item>.image{display:inline-block}.ui.list .list>.disabled.item,.ui.list>.disabled.item{pointer-events:none;color:rgba(40,40,40,.3)!important}.ui.inverted.list .list>.disabled.item,.ui.inverted.list>.disabled.item{color:rgba(225,225,225,.3)!important}.ui.list .list>a.item:hover>.icon,.ui.list>a.item:hover>.icon{color:rgba(0,0,0,.87)}.ui.inverted.list .list>a.item>.icon,.ui.inverted.list>a.item>.icon{color:rgba(255,255,255,.7)}.ui.inverted.list .list>.item .header,.ui.inverted.list>.item .header{color:rgba(255,255,255,.9)}.ui.inverted.list .list>.item .description,.ui.inverted.list>.item .description{color:rgba(255,255,255,.7)}.ui.inverted.list .list>.item>.content,.ui.inverted.list>.item>.content{color:rgba(255,255,255,.7)}.ui.inverted.list .list>a.item,.ui.inverted.list>a.item{cursor:pointer;color:rgba(255,255,255,.9)}.ui.inverted.list .list>a.item:hover,.ui.inverted.list>a.item:hover{color:#1e70bf}.ui.inverted.list .item a:not(.ui){color:rgba(255,255,255,.9)!important}.ui.inverted.list .item a:not(.ui):hover{color:#1e70bf!important}.ui.list [class*="top aligned"],.ui.list[class*="top aligned"] .content,.ui.list[class*="top aligned"] .image{vertical-align:top!important}.ui.list [class*="middle aligned"],.ui.list[class*="middle aligned"] .content,.ui.list[class*="middle aligned"] .image{vertical-align:middle!important}.ui.list [class*="bottom aligned"],.ui.list[class*="bottom aligned"] .content,.ui.list[class*="bottom aligned"] .image{vertical-align:bottom!important}.ui.link.list .item,.ui.link.list .item a:not(.ui),.ui.link.list a.item{color:rgba(0,0,0,.4);-webkit-transition:.1s color ease;transition:.1s color ease}.ui.link.list.list .item a:not(.ui):hover,.ui.link.list.list a.item:hover{color:rgba(0,0,0,.8)}.ui.link.list.list .item a:not(.ui):active,.ui.link.list.list a.item:active{color:rgba(0,0,0,.9)}.ui.link.list.list .active.item,.ui.link.list.list .active.item a:not(.ui){color:rgba(0,0,0,.95)}.ui.inverted.link.list .item,.ui.inverted.link.list .item a:not(.ui),.ui.inverted.link.list a.item{color:rgba(255,255,255,.5)}.ui.inverted.link.list.list .item a:not(.ui):hover,.ui.inverted.link.list.list a.item:hover{color:#fff}.ui.inverted.link.list.list .item a:not(.ui):active,.ui.inverted.link.list.list a.item:active{color:#fff}.ui.inverted.link.list.list .active.item a:not(.ui),.ui.inverted.link.list.list a.active.item{color:#fff}.ui.selection.list .list>.item,.ui.selection.list>.item{cursor:pointer;background:0 0;padding:.5em .5em;margin:0;color:rgba(0,0,0,.4);border-radius:.5em;-webkit-transition:.1s color ease,.1s padding-left ease,.1s background-color ease;transition:.1s color ease,.1s padding-left ease,.1s background-color ease}.ui.selection.list .list>.item:last-child,.ui.selection.list>.item:last-child{margin-bottom:0}.ui.selection.list .list>.item:hover,.ui.selection.list>.item:hover{background:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.selection.list .list>.item:active,.ui.selection.list>.item:active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.9)}.ui.selection.list .list>.item.active,.ui.selection.list>.item.active{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.inverted.selection.list>.item{background:0 0;color:rgba(255,255,255,.5)}.ui.inverted.selection.list>.item:hover{background:rgba(255,255,255,.02);color:#fff}.ui.inverted.selection.list>.item:active{background:rgba(255,255,255,.08);color:#fff}.ui.inverted.selection.list>.item.active{background:rgba(255,255,255,.08);color:#fff}.ui.celled.selection.list .list>.item,.ui.celled.selection.list>.item,.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{border-radius:0}.ui.animated.list>.item{-webkit-transition:.25s color ease .1s,.25s padding-left ease .1s,.25s background-color ease .1s;transition:.25s color ease .1s,.25s padding-left ease .1s,.25s background-color ease .1s}.ui.animated.list:not(.horizontal)>.item:hover{padding-left:1em}.ui.fitted.list:not(.selection) .list>.item,.ui.fitted.list:not(.selection)>.item{padding-left:0;padding-right:0}.ui.fitted.selection.list .list>.item,.ui.fitted.selection.list>.item{margin-left:-.5em;margin-right:-.5em}.ui.bulleted.list,ul.ui.list{margin-left:1.25rem}.ui.bulleted.list .list>.item,.ui.bulleted.list>.item,ul.ui.list li{position:relative}.ui.bulleted.list .list>.item:before,.ui.bulleted.list>.item:before,ul.ui.list li:before{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:absolute;top:auto;left:auto;font-weight:400;margin-left:-1.25rem;content:'•';opacity:1;color:inherit;vertical-align:top}.ui.bulleted.list .list>a.item:before,.ui.bulleted.list>a.item:before,ul.ui.list li:before{color:rgba(0,0,0,.87)}.ui.bulleted.list .list:not(.icon),ul.ui.list ul{padding-left:1.25rem}.ui.horizontal.bulleted.list,ul.ui.horizontal.bulleted.list{margin-left:0}.ui.horizontal.bulleted.list>.item,ul.ui.horizontal.bulleted.list li{margin-left:1.75rem}.ui.horizontal.bulleted.list>.item:first-child,ul.ui.horizontal.bulleted.list li:first-child{margin-left:0}.ui.horizontal.bulleted.list>.item::before,ul.ui.horizontal.bulleted.list li::before{color:rgba(0,0,0,.87)}.ui.horizontal.bulleted.list>.item:first-child::before,ul.ui.horizontal.bulleted.list li:first-child::before{display:none}.ui.ordered.list,.ui.ordered.list .list:not(.icon),ol.ui.list,ol.ui.list ol{counter-reset:ordered;margin-left:1.25rem;list-style-type:none}.ui.ordered.list .list>.item,.ui.ordered.list>.item,ol.ui.list li{list-style-type:none;position:relative}.ui.ordered.list .list>.item:before,.ui.ordered.list>.item:before,ol.ui.list li:before{position:absolute;top:auto;left:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;margin-left:-1.25rem;counter-increment:ordered;content:counters(ordered, ".") " ";text-align:right;color:rgba(0,0,0,.87);vertical-align:middle;opacity:.8}.ui.ordered.inverted.list .list>.item:before,.ui.ordered.inverted.list>.item:before,ol.ui.inverted.list li:before{color:rgba(255,255,255,.7)}.ui.ordered.list .list>.item[data-value]:before,.ui.ordered.list>.item[data-value]:before{content:attr(data-value)}ol.ui.list li[value]:before{content:attr(value)}.ui.ordered.list .list:not(.icon),ol.ui.list ol{margin-left:1em}.ui.ordered.list .list>.item:before,ol.ui.list ol li:before{margin-left:-2em}.ui.ordered.horizontal.list,ol.ui.horizontal.list{margin-left:0}.ui.ordered.horizontal.list .list>.item:before,.ui.ordered.horizontal.list>.item:before,ol.ui.horizontal.list li:before{position:static;margin:0 .5em 0 0}.ui.divided.list>.item{border-top:1px solid rgba(34,36,38,.15)}.ui.divided.list .list>.item{border-top:none}.ui.divided.list .item .list>.item{border-top:none}.ui.divided.list .list>.item:first-child,.ui.divided.list>.item:first-child{border-top:none}.ui.divided.list:not(.horizontal) .list>.item:first-child{border-top-width:1px}.ui.divided.bulleted.list .list:not(.icon),.ui.divided.bulleted.list:not(.horizontal){margin-left:0;padding-left:0}.ui.divided.bulleted.list>.item:not(.horizontal){padding-left:1.25rem}.ui.divided.ordered.list{margin-left:0}.ui.divided.ordered.list .list>.item,.ui.divided.ordered.list>.item{padding-left:1.25rem}.ui.divided.ordered.list .item .list:not(.icon){margin-left:0;margin-right:0;padding-bottom:.21428571em}.ui.divided.ordered.list .item .list>.item{padding-left:1em}.ui.divided.selection.list .list>.item,.ui.divided.selection.list>.item{margin:0;border-radius:0}.ui.divided.horizontal.list{margin-left:0}.ui.divided.horizontal.list>.item:not(:first-child){padding-left:.5em}.ui.divided.horizontal.list>.item:not(:last-child){padding-right:.5em}.ui.divided.horizontal.list>.item{border-top:none;border-left:1px solid rgba(34,36,38,.15);margin:0;line-height:.6}.ui.horizontal.divided.list>.item:first-child{border-left:none}.ui.divided.inverted.horizontal.list>.item,.ui.divided.inverted.list>.item,.ui.divided.inverted.list>.list{border-color:rgba(255,255,255,.1)}.ui.celled.list>.item,.ui.celled.list>.list{border-top:1px solid rgba(34,36,38,.15);padding-left:.5em;padding-right:.5em}.ui.celled.list>.item:last-child{border-bottom:1px solid rgba(34,36,38,.15)}.ui.celled.list>.item:first-child,.ui.celled.list>.item:last-child{padding-top:.21428571em;padding-bottom:.21428571em}.ui.celled.list .item .list>.item{border-width:0}.ui.celled.list .list>.item:first-child{border-top-width:0}.ui.celled.bulleted.list{margin-left:0}.ui.celled.bulleted.list .list>.item,.ui.celled.bulleted.list>.item{padding-left:1.25rem}.ui.celled.bulleted.list .item .list:not(.icon){margin-left:-1.25rem;margin-right:-1.25rem;padding-bottom:.21428571em}.ui.celled.ordered.list{margin-left:0}.ui.celled.ordered.list .list>.item,.ui.celled.ordered.list>.item{padding-left:1.25rem}.ui.celled.ordered.list .item .list:not(.icon){margin-left:0;margin-right:0;padding-bottom:.21428571em}.ui.celled.ordered.list .list>.item{padding-left:1em}.ui.horizontal.celled.list{margin-left:0}.ui.horizontal.celled.list .list>.item,.ui.horizontal.celled.list>.item{border-top:none;border-left:1px solid rgba(34,36,38,.15);margin:0;padding-left:.5em;padding-right:.5em;line-height:.6}.ui.horizontal.celled.list .list>.item:last-child,.ui.horizontal.celled.list>.item:last-child{border-bottom:none;border-right:1px solid rgba(34,36,38,.15)}.ui.celled.inverted.list>.item,.ui.celled.inverted.list>.list{border-color:rgba(255,255,255,.1)}.ui.celled.inverted.horizontal.list .list>.item,.ui.celled.inverted.horizontal.list>.item{border-color:rgba(255,255,255,.1)}.ui.relaxed.list:not(.horizontal)>.item:not(:first-child){padding-top:.42857143em}.ui.relaxed.list:not(.horizontal)>.item:not(:last-child){padding-bottom:.42857143em}.ui.horizontal.relaxed.list .list>.item:not(:first-child),.ui.horizontal.relaxed.list>.item:not(:first-child){padding-left:1rem}.ui.horizontal.relaxed.list .list>.item:not(:last-child),.ui.horizontal.relaxed.list>.item:not(:last-child){padding-right:1rem}.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:first-child){padding-top:.85714286em}.ui[class*="very relaxed"].list:not(.horizontal)>.item:not(:last-child){padding-bottom:.85714286em}.ui.horizontal[class*="very relaxed"].list .list>.item:not(:first-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:first-child){padding-left:1.5rem}.ui.horizontal[class*="very relaxed"].list .list>.item:not(:last-child),.ui.horizontal[class*="very relaxed"].list>.item:not(:last-child){padding-right:1.5rem}.ui.mini.list{font-size:.78571429em}.ui.tiny.list{font-size:.85714286em}.ui.small.list{font-size:.92857143em}.ui.list{font-size:1em}.ui.large.list{font-size:1.14285714em}.ui.big.list{font-size:1.28571429em}.ui.huge.list{font-size:1.42857143em}.ui.massive.list{font-size:1.71428571em}.ui.mini.horizontal.list .list>.item,.ui.mini.horizontal.list>.item{font-size:.78571429rem}.ui.tiny.horizontal.list .list>.item,.ui.tiny.horizontal.list>.item{font-size:.85714286rem}.ui.small.horizontal.list .list>.item,.ui.small.horizontal.list>.item{font-size:.92857143rem}.ui.horizontal.list .list>.item,.ui.horizontal.list>.item{font-size:1rem}.ui.large.horizontal.list .list>.item,.ui.large.horizontal.list>.item{font-size:1.14285714rem}.ui.big.horizontal.list .list>.item,.ui.big.horizontal.list>.item{font-size:1.28571429rem}.ui.huge.horizontal.list .list>.item,.ui.huge.horizontal.list>.item{font-size:1.42857143rem}.ui.massive.horizontal.list .list>.item,.ui.massive.horizontal.list>.item{font-size:1.71428571rem} \ No newline at end of file diff --git a/dist/components/loader.css b/dist/components/loader.css index 0ffaa84e0f..0130021c4c 100644 --- a/dist/components/loader.css +++ b/dist/components/loader.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Loader + * # Semantic UI 2.7.0 - Loader * http://github.com/semantic-org/semantic-ui/ * * @@ -20,7 +20,7 @@ position: absolute; top: 50%; left: 50%; - margin: 0px; + margin: 0; text-align: center; z-index: 1000; -webkit-transform: translateX(-50%) translateY(-50%); @@ -31,7 +31,7 @@ .ui.loader:before { position: absolute; content: ''; - top: 0%; + top: 0; left: 50%; width: 100%; height: 100%; @@ -43,53 +43,43 @@ .ui.loader:after { position: absolute; content: ''; - top: 0%; + top: 0; left: 50%; width: 100%; height: 100%; - -webkit-animation: loader 0.6s linear; - animation: loader 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + -webkit-animation: loader 0.6s infinite linear; + animation: loader 0.6s infinite linear; + border: 0.2em solid #767676; border-radius: 500rem; - border-color: #767676 transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + -webkit-box-shadow: 0 0 0 1px transparent; + box-shadow: 0 0 0 1px transparent; } /* Speeds */ +.ui.fast.loading.loading:after, +.ui.fast.loading.loading .input > i.icon:after, +.ui.fast.loading.loading > i.icon:after, .ui.fast.loader:after { - -webkit-animation: loader 0.3s linear; - animation: loader 0.3s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; } +.ui.slow.loading.loading:after, +.ui.slow.loading.loading .input > i.icon:after, +.ui.slow.loading.loading > i.icon:after, .ui.slow.loader:after { - -webkit-animation: loader 0.9s linear; - animation: loader 0.9s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + -webkit-animation-duration: 0.9s; + animation-duration: 0.9s; } /* Active Animation */ @-webkit-keyframes loader { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { + 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } @@ -100,49 +90,49 @@ .ui.mini.loader:after { width: 1rem; height: 1rem; - margin: 0em 0em 0em -0.5rem; + margin: 0 0 0 -0.5rem; } .ui.tiny.loader:before, .ui.tiny.loader:after { width: 1.14285714rem; height: 1.14285714rem; - margin: 0em 0em 0em -0.57142857rem; + margin: 0 0 0 -0.57142857rem; } .ui.small.loader:before, .ui.small.loader:after { width: 1.71428571rem; height: 1.71428571rem; - margin: 0em 0em 0em -0.85714286rem; + margin: 0 0 0 -0.85714286rem; } .ui.loader:before, .ui.loader:after { width: 2.28571429rem; height: 2.28571429rem; - margin: 0em 0em 0em -1.14285714rem; + margin: 0 0 0 -1.14285714rem; } .ui.large.loader:before, .ui.large.loader:after { width: 3.42857143rem; height: 3.42857143rem; - margin: 0em 0em 0em -1.71428571rem; + margin: 0 0 0 -1.71428571rem; } .ui.big.loader:before, .ui.big.loader:after { width: 3.71428571rem; height: 3.71428571rem; - margin: 0em 0em 0em -1.85714286rem; + margin: 0 0 0 -1.85714286rem; } .ui.huge.loader:before, .ui.huge.loader:after { width: 4.14285714rem; height: 4.14285714rem; - margin: 0em 0em 0em -2.07142857rem; + margin: 0 0 0 -2.07142857rem; } .ui.massive.loader:before, .ui.massive.loader:after { width: 4.57142857rem; height: 4.57142857rem; - margin: 0em 0em 0em -2.28571429rem; + margin: 0 0 0 -2.28571429rem; } /*------------------- @@ -159,23 +149,17 @@ .ui.dimmer .ui.loader { color: rgba(255, 255, 255, 0.9); } -.ui.dimmer .ui.loader:before { +.ui.dimmer .ui.loader:not(.elastic):before { border-color: rgba(255, 255, 255, 0.15); } -.ui.dimmer .ui.loader:after { - border-color: #FFFFFF transparent transparent; -} /* White Dimmer (Inverted) */ .ui.inverted.dimmer .ui.loader { color: rgba(0, 0, 0, 0.87); } -.ui.inverted.dimmer .ui.loader:before { +.ui.inverted.dimmer .ui.loader:not(.elastic):before { border-color: rgba(0, 0, 0, 0.1); } -.ui.inverted.dimmer .ui.loader:after { - border-color: #767676 transparent transparent; -} /******************************* @@ -312,111 +296,306 @@ Colors --------------------*/ -.ui.primary.loader:after { - border-color: #2185D0 transparent transparent; -} -.ui.secondary.loader:after { - border-color: #1B1C1D transparent transparent; -} -.ui.red.loader:after { - border-color: #DB2828 transparent transparent; -} -.ui.orange.loader:after { - border-color: #F2711C transparent transparent; -} -.ui.yellow.loader:after { - border-color: #FBBD08 transparent transparent; -} -.ui.olive.loader:after { - border-color: #B5CC18 transparent transparent; -} -.ui.green.loader:after { - border-color: #21BA45 transparent transparent; -} -.ui.teal.loader:after { - border-color: #00B5AD transparent transparent; -} -.ui.blue.loader:after { - border-color: #2185D0 transparent transparent; -} -.ui.violet.loader:after { - border-color: #6435C9 transparent transparent; -} -.ui.purple.loader:after { - border-color: #A333C8 transparent transparent; -} -.ui.pink.loader:after { - border-color: #E03997 transparent transparent; -} -.ui.brown.loader:after { - border-color: #A5673F transparent transparent; -} -.ui.grey.loader:after { - border-color: #767676 transparent transparent; -} -.ui.black.loader:after { - border-color: #1B1C1D transparent transparent; -} - -/*------------------- - Inverted ---------------------*/ - -.ui.inverted.loader { - color: rgba(255, 255, 255, 0.9); -} -.ui.inverted.loader:before { - border-color: rgba(255, 255, 255, 0.15); -} -.ui.inverted.loader:after { - border-top-color: #FFFFFF; -} - -/* Colors */ -.ui.inverted.primary.loader:after { - border-color: #54C8FF transparent transparent; -} -.ui.inverted.secondary.loader:after { - border-color: #545454 transparent transparent; -} -.ui.inverted.red.loader:after { - border-color: #FF695E transparent transparent; -} -.ui.inverted.orange.loader:after { - border-color: #FF851B transparent transparent; -} -.ui.inverted.yellow.loader:after { - border-color: #FFE21F transparent transparent; -} -.ui.inverted.olive.loader:after { - border-color: #D9E778 transparent transparent; -} -.ui.inverted.green.loader:after { - border-color: #2ECC40 transparent transparent; -} -.ui.inverted.teal.loader:after { - border-color: #6DFFFF transparent transparent; -} -.ui.inverted.blue.loader:after { - border-color: #54C8FF transparent transparent; -} -.ui.inverted.violet.loader:after { - border-color: #A291FB transparent transparent; -} -.ui.inverted.purple.loader:after { - border-color: #DC73FF transparent transparent; -} -.ui.inverted.pink.loader:after { - border-color: #FF8EDF transparent transparent; -} -.ui.inverted.brown.loader:after { - border-color: #D67C1C transparent transparent; -} -.ui.inverted.grey.loader:after { - border-color: #DCDDDE transparent transparent; -} -.ui.inverted.black.loader:after { - border-color: #545454 transparent transparent; +.ui.primary.elastic.loader.loader:before, +.ui.primary.elastic.loading.loading.loading:not(.segment):before, +.ui.primary.elastic.loading.loading.loading .input > i.icon:before, +.ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.primary.loading.loading.loading.loading .input > i.icon:after, +.ui.primary.loading.loading.loading.loading > i.icon:after, +.ui.primary.loader.loader.loader:after { + color: #2185D0; +} +.ui.inverted.primary.elastic.loader:before, +.ui.inverted.primary.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.primary.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.primary.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.primary.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.primary.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.primary.loading.loading.loading.loading > i.icon:after, +.ui.inverted.primary.loader.loader.loader:after { + color: #54C8FF; +} +.ui.secondary.elastic.loader.loader:before, +.ui.secondary.elastic.loading.loading.loading:not(.segment):before, +.ui.secondary.elastic.loading.loading.loading .input > i.icon:before, +.ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.secondary.loading.loading.loading.loading .input > i.icon:after, +.ui.secondary.loading.loading.loading.loading > i.icon:after, +.ui.secondary.loader.loader.loader:after { + color: #1B1C1D; +} +.ui.inverted.secondary.elastic.loader:before, +.ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.secondary.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.secondary.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.secondary.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.secondary.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.secondary.loading.loading.loading.loading > i.icon:after, +.ui.inverted.secondary.loader.loader.loader:after { + color: #545454; +} +.ui.red.elastic.loader.loader:before, +.ui.red.elastic.loading.loading.loading:not(.segment):before, +.ui.red.elastic.loading.loading.loading .input > i.icon:before, +.ui.red.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.red.loading.loading.loading.loading .input > i.icon:after, +.ui.red.loading.loading.loading.loading > i.icon:after, +.ui.red.loader.loader.loader:after { + color: #DB2828; +} +.ui.inverted.red.elastic.loader:before, +.ui.inverted.red.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.red.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.red.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.red.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.red.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.red.loading.loading.loading.loading > i.icon:after, +.ui.inverted.red.loader.loader.loader:after { + color: #FF695E; +} +.ui.orange.elastic.loader.loader:before, +.ui.orange.elastic.loading.loading.loading:not(.segment):before, +.ui.orange.elastic.loading.loading.loading .input > i.icon:before, +.ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.orange.loading.loading.loading.loading .input > i.icon:after, +.ui.orange.loading.loading.loading.loading > i.icon:after, +.ui.orange.loader.loader.loader:after { + color: #F2711C; +} +.ui.inverted.orange.elastic.loader:before, +.ui.inverted.orange.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.orange.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.orange.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.orange.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.orange.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.orange.loading.loading.loading.loading > i.icon:after, +.ui.inverted.orange.loader.loader.loader:after { + color: #FF851B; +} +.ui.yellow.elastic.loader.loader:before, +.ui.yellow.elastic.loading.loading.loading:not(.segment):before, +.ui.yellow.elastic.loading.loading.loading .input > i.icon:before, +.ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.yellow.loading.loading.loading.loading .input > i.icon:after, +.ui.yellow.loading.loading.loading.loading > i.icon:after, +.ui.yellow.loader.loader.loader:after { + color: #FBBD08; +} +.ui.inverted.yellow.elastic.loader:before, +.ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.yellow.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.yellow.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.yellow.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.yellow.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.yellow.loading.loading.loading.loading > i.icon:after, +.ui.inverted.yellow.loader.loader.loader:after { + color: #FFE21F; +} +.ui.olive.elastic.loader.loader:before, +.ui.olive.elastic.loading.loading.loading:not(.segment):before, +.ui.olive.elastic.loading.loading.loading .input > i.icon:before, +.ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.olive.loading.loading.loading.loading .input > i.icon:after, +.ui.olive.loading.loading.loading.loading > i.icon:after, +.ui.olive.loader.loader.loader:after { + color: #B5CC18; +} +.ui.inverted.olive.elastic.loader:before, +.ui.inverted.olive.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.olive.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.olive.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.olive.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.olive.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.olive.loading.loading.loading.loading > i.icon:after, +.ui.inverted.olive.loader.loader.loader:after { + color: #D9E778; +} +.ui.green.elastic.loader.loader:before, +.ui.green.elastic.loading.loading.loading:not(.segment):before, +.ui.green.elastic.loading.loading.loading .input > i.icon:before, +.ui.green.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.green.loading.loading.loading.loading .input > i.icon:after, +.ui.green.loading.loading.loading.loading > i.icon:after, +.ui.green.loader.loader.loader:after { + color: #21BA45; +} +.ui.inverted.green.elastic.loader:before, +.ui.inverted.green.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.green.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.green.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.green.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.green.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.green.loading.loading.loading.loading > i.icon:after, +.ui.inverted.green.loader.loader.loader:after { + color: #2ECC40; +} +.ui.teal.elastic.loader.loader:before, +.ui.teal.elastic.loading.loading.loading:not(.segment):before, +.ui.teal.elastic.loading.loading.loading .input > i.icon:before, +.ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.teal.loading.loading.loading.loading .input > i.icon:after, +.ui.teal.loading.loading.loading.loading > i.icon:after, +.ui.teal.loader.loader.loader:after { + color: #00B5AD; +} +.ui.inverted.teal.elastic.loader:before, +.ui.inverted.teal.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.teal.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.teal.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.teal.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.teal.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.teal.loading.loading.loading.loading > i.icon:after, +.ui.inverted.teal.loader.loader.loader:after { + color: #6DFFFF; +} +.ui.blue.elastic.loader.loader:before, +.ui.blue.elastic.loading.loading.loading:not(.segment):before, +.ui.blue.elastic.loading.loading.loading .input > i.icon:before, +.ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.blue.loading.loading.loading.loading .input > i.icon:after, +.ui.blue.loading.loading.loading.loading > i.icon:after, +.ui.blue.loader.loader.loader:after { + color: #2185D0; +} +.ui.inverted.blue.elastic.loader:before, +.ui.inverted.blue.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.blue.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.blue.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.blue.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.blue.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.blue.loading.loading.loading.loading > i.icon:after, +.ui.inverted.blue.loader.loader.loader:after { + color: #54C8FF; +} +.ui.violet.elastic.loader.loader:before, +.ui.violet.elastic.loading.loading.loading:not(.segment):before, +.ui.violet.elastic.loading.loading.loading .input > i.icon:before, +.ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.violet.loading.loading.loading.loading .input > i.icon:after, +.ui.violet.loading.loading.loading.loading > i.icon:after, +.ui.violet.loader.loader.loader:after { + color: #6435C9; +} +.ui.inverted.violet.elastic.loader:before, +.ui.inverted.violet.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.violet.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.violet.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.violet.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.violet.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.violet.loading.loading.loading.loading > i.icon:after, +.ui.inverted.violet.loader.loader.loader:after { + color: #A291FB; +} +.ui.purple.elastic.loader.loader:before, +.ui.purple.elastic.loading.loading.loading:not(.segment):before, +.ui.purple.elastic.loading.loading.loading .input > i.icon:before, +.ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.purple.loading.loading.loading.loading .input > i.icon:after, +.ui.purple.loading.loading.loading.loading > i.icon:after, +.ui.purple.loader.loader.loader:after { + color: #A333C8; +} +.ui.inverted.purple.elastic.loader:before, +.ui.inverted.purple.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.purple.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.purple.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.purple.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.purple.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.purple.loading.loading.loading.loading > i.icon:after, +.ui.inverted.purple.loader.loader.loader:after { + color: #DC73FF; +} +.ui.pink.elastic.loader.loader:before, +.ui.pink.elastic.loading.loading.loading:not(.segment):before, +.ui.pink.elastic.loading.loading.loading .input > i.icon:before, +.ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.pink.loading.loading.loading.loading .input > i.icon:after, +.ui.pink.loading.loading.loading.loading > i.icon:after, +.ui.pink.loader.loader.loader:after { + color: #E03997; +} +.ui.inverted.pink.elastic.loader:before, +.ui.inverted.pink.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.pink.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.pink.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.pink.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.pink.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.pink.loading.loading.loading.loading > i.icon:after, +.ui.inverted.pink.loader.loader.loader:after { + color: #FF8EDF; +} +.ui.brown.elastic.loader.loader:before, +.ui.brown.elastic.loading.loading.loading:not(.segment):before, +.ui.brown.elastic.loading.loading.loading .input > i.icon:before, +.ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.brown.loading.loading.loading.loading .input > i.icon:after, +.ui.brown.loading.loading.loading.loading > i.icon:after, +.ui.brown.loader.loader.loader:after { + color: #A5673F; +} +.ui.inverted.brown.elastic.loader:before, +.ui.inverted.brown.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.brown.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.brown.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.brown.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.brown.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.brown.loading.loading.loading.loading > i.icon:after, +.ui.inverted.brown.loader.loader.loader:after { + color: #D67C1C; +} +.ui.grey.elastic.loader.loader:before, +.ui.grey.elastic.loading.loading.loading:not(.segment):before, +.ui.grey.elastic.loading.loading.loading .input > i.icon:before, +.ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.grey.loading.loading.loading.loading .input > i.icon:after, +.ui.grey.loading.loading.loading.loading > i.icon:after, +.ui.grey.loader.loader.loader:after { + color: #767676; +} +.ui.inverted.grey.elastic.loader:before, +.ui.inverted.grey.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.grey.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.grey.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.grey.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.grey.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.grey.loading.loading.loading.loading > i.icon:after, +.ui.inverted.grey.loader.loader.loader:after { + color: #DCDDDE; +} +.ui.black.elastic.loader.loader:before, +.ui.black.elastic.loading.loading.loading:not(.segment):before, +.ui.black.elastic.loading.loading.loading .input > i.icon:before, +.ui.black.loading.loading.loading.loading:not(.usual):not(.button):after, +.ui.black.loading.loading.loading.loading .input > i.icon:after, +.ui.black.loading.loading.loading.loading > i.icon:after, +.ui.black.loader.loader.loader:after { + color: #1B1C1D; +} +.ui.inverted.black.elastic.loader:before, +.ui.inverted.black.elastic.loading.loading.loading:not(.segment):before, +.ui.inverted.black.elastic.loading.loading.loading .input > i.icon:before, +.ui.inverted.black.elastic.loading.loading.loading > i.icon:before, +.ui.inverted.black.loading.loading.loading.loading:not(.usual):after, +.ui.inverted.black.loading.loading.loading.loading .input > i.icon:after, +.ui.inverted.black.loading.loading.loading.loading > i.icon:after, +.ui.inverted.black.loader.loader.loader:after { + color: #545454; +} +.ui.elastic.loader.loader:before, +.ui.elastic.loading.loading.loading:before, +.ui.elastic.loading.loading.loading .input > i.icon:before, +.ui.elastic.loading.loading.loading > i.icon:before, +.ui.loading.loading.loading.loading:not(.usual):after, +.ui.loading.loading.loading.loading .input > i.icon:after, +.ui.loading.loading.loading.loading > i.icon:after, +.ui.loader.loader.loader:after { + border-color: currentColor; +} +.ui.elastic.loading.loading.loading.loading.button:not(.inverted):before { + color: #FFFFFF; +} +.ui.double.loading.loading.loading.loading.button:after { + border-bottom-color: currentColor; } /*------------------- @@ -426,9 +605,9 @@ .ui.inline.loader { position: relative; vertical-align: middle; - margin: 0em; - left: 0em; - top: 0em; + margin: 0; + left: 0; + top: 0; -webkit-transform: none; transform: none; } @@ -444,6 +623,148 @@ margin-left: auto; margin-right: auto; } +.ui.loading.loading.loading.loading.loading.loading:after, +.ui.loading.loading.loading.loading.loading.loading .input > i.icon:after, +.ui.loading.loading.loading.loading.loading.loading > i.icon:after, +.ui.loader.loader.loader.loader.loader:after { + border-left-color: transparent; + border-right-color: transparent; +} +.ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after, +.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input > i.icon:after, +.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) > i.icon:after, +.ui.loader.loader.loader.loader.loader.loader:not(.double):after { + border-bottom-color: transparent; +} +.ui.loading.loading.loading.loading.loading.loading.segment:after, +.ui.loading.loading.loading.loading.loading.loading.form:after { + border-left-color: rgba(0, 0, 0, 0.1); + border-right-color: rgba(0, 0, 0, 0.1); +} +.ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after, +.ui.loading.loading.loading.loading.loading.loading.form:not(.double):after { + border-bottom-color: rgba(0, 0, 0, 0.1); +} + +/*------------------- + Elastic +--------------------*/ + +.ui.dimmer .ui.elastic.loader { + color: #FFFFFF; +} +.ui.inverted.dimmer .ui.elastic.loader { + color: #767676; +} +.ui.elastic.loading.loading:not(.form):not(.segment):after, +.ui.elastic.loading.loading .input > i.icon:after, +.ui.elastic.loading.loading > i.icon:after, +.ui.elastic.loader.loader:after { + -webkit-animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61); + animation: loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61); + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; +} +.ui.elastic.loading.loading.loading:not(.form):not(.segment):before, +.ui.elastic.loading.loading.loading .input > i.icon:before, +.ui.elastic.loading.loading.loading > i.icon:before, +.ui.elastic.loader.loader:before { + -webkit-animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61); + animation: elastic-loader 1s infinite cubic-bezier(0.27, 1.05, 0.92, 0.61); + border-right-color: transparent; +} +.ui.elastic.inline.loader:empty { + -webkit-animation: loader 8s infinite linear; + animation: loader 8s infinite linear; +} +.ui.slow.elastic.loading.loading:not(.form):not(.segment):after, +.ui.slow.elastic.loading.loading .input > i.icon:after, +.ui.slow.elastic.loading.loading > i.icon:after, +.ui.slow.elastic.loader.loader:after { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-delay: 0.45s; + animation-delay: 0.45s; +} +.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):before, +.ui.slow.elastic.loading.loading.loading .input > i.icon:before, +.ui.slow.elastic.loading.loading.loading > i.icon:before, +.ui.slow.elastic.loader.loader:before { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; +} +.ui.fast.elastic.loading.loading:not(.form):not(.segment):after, +.ui.fast.elastic.loading.loading .input > i.icon:after, +.ui.fast.elastic.loading.loading > i.icon:after, +.ui.fast.elastic.loader.loader:after { + -webkit-animation-duration: 0.66s; + animation-duration: 0.66s; + -webkit-animation-delay: 0.2s; + animation-delay: 0.2s; +} +.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):before, +.ui.fast.elastic.loading.loading.loading .input > i.icon:before, +.ui.fast.elastic.loading.loading.loading > i.icon:before, +.ui.fast.elastic.loader.loader:before { + -webkit-animation-duration: 0.66s; + animation-duration: 0.66s; +} +@-webkit-keyframes elastic-loader { + 0%, + 1% { + border-left-color: transparent; + border-bottom-color: transparent; + } + 1.1%, + 50% { + border-left-color: inherit; + } + 10%, + 35.1% { + border-bottom-color: transparent; + } + 10.1%, + 35% { + border-bottom-color: inherit; + } + 50.1% { + border-left-color: transparent; + } + 100% { + border-left-color: transparent; + border-bottom-color: transparent; + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes elastic-loader { + 0%, + 1% { + border-left-color: transparent; + border-bottom-color: transparent; + } + 1.1%, + 50% { + border-left-color: inherit; + } + 10%, + 35.1% { + border-bottom-color: transparent; + } + 10.1%, + 35% { + border-bottom-color: inherit; + } + 50.1% { + border-left-color: transparent; + } + 100% { + border-left-color: transparent; + border-bottom-color: transparent; + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} /******************************* diff --git a/dist/components/loader.min.css b/dist/components/loader.min.css index 8a35ccd103..b13fb1fb3c 100644 --- a/dist/components/loader.min.css +++ b/dist/components/loader.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Loader + * # Semantic UI 2.7.0 - Loader * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.loader:before{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader:after{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.fast.loader:after{-webkit-animation:loader .3s linear;animation:loader .3s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ui.slow.loader:after{-webkit-animation:loader .9s linear;animation:loader .9s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.mini.loader:after,.ui.mini.loader:before{width:1rem;height:1rem;margin:0 0 0 -.5rem}.ui.tiny.loader:after,.ui.tiny.loader:before{width:1.14285714rem;height:1.14285714rem;margin:0 0 0 -.57142857rem}.ui.small.loader:after,.ui.small.loader:before{width:1.71428571rem;height:1.71428571rem;margin:0 0 0 -.85714286rem}.ui.loader:after,.ui.loader:before{width:2.28571429rem;height:2.28571429rem;margin:0 0 0 -1.14285714rem}.ui.large.loader:after,.ui.large.loader:before{width:3.42857143rem;height:3.42857143rem;margin:0 0 0 -1.71428571rem}.ui.big.loader:after,.ui.big.loader:before{width:3.71428571rem;height:3.71428571rem;margin:0 0 0 -1.85714286rem}.ui.huge.loader:after,.ui.huge.loader:before{width:4.14285714rem;height:4.14285714rem;margin:0 0 0 -2.07142857rem}.ui.massive.loader:after,.ui.massive.loader:before{width:4.57142857rem;height:4.57142857rem;margin:0 0 0 -2.28571429rem}.ui.dimmer .loader{display:block}.ui.dimmer .ui.loader{color:rgba(255,255,255,.9)}.ui.dimmer .ui.loader:before{border-color:rgba(255,255,255,.15)}.ui.dimmer .ui.loader:after{border-color:#fff transparent transparent}.ui.inverted.dimmer .ui.loader{color:rgba(0,0,0,.87)}.ui.inverted.dimmer .ui.loader:before{border-color:rgba(0,0,0,.1)}.ui.inverted.dimmer .ui.loader:after{border-color:#767676 transparent transparent}.ui.text.loader{width:auto!important;height:auto!important;text-align:center;font-style:normal}.ui.indeterminate.loader:after{animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.inverted.dimmer .ui.mini.loader,.ui.mini.loader{width:1rem;height:1rem;font-size:.78571429em}.ui.inverted.dimmer .ui.tiny.loader,.ui.tiny.loader{width:1.14285714rem;height:1.14285714rem;font-size:.85714286em}.ui.inverted.dimmer .ui.small.loader,.ui.small.loader{width:1.71428571rem;height:1.71428571rem;font-size:.92857143em}.ui.inverted.dimmer .ui.loader,.ui.loader{width:2.28571429rem;height:2.28571429rem;font-size:1em}.ui.inverted.dimmer .ui.large.loader,.ui.large.loader{width:3.42857143rem;height:3.42857143rem;font-size:1.14285714em}.ui.big.loader,.ui.inverted.dimmer .ui.big.loader{width:3.71428571rem;height:3.71428571rem;font-size:1.28571429em}.ui.huge.loader,.ui.inverted.dimmer .ui.huge.loader{width:4.14285714rem;height:4.14285714rem;font-size:1.42857143em}.ui.inverted.dimmer .ui.massive.loader,.ui.massive.loader{width:4.57142857rem;height:4.57142857rem;font-size:1.71428571em}.ui.mini.text.loader{min-width:1rem;padding-top:1.78571429rem}.ui.tiny.text.loader{min-width:1.14285714rem;padding-top:1.92857143rem}.ui.small.text.loader{min-width:1.71428571rem;padding-top:2.5rem}.ui.text.loader{min-width:2.28571429rem;padding-top:3.07142857rem}.ui.large.text.loader{min-width:3.42857143rem;padding-top:4.21428571rem}.ui.big.text.loader{min-width:3.71428571rem;padding-top:4.5rem}.ui.huge.text.loader{min-width:4.14285714rem;padding-top:4.92857143rem}.ui.massive.text.loader{min-width:4.57142857rem;padding-top:5.35714286rem}.ui.primary.loader:after{border-color:#2185d0 transparent transparent}.ui.secondary.loader:after{border-color:#1b1c1d transparent transparent}.ui.red.loader:after{border-color:#db2828 transparent transparent}.ui.orange.loader:after{border-color:#f2711c transparent transparent}.ui.yellow.loader:after{border-color:#fbbd08 transparent transparent}.ui.olive.loader:after{border-color:#b5cc18 transparent transparent}.ui.green.loader:after{border-color:#21ba45 transparent transparent}.ui.teal.loader:after{border-color:#00b5ad transparent transparent}.ui.blue.loader:after{border-color:#2185d0 transparent transparent}.ui.violet.loader:after{border-color:#6435c9 transparent transparent}.ui.purple.loader:after{border-color:#a333c8 transparent transparent}.ui.pink.loader:after{border-color:#e03997 transparent transparent}.ui.brown.loader:after{border-color:#a5673f transparent transparent}.ui.grey.loader:after{border-color:#767676 transparent transparent}.ui.black.loader:after{border-color:#1b1c1d transparent transparent}.ui.inverted.loader{color:rgba(255,255,255,.9)}.ui.inverted.loader:before{border-color:rgba(255,255,255,.15)}.ui.inverted.loader:after{border-top-color:#fff}.ui.inverted.primary.loader:after{border-color:#54c8ff transparent transparent}.ui.inverted.secondary.loader:after{border-color:#545454 transparent transparent}.ui.inverted.red.loader:after{border-color:#ff695e transparent transparent}.ui.inverted.orange.loader:after{border-color:#ff851b transparent transparent}.ui.inverted.yellow.loader:after{border-color:#ffe21f transparent transparent}.ui.inverted.olive.loader:after{border-color:#d9e778 transparent transparent}.ui.inverted.green.loader:after{border-color:#2ecc40 transparent transparent}.ui.inverted.teal.loader:after{border-color:#6dffff transparent transparent}.ui.inverted.blue.loader:after{border-color:#54c8ff transparent transparent}.ui.inverted.violet.loader:after{border-color:#a291fb transparent transparent}.ui.inverted.purple.loader:after{border-color:#dc73ff transparent transparent}.ui.inverted.pink.loader:after{border-color:#ff8edf transparent transparent}.ui.inverted.brown.loader:after{border-color:#d67c1c transparent transparent}.ui.inverted.grey.loader:after{border-color:#dcddde transparent transparent}.ui.inverted.black.loader:after{border-color:#545454 transparent transparent}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;-webkit-transform:none;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block;margin-left:auto;margin-right:auto} \ No newline at end of file + */.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.loader:before{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader:after{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.fast.loader:after,.ui.fast.loading.loading .input>i.icon:after,.ui.fast.loading.loading:after,.ui.fast.loading.loading>i.icon:after{-webkit-animation-duration:.3s;animation-duration:.3s}.ui.slow.loader:after,.ui.slow.loading.loading .input>i.icon:after,.ui.slow.loading.loading:after,.ui.slow.loading.loading>i.icon:after{-webkit-animation-duration:.9s;animation-duration:.9s}@-webkit-keyframes loader{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.mini.loader:after,.ui.mini.loader:before{width:1rem;height:1rem;margin:0 0 0 -.5rem}.ui.tiny.loader:after,.ui.tiny.loader:before{width:1.14285714rem;height:1.14285714rem;margin:0 0 0 -.57142857rem}.ui.small.loader:after,.ui.small.loader:before{width:1.71428571rem;height:1.71428571rem;margin:0 0 0 -.85714286rem}.ui.loader:after,.ui.loader:before{width:2.28571429rem;height:2.28571429rem;margin:0 0 0 -1.14285714rem}.ui.large.loader:after,.ui.large.loader:before{width:3.42857143rem;height:3.42857143rem;margin:0 0 0 -1.71428571rem}.ui.big.loader:after,.ui.big.loader:before{width:3.71428571rem;height:3.71428571rem;margin:0 0 0 -1.85714286rem}.ui.huge.loader:after,.ui.huge.loader:before{width:4.14285714rem;height:4.14285714rem;margin:0 0 0 -2.07142857rem}.ui.massive.loader:after,.ui.massive.loader:before{width:4.57142857rem;height:4.57142857rem;margin:0 0 0 -2.28571429rem}.ui.dimmer .loader{display:block}.ui.dimmer .ui.loader{color:rgba(255,255,255,.9)}.ui.dimmer .ui.loader:not(.elastic):before{border-color:rgba(255,255,255,.15)}.ui.inverted.dimmer .ui.loader{color:rgba(0,0,0,.87)}.ui.inverted.dimmer .ui.loader:not(.elastic):before{border-color:rgba(0,0,0,.1)}.ui.text.loader{width:auto!important;height:auto!important;text-align:center;font-style:normal}.ui.indeterminate.loader:after{animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.inverted.dimmer .ui.mini.loader,.ui.mini.loader{width:1rem;height:1rem;font-size:.78571429em}.ui.inverted.dimmer .ui.tiny.loader,.ui.tiny.loader{width:1.14285714rem;height:1.14285714rem;font-size:.85714286em}.ui.inverted.dimmer .ui.small.loader,.ui.small.loader{width:1.71428571rem;height:1.71428571rem;font-size:.92857143em}.ui.inverted.dimmer .ui.loader,.ui.loader{width:2.28571429rem;height:2.28571429rem;font-size:1em}.ui.inverted.dimmer .ui.large.loader,.ui.large.loader{width:3.42857143rem;height:3.42857143rem;font-size:1.14285714em}.ui.big.loader,.ui.inverted.dimmer .ui.big.loader{width:3.71428571rem;height:3.71428571rem;font-size:1.28571429em}.ui.huge.loader,.ui.inverted.dimmer .ui.huge.loader{width:4.14285714rem;height:4.14285714rem;font-size:1.42857143em}.ui.inverted.dimmer .ui.massive.loader,.ui.massive.loader{width:4.57142857rem;height:4.57142857rem;font-size:1.71428571em}.ui.mini.text.loader{min-width:1rem;padding-top:1.78571429rem}.ui.tiny.text.loader{min-width:1.14285714rem;padding-top:1.92857143rem}.ui.small.text.loader{min-width:1.71428571rem;padding-top:2.5rem}.ui.text.loader{min-width:2.28571429rem;padding-top:3.07142857rem}.ui.large.text.loader{min-width:3.42857143rem;padding-top:4.21428571rem}.ui.big.text.loader{min-width:3.71428571rem;padding-top:4.5rem}.ui.huge.text.loader{min-width:4.14285714rem;padding-top:4.92857143rem}.ui.massive.text.loader{min-width:4.57142857rem;padding-top:5.35714286rem}.ui.primary.elastic.loader.loader:before,.ui.primary.elastic.loading.loading.loading .input>i.icon:before,.ui.primary.elastic.loading.loading.loading:not(.segment):before,.ui.primary.loader.loader.loader:after,.ui.primary.loading.loading.loading.loading .input>i.icon:after,.ui.primary.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.primary.loading.loading.loading.loading>i.icon:after{color:#2185d0}.ui.inverted.primary.elastic.loader:before,.ui.inverted.primary.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.primary.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.primary.elastic.loading.loading.loading>i.icon:before,.ui.inverted.primary.loader.loader.loader:after,.ui.inverted.primary.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.primary.loading.loading.loading.loading:not(.usual):after,.ui.inverted.primary.loading.loading.loading.loading>i.icon:after{color:#54c8ff}.ui.secondary.elastic.loader.loader:before,.ui.secondary.elastic.loading.loading.loading .input>i.icon:before,.ui.secondary.elastic.loading.loading.loading:not(.segment):before,.ui.secondary.loader.loader.loader:after,.ui.secondary.loading.loading.loading.loading .input>i.icon:after,.ui.secondary.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.secondary.loading.loading.loading.loading>i.icon:after{color:#1b1c1d}.ui.inverted.secondary.elastic.loader:before,.ui.inverted.secondary.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.secondary.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.secondary.elastic.loading.loading.loading>i.icon:before,.ui.inverted.secondary.loader.loader.loader:after,.ui.inverted.secondary.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.secondary.loading.loading.loading.loading:not(.usual):after,.ui.inverted.secondary.loading.loading.loading.loading>i.icon:after{color:#545454}.ui.red.elastic.loader.loader:before,.ui.red.elastic.loading.loading.loading .input>i.icon:before,.ui.red.elastic.loading.loading.loading:not(.segment):before,.ui.red.loader.loader.loader:after,.ui.red.loading.loading.loading.loading .input>i.icon:after,.ui.red.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.red.loading.loading.loading.loading>i.icon:after{color:#db2828}.ui.inverted.red.elastic.loader:before,.ui.inverted.red.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.red.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.red.elastic.loading.loading.loading>i.icon:before,.ui.inverted.red.loader.loader.loader:after,.ui.inverted.red.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.red.loading.loading.loading.loading:not(.usual):after,.ui.inverted.red.loading.loading.loading.loading>i.icon:after{color:#ff695e}.ui.orange.elastic.loader.loader:before,.ui.orange.elastic.loading.loading.loading .input>i.icon:before,.ui.orange.elastic.loading.loading.loading:not(.segment):before,.ui.orange.loader.loader.loader:after,.ui.orange.loading.loading.loading.loading .input>i.icon:after,.ui.orange.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.orange.loading.loading.loading.loading>i.icon:after{color:#f2711c}.ui.inverted.orange.elastic.loader:before,.ui.inverted.orange.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.orange.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.orange.elastic.loading.loading.loading>i.icon:before,.ui.inverted.orange.loader.loader.loader:after,.ui.inverted.orange.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.orange.loading.loading.loading.loading:not(.usual):after,.ui.inverted.orange.loading.loading.loading.loading>i.icon:after{color:#ff851b}.ui.yellow.elastic.loader.loader:before,.ui.yellow.elastic.loading.loading.loading .input>i.icon:before,.ui.yellow.elastic.loading.loading.loading:not(.segment):before,.ui.yellow.loader.loader.loader:after,.ui.yellow.loading.loading.loading.loading .input>i.icon:after,.ui.yellow.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.yellow.loading.loading.loading.loading>i.icon:after{color:#fbbd08}.ui.inverted.yellow.elastic.loader:before,.ui.inverted.yellow.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.yellow.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.yellow.elastic.loading.loading.loading>i.icon:before,.ui.inverted.yellow.loader.loader.loader:after,.ui.inverted.yellow.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.yellow.loading.loading.loading.loading:not(.usual):after,.ui.inverted.yellow.loading.loading.loading.loading>i.icon:after{color:#ffe21f}.ui.olive.elastic.loader.loader:before,.ui.olive.elastic.loading.loading.loading .input>i.icon:before,.ui.olive.elastic.loading.loading.loading:not(.segment):before,.ui.olive.loader.loader.loader:after,.ui.olive.loading.loading.loading.loading .input>i.icon:after,.ui.olive.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.olive.loading.loading.loading.loading>i.icon:after{color:#b5cc18}.ui.inverted.olive.elastic.loader:before,.ui.inverted.olive.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.olive.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.olive.elastic.loading.loading.loading>i.icon:before,.ui.inverted.olive.loader.loader.loader:after,.ui.inverted.olive.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.olive.loading.loading.loading.loading:not(.usual):after,.ui.inverted.olive.loading.loading.loading.loading>i.icon:after{color:#d9e778}.ui.green.elastic.loader.loader:before,.ui.green.elastic.loading.loading.loading .input>i.icon:before,.ui.green.elastic.loading.loading.loading:not(.segment):before,.ui.green.loader.loader.loader:after,.ui.green.loading.loading.loading.loading .input>i.icon:after,.ui.green.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.green.loading.loading.loading.loading>i.icon:after{color:#21ba45}.ui.inverted.green.elastic.loader:before,.ui.inverted.green.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.green.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.green.elastic.loading.loading.loading>i.icon:before,.ui.inverted.green.loader.loader.loader:after,.ui.inverted.green.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.green.loading.loading.loading.loading:not(.usual):after,.ui.inverted.green.loading.loading.loading.loading>i.icon:after{color:#2ecc40}.ui.teal.elastic.loader.loader:before,.ui.teal.elastic.loading.loading.loading .input>i.icon:before,.ui.teal.elastic.loading.loading.loading:not(.segment):before,.ui.teal.loader.loader.loader:after,.ui.teal.loading.loading.loading.loading .input>i.icon:after,.ui.teal.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.teal.loading.loading.loading.loading>i.icon:after{color:#00b5ad}.ui.inverted.teal.elastic.loader:before,.ui.inverted.teal.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.teal.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.teal.elastic.loading.loading.loading>i.icon:before,.ui.inverted.teal.loader.loader.loader:after,.ui.inverted.teal.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.teal.loading.loading.loading.loading:not(.usual):after,.ui.inverted.teal.loading.loading.loading.loading>i.icon:after{color:#6dffff}.ui.blue.elastic.loader.loader:before,.ui.blue.elastic.loading.loading.loading .input>i.icon:before,.ui.blue.elastic.loading.loading.loading:not(.segment):before,.ui.blue.loader.loader.loader:after,.ui.blue.loading.loading.loading.loading .input>i.icon:after,.ui.blue.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.blue.loading.loading.loading.loading>i.icon:after{color:#2185d0}.ui.inverted.blue.elastic.loader:before,.ui.inverted.blue.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.blue.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.blue.elastic.loading.loading.loading>i.icon:before,.ui.inverted.blue.loader.loader.loader:after,.ui.inverted.blue.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.blue.loading.loading.loading.loading:not(.usual):after,.ui.inverted.blue.loading.loading.loading.loading>i.icon:after{color:#54c8ff}.ui.violet.elastic.loader.loader:before,.ui.violet.elastic.loading.loading.loading .input>i.icon:before,.ui.violet.elastic.loading.loading.loading:not(.segment):before,.ui.violet.loader.loader.loader:after,.ui.violet.loading.loading.loading.loading .input>i.icon:after,.ui.violet.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.violet.loading.loading.loading.loading>i.icon:after{color:#6435c9}.ui.inverted.violet.elastic.loader:before,.ui.inverted.violet.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.violet.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.violet.elastic.loading.loading.loading>i.icon:before,.ui.inverted.violet.loader.loader.loader:after,.ui.inverted.violet.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.violet.loading.loading.loading.loading:not(.usual):after,.ui.inverted.violet.loading.loading.loading.loading>i.icon:after{color:#a291fb}.ui.purple.elastic.loader.loader:before,.ui.purple.elastic.loading.loading.loading .input>i.icon:before,.ui.purple.elastic.loading.loading.loading:not(.segment):before,.ui.purple.loader.loader.loader:after,.ui.purple.loading.loading.loading.loading .input>i.icon:after,.ui.purple.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.purple.loading.loading.loading.loading>i.icon:after{color:#a333c8}.ui.inverted.purple.elastic.loader:before,.ui.inverted.purple.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.purple.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.purple.elastic.loading.loading.loading>i.icon:before,.ui.inverted.purple.loader.loader.loader:after,.ui.inverted.purple.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.purple.loading.loading.loading.loading:not(.usual):after,.ui.inverted.purple.loading.loading.loading.loading>i.icon:after{color:#dc73ff}.ui.pink.elastic.loader.loader:before,.ui.pink.elastic.loading.loading.loading .input>i.icon:before,.ui.pink.elastic.loading.loading.loading:not(.segment):before,.ui.pink.loader.loader.loader:after,.ui.pink.loading.loading.loading.loading .input>i.icon:after,.ui.pink.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.pink.loading.loading.loading.loading>i.icon:after{color:#e03997}.ui.inverted.pink.elastic.loader:before,.ui.inverted.pink.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.pink.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.pink.elastic.loading.loading.loading>i.icon:before,.ui.inverted.pink.loader.loader.loader:after,.ui.inverted.pink.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.pink.loading.loading.loading.loading:not(.usual):after,.ui.inverted.pink.loading.loading.loading.loading>i.icon:after{color:#ff8edf}.ui.brown.elastic.loader.loader:before,.ui.brown.elastic.loading.loading.loading .input>i.icon:before,.ui.brown.elastic.loading.loading.loading:not(.segment):before,.ui.brown.loader.loader.loader:after,.ui.brown.loading.loading.loading.loading .input>i.icon:after,.ui.brown.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.brown.loading.loading.loading.loading>i.icon:after{color:#a5673f}.ui.inverted.brown.elastic.loader:before,.ui.inverted.brown.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.brown.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.brown.elastic.loading.loading.loading>i.icon:before,.ui.inverted.brown.loader.loader.loader:after,.ui.inverted.brown.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.brown.loading.loading.loading.loading:not(.usual):after,.ui.inverted.brown.loading.loading.loading.loading>i.icon:after{color:#d67c1c}.ui.grey.elastic.loader.loader:before,.ui.grey.elastic.loading.loading.loading .input>i.icon:before,.ui.grey.elastic.loading.loading.loading:not(.segment):before,.ui.grey.loader.loader.loader:after,.ui.grey.loading.loading.loading.loading .input>i.icon:after,.ui.grey.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.grey.loading.loading.loading.loading>i.icon:after{color:#767676}.ui.inverted.grey.elastic.loader:before,.ui.inverted.grey.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.grey.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.grey.elastic.loading.loading.loading>i.icon:before,.ui.inverted.grey.loader.loader.loader:after,.ui.inverted.grey.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.grey.loading.loading.loading.loading:not(.usual):after,.ui.inverted.grey.loading.loading.loading.loading>i.icon:after{color:#dcddde}.ui.black.elastic.loader.loader:before,.ui.black.elastic.loading.loading.loading .input>i.icon:before,.ui.black.elastic.loading.loading.loading:not(.segment):before,.ui.black.loader.loader.loader:after,.ui.black.loading.loading.loading.loading .input>i.icon:after,.ui.black.loading.loading.loading.loading:not(.usual):not(.button):after,.ui.black.loading.loading.loading.loading>i.icon:after{color:#1b1c1d}.ui.inverted.black.elastic.loader:before,.ui.inverted.black.elastic.loading.loading.loading .input>i.icon:before,.ui.inverted.black.elastic.loading.loading.loading:not(.segment):before,.ui.inverted.black.elastic.loading.loading.loading>i.icon:before,.ui.inverted.black.loader.loader.loader:after,.ui.inverted.black.loading.loading.loading.loading .input>i.icon:after,.ui.inverted.black.loading.loading.loading.loading:not(.usual):after,.ui.inverted.black.loading.loading.loading.loading>i.icon:after{color:#545454}.ui.elastic.loader.loader:before,.ui.elastic.loading.loading.loading .input>i.icon:before,.ui.elastic.loading.loading.loading:before,.ui.elastic.loading.loading.loading>i.icon:before,.ui.loader.loader.loader:after,.ui.loading.loading.loading.loading .input>i.icon:after,.ui.loading.loading.loading.loading:not(.usual):after,.ui.loading.loading.loading.loading>i.icon:after{border-color:currentColor}.ui.elastic.loading.loading.loading.loading.button:not(.inverted):before{color:#fff}.ui.double.loading.loading.loading.loading.button:after{border-bottom-color:currentColor}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;-webkit-transform:none;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block;margin-left:auto;margin-right:auto}.ui.loader.loader.loader.loader.loader:after,.ui.loading.loading.loading.loading.loading.loading .input>i.icon:after,.ui.loading.loading.loading.loading.loading.loading:after,.ui.loading.loading.loading.loading.loading.loading>i.icon:after{border-left-color:transparent;border-right-color:transparent}.ui.loader.loader.loader.loader.loader.loader:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double) .input>i.icon:after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.loading:not(.double)>i.icon:after{border-bottom-color:transparent}.ui.loading.loading.loading.loading.loading.loading.form:after,.ui.loading.loading.loading.loading.loading.loading.segment:after{border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1)}.ui.loading.loading.loading.loading.loading.loading.form:not(.double):after,.ui.loading.loading.loading.loading.loading.loading.segment:not(.double):after{border-bottom-color:rgba(0,0,0,.1)}.ui.dimmer .ui.elastic.loader{color:#fff}.ui.inverted.dimmer .ui.elastic.loader{color:#767676}.ui.elastic.loader.loader:after,.ui.elastic.loading.loading .input>i.icon:after,.ui.elastic.loading.loading:not(.form):not(.segment):after,.ui.elastic.loading.loading>i.icon:after{-webkit-animation:loader 1s infinite cubic-bezier(.27,1.05,.92,.61);animation:loader 1s infinite cubic-bezier(.27,1.05,.92,.61);-webkit-animation-delay:.3s;animation-delay:.3s}.ui.elastic.loader.loader:before,.ui.elastic.loading.loading.loading .input>i.icon:before,.ui.elastic.loading.loading.loading:not(.form):not(.segment):before,.ui.elastic.loading.loading.loading>i.icon:before{-webkit-animation:elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);animation:elastic-loader 1s infinite cubic-bezier(.27,1.05,.92,.61);border-right-color:transparent}.ui.elastic.inline.loader:empty{-webkit-animation:loader 8s infinite linear;animation:loader 8s infinite linear}.ui.slow.elastic.loader.loader:after,.ui.slow.elastic.loading.loading .input>i.icon:after,.ui.slow.elastic.loading.loading:not(.form):not(.segment):after,.ui.slow.elastic.loading.loading>i.icon:after{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.45s;animation-delay:.45s}.ui.slow.elastic.loader.loader:before,.ui.slow.elastic.loading.loading.loading .input>i.icon:before,.ui.slow.elastic.loading.loading.loading:not(.form):not(.segment):before,.ui.slow.elastic.loading.loading.loading>i.icon:before{-webkit-animation-duration:1.5s;animation-duration:1.5s}.ui.fast.elastic.loader.loader:after,.ui.fast.elastic.loading.loading .input>i.icon:after,.ui.fast.elastic.loading.loading:not(.form):not(.segment):after,.ui.fast.elastic.loading.loading>i.icon:after{-webkit-animation-duration:.66s;animation-duration:.66s;-webkit-animation-delay:.2s;animation-delay:.2s}.ui.fast.elastic.loader.loader:before,.ui.fast.elastic.loading.loading.loading .input>i.icon:before,.ui.fast.elastic.loading.loading.loading:not(.form):not(.segment):before,.ui.fast.elastic.loading.loading.loading>i.icon:before{-webkit-animation-duration:.66s;animation-duration:.66s}@-webkit-keyframes elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:inherit}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:inherit}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes elastic-loader{0%,1%{border-left-color:transparent;border-bottom-color:transparent}1.1%,50%{border-left-color:inherit}10%,35.1%{border-bottom-color:transparent}10.1%,35%{border-bottom-color:inherit}50.1%{border-left-color:transparent}100%{border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(360deg);transform:rotate(360deg)}} \ No newline at end of file diff --git a/dist/components/menu.css b/dist/components/menu.css index 7afafdbe8d..2bd87f1aa3 100644 --- a/dist/components/menu.css +++ b/dist/components/menu.css @@ -23,28 +23,28 @@ display: -webkit-box; display: -ms-flexbox; display: flex; - margin: 1rem 0em; + margin: 1rem 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; background: #FFFFFF; font-weight: normal; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; min-height: 2.85714286em; } .ui.menu:after { content: ''; display: block; - height: 0px; + height: 0; clear: both; visibility: hidden; } .ui.menu:first-child { - margin-top: 0rem; + margin-top: 0; } .ui.menu:last-child { - margin-bottom: 0rem; + margin-bottom: 0; } /*-------------- @@ -52,7 +52,7 @@ ---------------*/ .ui.menu .menu { - margin: 0em; + margin: 0; } .ui.menu:not(.vertical) > .menu { display: -webkit-box; @@ -96,15 +96,15 @@ transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; } .ui.menu > .item:first-child { - border-radius: 0.28571429rem 0px 0px 0.28571429rem; + border-radius: 0.28571429rem 0 0 0.28571429rem; } /* Border */ .ui.menu .item:before { position: absolute; content: ''; - top: 0%; - right: 0px; + top: 0; + right: 0; height: 100%; width: 1px; background: rgba(34, 36, 38, 0.1); @@ -137,7 +137,7 @@ .ui.menu .item > i.icon { opacity: 0.9; float: none; - margin: 0em 0.35714286em 0em 0em; + margin: 0 0.35714286em 0 0; } /*-------------- @@ -146,8 +146,8 @@ .ui.menu:not(.vertical) .item > .button { position: relative; - top: 0em; - margin: -0.5em 0em; + top: 0; + margin: -0.5em 0; padding-bottom: 0.78571429em; padding-top: 0.78571429em; font-size: 1em; @@ -180,8 +180,8 @@ } .ui.menu:not(.vertical) .item > .input { position: relative; - top: 0em; - margin: -0.5em 0em; + top: 0; + margin: -0.5em 0; } .ui.menu .item > .input input { font-size: 1em; @@ -195,13 +195,13 @@ .ui.menu .header.item, .ui.vertical.menu .header.item { - margin: 0em; + margin: 0; background: ''; text-transform: normal; font-weight: bold; } .ui.vertical.menu .item > .header:not(.ui) { - margin: 0em 0em 0.5em; + margin: 0 0 0.5em; font-size: 1em; font-weight: bold; } @@ -213,19 +213,19 @@ /* Dropdown Icon */ .ui.menu .item > i.dropdown.icon { - padding: 0em; + padding: 0; float: right; - margin: 0em 0em 0em 1em; + margin: 0 0 0 1em; } /* Menu */ .ui.menu .dropdown.item .menu { min-width: calc(100% - 1px); - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; background: #FFFFFF; - margin: 0em 0px 0px; - -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08); + margin: 0 0 0; + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; @@ -267,7 +267,7 @@ display: inline-block; font-size: 1em !important; float: none; - margin: 0em 0.75em 0em 0em !important; + margin: 0 0.75em 0 0 !important; } /* Secondary */ @@ -297,10 +297,10 @@ .ui.vertical.menu .dropdown.item .menu { left: 100%; min-width: 0; - margin: 0em 0em 0em 0em; - -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); - box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08); - border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem; + margin: 0 0 0 0; + -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); + border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem; } .ui.vertical.menu .dropdown.item.upward .menu { bottom: 0; @@ -309,8 +309,8 @@ top: 0; } .ui.vertical.menu .active.dropdown.item { - border-top-right-radius: 0em; - border-bottom-right-radius: 0em; + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .ui.vertical.menu .dropdown.active.item { -webkit-box-shadow: none; @@ -327,14 +327,10 @@ ---------------*/ .ui.menu .item > .label { - background: #999999; - color: #FFFFFF; margin-left: 1em; padding: 0.3em 0.78571429em; } .ui.vertical.menu .item > .label { - background: #999999; - color: #FFFFFF; margin-top: -0.15em; margin-bottom: -0.15em; padding: 0.3em 0.78571429em; @@ -342,6 +338,10 @@ .ui.menu .item > .floating.label { padding: 0.3em 0.78571429em; } +.ui.menu .item > .label:not(.primary):not(.secondary):not(.red):not(.orange):not(.yellow):not(.olive):not(.green):not(.teal):not(.blue):not(.violet):not(.purple):not(.pink):not(.brown):not(.grey):not(.black) { + background: #999999; + color: #FFFFFF; +} /*-------------- Images @@ -350,7 +350,7 @@ .ui.menu .item > img:not(.ui) { display: inline-block; vertical-align: middle; - margin: -0.3em 0em; + margin: -0.3em 0; width: 2.5em; } .ui.vertical.menu .item > img:not(.ui):only-child { @@ -386,7 +386,7 @@ } .ui.vertical.sidebar.menu > .item::before { top: auto; - bottom: 0px; + bottom: 0; } /*-------------- @@ -396,8 +396,8 @@ @media only screen and (max-width: 767px) { .ui.menu > .ui.container { width: 100% !important; - margin-left: 0em !important; - margin-right: 0em !important; + margin-left: 0 !important; + margin-right: 0 !important; } } @media only screen and (min-width: 768px) { @@ -535,8 +535,8 @@ Floated Menu / Item -ms-flex-direction: column; flex-direction: column; background: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); } /*--- Item ---*/ @@ -548,10 +548,10 @@ Floated Menu / Item border-right: none; } .ui.vertical.menu > .item:first-child { - border-radius: 0.28571429rem 0.28571429rem 0px 0px; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.vertical.menu > .item:last-child { - border-radius: 0px 0px 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } /*--- Label ---*/ @@ -567,11 +567,11 @@ Floated Menu / Item .ui.vertical.menu .item > i.icons { width: 1.18em; float: right; - margin: 0em 0em 0em 0.5em; + margin: 0 0 0 0.5em; } .ui.vertical.menu .item > .label + i.icon { float: none; - margin: 0em 0.5em 0em 0em; + margin: 0 0.5em 0 0; } /*--- Border ---*/ @@ -579,8 +579,8 @@ Floated Menu / Item .ui.vertical.menu .item:before { position: absolute; content: ''; - top: 0%; - left: 0px; + top: 0; + left: 0; width: 100%; height: 1px; background: rgba(34, 36, 38, 0.1); @@ -592,7 +592,7 @@ Floated Menu / Item /*--- Sub Menu ---*/ .ui.vertical.menu .item > .menu { - margin: 0.5em -1.14285714em 0em; + margin: 0.5em -1.14285714em 0; } .ui.vertical.menu .menu .item { background: none; @@ -611,15 +611,15 @@ Floated Menu / Item /* Vertical Active */ .ui.vertical.menu .active.item { background: rgba(0, 0, 0, 0.05); - border-radius: 0em; + border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .ui.vertical.menu > .active.item:first-child { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.vertical.menu > .active.item:last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } .ui.vertical.menu > .active.item:only-child { border-radius: 0.28571429rem; @@ -638,7 +638,7 @@ Floated Menu / Item ---------------*/ .ui.tabular.menu { - border-radius: 0em; + border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; border: none; @@ -677,16 +677,16 @@ Floated Menu / Item margin-bottom: -1px; -webkit-box-shadow: none; box-shadow: none; - border-radius: 0.28571429rem 0.28571429rem 0px 0px !important; + border-radius: 0.28571429rem 0.28571429rem 0 0 !important; } /* Coupling with segment for attachment */ .ui.tabular.menu + .attached:not(.top).segment, .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment { border-top: none; - margin-left: 0px; - margin-top: 0px; - margin-right: 0px; + margin-left: 0; + margin-top: 0; + margin-right: 0; width: 100%; } .top.attached.segment + .ui.bottom.tabular.menu { @@ -698,7 +698,7 @@ Floated Menu / Item /* Bottom Vertical Tabular */ .ui.bottom.tabular.menu { background: none transparent; - border-radius: 0em; + border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: none; @@ -715,14 +715,14 @@ Floated Menu / Item background: none #FFFFFF; color: rgba(0, 0, 0, 0.95); border-color: #D4D4D5; - margin: -1px 0px 0px 0px; - border-radius: 0px 0px 0.28571429rem 0.28571429rem !important; + margin: -1px 0 0 0; + border-radius: 0 0 0.28571429rem 0.28571429rem !important; } /* Vertical Tabular (Left) */ .ui.vertical.tabular.menu { background: none transparent; - border-radius: 0em; + border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: none; @@ -739,14 +739,14 @@ Floated Menu / Item background: none #FFFFFF; color: rgba(0, 0, 0, 0.95); border-color: #D4D4D5; - margin: 0px -1px 0px 0px; - border-radius: 0.28571429rem 0px 0px 0.28571429rem !important; + margin: 0 -1px 0 0; + border-radius: 0.28571429rem 0 0 0.28571429rem !important; } /* Vertical Right Tabular */ .ui.vertical.right.tabular.menu { background: none transparent; - border-radius: 0em; + border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: none; @@ -764,13 +764,13 @@ Floated Menu / Item background: none #FFFFFF; color: rgba(0, 0, 0, 0.95); border-color: #D4D4D5; - margin: 0px 0px 0px -1px; - border-radius: 0px 0.28571429rem 0.28571429rem 0px !important; + margin: 0 0 0 -1px; + border-radius: 0 0.28571429rem 0.28571429rem 0 !important; } /* Dropdown */ .ui.tabular.menu .active.dropdown.item { - margin-bottom: 0px; + margin-bottom: 0; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 2px solid transparent; @@ -782,17 +782,17 @@ Floated Menu / Item ---------------*/ .ui.pagination.menu { - margin: 0em; + margin: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .ui.pagination.menu .item:last-child { - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; } .ui.compact.menu .item:last-child { - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; } .ui.pagination.menu .item:last-child:before { display: none; @@ -823,7 +823,7 @@ Floated Menu / Item background: none; margin-left: -0.35714286em; margin-right: -0.35714286em; - border-radius: 0em; + border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; @@ -837,7 +837,7 @@ Floated Menu / Item box-shadow: none; border: none; padding: 0.78571429em 0.92857143em; - margin: 0em 0.35714286em; + margin: 0 0.35714286em; background: none; -webkit-transition: color 0.1s ease; transition: color 0.1s ease; @@ -851,14 +851,14 @@ Floated Menu / Item /* Header */ .ui.secondary.menu .header.item { - border-radius: 0em; + border-radius: 0; border-right: none; background: none transparent; } /* Image */ .ui.secondary.menu .item > img:not(.ui) { - margin: 0em; + margin: 0; } /* Hover */ @@ -904,11 +904,11 @@ Floated Menu / Item /* Fix item margins */ .ui.secondary.item.menu { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } .ui.secondary.item.menu .item:last-child { - margin-right: 0em; + margin-right: 0; } .ui.secondary.attached.menu { -webkit-box-shadow: none; @@ -917,10 +917,10 @@ Floated Menu / Item /* Sub Menu */ .ui.vertical.secondary.menu .item:not(.dropdown) > .menu { - margin: 0em -0.92857143em; + margin: 0 -0.92857143em; } .ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item { - margin: 0em; + margin: 0; padding: 0.5em 1.33333333em; } @@ -930,11 +930,11 @@ Floated Menu / Item .ui.secondary.vertical.menu > .item { border: none; - margin: 0em 0em 0.35714286em; + margin: 0 0 0.35714286em; border-radius: 0.28571429rem !important; } .ui.secondary.vertical.menu > .header.item { - border-radius: 0em; + border-radius: 0; } /* Sub Menu */ @@ -952,17 +952,17 @@ Floated Menu / Item -----------------------*/ .ui.secondary.pointing.menu { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; border-bottom: 2px solid rgba(34, 36, 38, 0.15); } .ui.secondary.pointing.menu .item { border-bottom-color: transparent; border-bottom-style: solid; - border-radius: 0em; + border-radius: 0; -ms-flex-item-align: end; align-self: flex-end; - margin: 0em 0em -2px; + margin: 0 0 -2px; padding: 0.85714286em 1.14285714em; border-bottom-width: 2px; -webkit-transition: color 0.1s ease; @@ -1023,7 +1023,7 @@ Floated Menu / Item /* Vertical Pointing */ .ui.secondary.vertical.pointing.menu { - border-bottom-width: 0px; + border-bottom-width: 0; border-right-width: 2px; border-right-style: solid; border-right-color: rgba(34, 36, 38, 0.15); @@ -1032,8 +1032,8 @@ Floated Menu / Item border-bottom: none; border-right-style: solid; border-right-color: transparent; - border-radius: 0em !important; - margin: 0em -2px 0em 0em; + border-radius: 0 !important; + margin: 0 -2px 0 0; border-right-width: 2px; } @@ -1075,19 +1075,19 @@ Floated Menu / Item .ui.text.menu { background: none transparent; - border-radius: 0px; + border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 1em -0.5em; } .ui.text.menu .item { - border-radius: 0px; + border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -ms-flex-item-align: center; align-self: center; - margin: 0em 0em; + margin: 0 0; padding: 0.35714286em 0.5em; font-weight: normal; color: rgba(0, 0, 0, 0.6); @@ -1113,46 +1113,46 @@ Floated Menu / Item /* Image */ .ui.text.menu .item > img:not(.ui) { - margin: 0em; + margin: 0; } /*--- fluid text ---*/ .ui.text.item.menu .item { - margin: 0em; + margin: 0; } /*--- vertical text ---*/ .ui.vertical.text.menu { - margin: 1em 0em; + margin: 1em 0; } .ui.vertical.text.menu:first-child { - margin-top: 0rem; + margin-top: 0; } .ui.vertical.text.menu:last-child { - margin-bottom: 0rem; + margin-bottom: 0; } .ui.vertical.text.menu .item { - margin: 0.57142857em 0em; - padding-left: 0em; - padding-right: 0em; + margin: 0.57142857em 0; + padding-left: 0; + padding-right: 0; } .ui.vertical.text.menu .item > i.icon { float: none; - margin: 0em 0.35714286em 0em 0em; + margin: 0 0.35714286em 0 0; } .ui.vertical.text.menu .header.item { - margin: 0.57142857em 0em 0.71428571em; + margin: 0.57142857em 0 0.71428571em; } /* Vertical Sub Menu */ .ui.vertical.text.menu .item:not(.dropdown) > .menu { - margin: 0em; + margin: 0; } .ui.vertical.text.menu .item:not(.dropdown) > .menu > .item { - margin: 0em; - padding: 0.5em 0em; + margin: 0; + padding: 0.5em 0; } /*--- hover ---*/ @@ -1194,13 +1194,13 @@ Floated Menu / Item .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover, .ui.inverted.text.menu .active.item { - background-color: transparent !important; + background-color: transparent; } /* Fluid */ .ui.fluid.text.menu { - margin-left: 0em; - margin-right: 0em; + margin-left: 0; + margin-right: 0; } /*-------------- @@ -1235,14 +1235,14 @@ Floated Menu / Item /* (x) Item Icon */ .ui.menu .icon.item > .icon { width: auto; - margin: 0em auto; + margin: 0 auto; } /* Vertical Icon */ .ui.vertical.icon.menu .item > .icon:not(.dropdown) { display: block; opacity: 1; - margin: 0em auto; + margin: 0 auto; float: none; } @@ -1275,12 +1275,12 @@ Floated Menu / Item height: 1em; display: block; font-size: 1.71428571em !important; - margin: 0em auto 0.5rem !important; + margin: 0 auto 0.5rem !important; } /* Fluid */ .ui.fluid.labeled.icon.menu > .item { - min-width: 0em; + min-width: 0; } @@ -1307,8 +1307,8 @@ Floated Menu / Item position: absolute; content: ''; top: auto; - bottom: 0px; - left: 0px; + bottom: 0; + left: 0; width: 100%; height: 1px; background: rgba(34, 36, 38, 0.1); @@ -1340,68 +1340,80 @@ Floated Menu / Item Colors ---------------*/ - -/*--- Standard Colors ---*/ - +.ui.menu .primary.active.item, +.ui.primary.menu .active.item { + border-color: #2185D0; + color: #2185D0; +} +.ui.menu .secondary.active.item, +.ui.secondary.menu .active.item { + border-color: #1B1C1D; + color: #1B1C1D; +} .ui.menu .red.active.item, .ui.red.menu .active.item { - border-color: #DB2828 !important; - color: #DB2828 !important; + border-color: #DB2828; + color: #DB2828; } .ui.menu .orange.active.item, .ui.orange.menu .active.item { - border-color: #F2711C !important; - color: #F2711C !important; + border-color: #F2711C; + color: #F2711C; } .ui.menu .yellow.active.item, .ui.yellow.menu .active.item { - border-color: #FBBD08 !important; - color: #FBBD08 !important; + border-color: #FBBD08; + color: #FBBD08; } .ui.menu .olive.active.item, .ui.olive.menu .active.item { - border-color: #B5CC18 !important; - color: #B5CC18 !important; + border-color: #B5CC18; + color: #B5CC18; } .ui.menu .green.active.item, .ui.green.menu .active.item { - border-color: #21BA45 !important; - color: #21BA45 !important; + border-color: #21BA45; + color: #21BA45; } .ui.menu .teal.active.item, .ui.teal.menu .active.item { - border-color: #00B5AD !important; - color: #00B5AD !important; + border-color: #00B5AD; + color: #00B5AD; } .ui.menu .blue.active.item, .ui.blue.menu .active.item { - border-color: #2185D0 !important; - color: #2185D0 !important; + border-color: #2185D0; + color: #2185D0; } .ui.menu .violet.active.item, .ui.violet.menu .active.item { - border-color: #6435C9 !important; - color: #6435C9 !important; + border-color: #6435C9; + color: #6435C9; } .ui.menu .purple.active.item, .ui.purple.menu .active.item { - border-color: #A333C8 !important; - color: #A333C8 !important; + border-color: #A333C8; + color: #A333C8; } .ui.menu .pink.active.item, .ui.pink.menu .active.item { - border-color: #E03997 !important; - color: #E03997 !important; + border-color: #E03997; + color: #E03997; } .ui.menu .brown.active.item, .ui.brown.menu .active.item { - border-color: #A5673F !important; - color: #A5673F !important; + border-color: #A5673F; + color: #A5673F; } .ui.menu .grey.active.item, .ui.grey.menu .active.item { - border-color: #767676 !important; - color: #767676 !important; + border-color: #767676; + color: #767676; +} +.ui.menu .black.active.item, +.ui.black.menu .active.item { + border-color: #1B1C1D; + color: #1B1C1D; } /*-------------- @@ -1409,7 +1421,7 @@ Floated Menu / Item ---------------*/ .ui.inverted.menu { - border: 0px solid transparent; + border: 0 solid transparent; background: #1B1C1D; -webkit-box-shadow: none; box-shadow: none; @@ -1442,7 +1454,7 @@ Floated Menu / Item /* Header */ .ui.inverted.menu .header.item { - margin: 0em; + margin: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; @@ -1488,8 +1500,8 @@ Floated Menu / Item color: #FFFFFF; } .ui.inverted.pointing.menu .active.item:after { - background: #3D3E3F !important; - margin: 0em !important; + background: #3D3E3F; + margin: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; @@ -1502,7 +1514,7 @@ Floated Menu / Item color: #FFFFFF !important; } .ui.inverted.pointing.menu .active.item:hover:after { - background: #3D3E3F !important; + background: #3D3E3F; } /*-------------- @@ -1511,22 +1523,40 @@ Floated Menu / Item .ui.floated.menu { float: left; - margin: 0rem 0.5rem 0rem 0rem; + margin: 0 0.5rem 0 0; } .ui.floated.menu .item:last-child:before { display: none; } .ui.right.floated.menu { float: right; - margin: 0rem 0rem 0rem 0.5rem; + margin: 0 0 0 0.5rem; } /*-------------- Inverted ---------------*/ - -/* Red */ +.ui.inverted.menu .primary.active.item, +.ui.inverted.primary.menu { + background-color: #2185D0; +} +.ui.inverted.primary.menu .item:before { + background-color: rgba(34, 36, 38, 0.1); +} +.ui.inverted.primary.menu .active.item { + background-color: rgba(0, 0, 0, 0.1); +} +.ui.inverted.menu .secondary.active.item, +.ui.inverted.secondary.menu { + background-color: #1B1C1D; +} +.ui.inverted.secondary.menu .item:before { + background-color: rgba(34, 36, 38, 0.1); +} +.ui.inverted.secondary.menu .active.item { + background-color: rgba(0, 0, 0, 0.1); +} .ui.inverted.menu .red.active.item, .ui.inverted.red.menu { background-color: #DB2828; @@ -1535,10 +1565,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.red.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Orange */ .ui.inverted.menu .orange.active.item, .ui.inverted.orange.menu { background-color: #F2711C; @@ -1547,10 +1575,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.orange.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Yellow */ .ui.inverted.menu .yellow.active.item, .ui.inverted.yellow.menu { background-color: #FBBD08; @@ -1559,10 +1585,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.yellow.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Olive */ .ui.inverted.menu .olive.active.item, .ui.inverted.olive.menu { background-color: #B5CC18; @@ -1571,10 +1595,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.olive.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Green */ .ui.inverted.menu .green.active.item, .ui.inverted.green.menu { background-color: #21BA45; @@ -1583,10 +1605,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.green.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Teal */ .ui.inverted.menu .teal.active.item, .ui.inverted.teal.menu { background-color: #00B5AD; @@ -1595,10 +1615,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.teal.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Blue */ .ui.inverted.menu .blue.active.item, .ui.inverted.blue.menu { background-color: #2185D0; @@ -1607,10 +1625,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.blue.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Violet */ .ui.inverted.menu .violet.active.item, .ui.inverted.violet.menu { background-color: #6435C9; @@ -1619,10 +1635,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.violet.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Purple */ .ui.inverted.menu .purple.active.item, .ui.inverted.purple.menu { background-color: #A333C8; @@ -1631,10 +1645,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.purple.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Pink */ .ui.inverted.menu .pink.active.item, .ui.inverted.pink.menu { background-color: #E03997; @@ -1643,10 +1655,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.pink.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Brown */ .ui.inverted.menu .brown.active.item, .ui.inverted.brown.menu { background-color: #A5673F; @@ -1655,10 +1665,8 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.brown.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); } - -/* Grey */ .ui.inverted.menu .grey.active.item, .ui.inverted.grey.menu { background-color: #767676; @@ -1667,7 +1675,17 @@ Floated Menu / Item background-color: rgba(34, 36, 38, 0.1); } .ui.inverted.grey.menu .active.item { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(0, 0, 0, 0.1); +} +.ui.inverted.menu .black.active.item, +.ui.inverted.black.menu { + background-color: #1B1C1D; +} +.ui.inverted.black.menu .item:before { + background-color: rgba(34, 36, 38, 0.1); +} +.ui.inverted.black.menu .active.item { + background-color: rgba(0, 0, 0, 0.1); } /*-------------- @@ -1677,7 +1695,7 @@ Floated Menu / Item .ui.fitted.menu .item, .ui.fitted.menu .item .menu .item, .ui.menu .fitted.item { - padding: 0em; + padding: 0; } .ui.horizontally.fitted.menu .item, .ui.horizontally.fitted.menu .item .menu .item, @@ -1710,14 +1728,14 @@ Floated Menu / Item display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; - margin: 0em; + margin: 0; vertical-align: middle; } .ui.compact.vertical.menu { display: inline-block; } .ui.compact.menu .item:last-child { - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; } .ui.compact.menu .item:last-child:before { display: none; @@ -1745,17 +1763,17 @@ Floated Menu / Item .ui.item.menu, .ui.item.menu .item { width: 100%; - padding-left: 0em !important; - padding-right: 0em !important; - margin-left: 0em !important; - margin-right: 0em !important; + padding-left: 0 !important; + padding-right: 0 !important; + margin-left: 0 !important; + margin-right: 0 !important; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ui.attached.item.menu { - margin: 0em -1px !important; + margin: 0 -1px !important; } .ui.item.menu .item:last-child:before { display: none; @@ -1779,13 +1797,13 @@ Floated Menu / Item width: 14.285%; } .ui.menu.eight.item .item { - width: 12.500%; + width: 12.5%; } .ui.menu.nine.item .item { width: 11.11%; } .ui.menu.ten.item .item { - width: 10.0%; + width: 10%; } .ui.menu.eleven.item .item { width: 9.09%; @@ -1801,18 +1819,18 @@ Floated Menu / Item .ui.menu.fixed { position: fixed; z-index: 101; - margin: 0em; + margin: 0; width: 100%; } .ui.menu.fixed, .ui.menu.fixed .item:first-child, .ui.menu.fixed .item:last-child { - border-radius: 0px !important; + border-radius: 0 !important; } .ui.fixed.menu, .ui[class*="top fixed"].menu { - top: 0px; - left: 0px; + top: 0; + left: 0; right: auto; bottom: auto; } @@ -1825,8 +1843,8 @@ Floated Menu / Item border-top: none; border-bottom: none; border-right: none; - top: 0px; - right: 0px; + top: 0; + right: 0; left: auto; bottom: auto; width: auto; @@ -1836,8 +1854,8 @@ Floated Menu / Item border-bottom: none; border-left: none; border-right: none; - bottom: 0px; - left: 0px; + bottom: 0; + left: 0; top: auto; right: auto; } @@ -1845,8 +1863,8 @@ Floated Menu / Item border-top: none; border-bottom: none; border-left: none; - top: 0px; - left: 0px; + top: 0; + left: 0; right: auto; bottom: auto; width: auto; @@ -1871,7 +1889,7 @@ Floated Menu / Item -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); background: none; - margin: 0.5px 0em 0em; + margin: 0.5px 0 0; width: 0.57142857em; height: 0.57142857em; border: none; @@ -1884,12 +1902,12 @@ Floated Menu / Item .ui.vertical.pointing.menu .item:after { position: absolute; top: 50%; - right: 0%; + right: 0; bottom: auto; left: auto; -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg); transform: translateX(50%) translateY(-50%) rotate(45deg); - margin: 0em -0.5px 0em 0em; + margin: 0 -0.5px 0 0; border: none; border-top: 1px solid #D4D4D5; border-right: 1px solid #D4D4D5; @@ -1932,43 +1950,50 @@ Floated Menu / Item .ui.vertical.pointing.menu .menu .active.item:after { background-color: #FFFFFF; } - -/* Inverted Colors */ +.ui.inverted.pointing.menu .primary.active.item:after { + background-color: #2185D0; +} +.ui.inverted.pointing.menu .secondary.active.item:after { + background-color: #1B1C1D; +} .ui.inverted.pointing.menu .red.active.item:after { - background-color: #DB2828 !important; + background-color: #DB2828; } .ui.inverted.pointing.menu .orange.active.item:after { - background-color: #F2711C !important; + background-color: #F2711C; } .ui.inverted.pointing.menu .yellow.active.item:after { - background-color: #FBBD08 !important; + background-color: #FBBD08; } .ui.inverted.pointing.menu .olive.active.item:after { - background-color: #B5CC18 !important; + background-color: #B5CC18; } .ui.inverted.pointing.menu .green.active.item:after { - background-color: #21BA45 !important; + background-color: #21BA45; } .ui.inverted.pointing.menu .teal.active.item:after { - background-color: #00B5AD !important; + background-color: #00B5AD; } .ui.inverted.pointing.menu .blue.active.item:after { - background-color: #2185D0 !important; + background-color: #2185D0; } .ui.inverted.pointing.menu .violet.active.item:after { - background-color: #6435C9 !important; + background-color: #6435C9; } .ui.inverted.pointing.menu .purple.active.item:after { - background-color: #A333C8 !important; + background-color: #A333C8; } .ui.inverted.pointing.menu .pink.active.item:after { - background-color: #E03997 !important; + background-color: #E03997; } .ui.inverted.pointing.menu .brown.active.item:after { - background-color: #A5673F !important; + background-color: #A5673F; } .ui.inverted.pointing.menu .grey.active.item:after { - background-color: #767676 !important; + background-color: #767676; +} +.ui.inverted.pointing.menu .black.active.item:after { + background-color: #1B1C1D; } /*-------------- @@ -1978,10 +2003,10 @@ Floated Menu / Item /* Middle */ .ui.attached.menu { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em -1px; + top: 0; + bottom: 0; + border-radius: 0; + margin: 0 -1px; width: calc(100% + 2px); max-width: calc(100% + 2px); -webkit-box-shadow: none; @@ -1993,36 +2018,36 @@ Floated Menu / Item /* Top */ .ui[class*="top attached"].menu { - bottom: 0px; - margin-bottom: 0em; - top: 0px; + bottom: 0; + margin-bottom: 0; + top: 0; margin-top: 1rem; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.menu[class*="top attached"]:first-child { - margin-top: 0em; + margin-top: 0; } /* Bottom */ .ui[class*="bottom attached"].menu { - bottom: 0px; - margin-top: 0em; - top: 0px; + bottom: 0; + margin-top: 0; + top: 0; margin-bottom: 1rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; + border-radius: 0 0 0.28571429rem 0.28571429rem; } .ui[class*="bottom attached"].menu:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /* Attached Menu Item */ .ui.top.attached.menu > .item:first-child { - border-radius: 0.28571429rem 0em 0em 0em; + border-radius: 0.28571429rem 0 0 0; } .ui.bottom.attached.menu > .item:first-child { - border-radius: 0em 0em 0em 0.28571429rem; + border-radius: 0 0 0 0.28571429rem; } /* Tabular Attached */ diff --git a/dist/components/menu.min.css b/dist/components/menu.min.css index 3af558d5b6..6eb2eeb346 100644 --- a/dist/components/menu.min.css +++ b/dist/components/menu.min.css @@ -1 +1 @@ -.ui.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;font-weight:400;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem;min-height:2.85714286em}.ui.menu:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.menu:first-child{margin-top:0}.ui.menu:last-child{margin-bottom:0}.ui.menu .menu{margin:0}.ui.menu:not(.vertical)>.menu{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.menu:not(.vertical) .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.menu .item{position:relative;vertical-align:middle;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;padding:.92857143em 1.14285714em;text-transform:none;color:rgba(0,0,0,.87);font-weight:400;-webkit-transition:background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background .1s ease,box-shadow .1s ease,color .1s ease;transition:background .1s ease,box-shadow .1s ease,color .1s ease,-webkit-box-shadow .1s ease}.ui.menu>.item:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;height:100%;width:1px;background:rgba(34,36,38,.1)}.ui.menu .item>a:not(.ui),.ui.menu .item>p:only-child,.ui.menu .text.item>*{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;line-height:1.3}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:last-child{margin-bottom:0}.ui.menu .item>i.icon{opacity:.9;float:none;margin:0 .35714286em 0 0}.ui.menu:not(.vertical) .item>.button{position:relative;top:0;margin:-.5em 0;padding-bottom:.78571429em;padding-top:.78571429em;font-size:1em}.ui.menu>.container,.ui.menu>.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-orient:inherit;-webkit-box-direction:inherit;-ms-flex-direction:inherit;flex-direction:inherit}.ui.menu .item>.input{width:100%}.ui.menu:not(.vertical) .item>.input{position:relative;top:0;margin:-.5em 0}.ui.menu .item>.input input{font-size:1em;padding-top:.57142857em;padding-bottom:.57142857em}.ui.menu .header.item,.ui.vertical.menu .header.item{margin:0;background:'';text-transform:normal;font-weight:700}.ui.vertical.menu .item>.header:not(.ui){margin:0 0 .5em;font-size:1em;font-weight:700}.ui.menu .item>i.dropdown.icon{padding:0;float:right;margin:0 0 0 1em}.ui.menu .dropdown.item .menu{min-width:calc(100% - 1px);border-radius:0 0 .28571429rem .28571429rem;background:#fff;margin:0 0 0;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.08);box-shadow:0 1px 3px 0 rgba(0,0,0,.08);-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.ui.menu .ui.dropdown .menu>.item{margin:0;text-align:left;font-size:1em!important;padding:.78571429em 1.14285714em!important;background:0 0!important;color:rgba(0,0,0,.87)!important;text-transform:none!important;font-weight:400!important;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:none!important;transition:none!important}.ui.menu .ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown .menu>.selected.item{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown .menu>.active.item{background:rgba(0,0,0,.03)!important;font-weight:700!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown.item .menu .item:not(.filtered){display:block}.ui.menu .ui.dropdown .menu>.item .icon:not(.dropdown){display:inline-block;font-size:1em!important;float:none;margin:0 .75em 0 0!important}.ui.secondary.menu .dropdown.item>.menu,.ui.text.menu .dropdown.item>.menu{border-radius:.28571429rem;margin-top:.35714286em}.ui.menu .pointing.dropdown.item .menu{margin-top:.75em}.ui.inverted.menu .search.dropdown.item>.search,.ui.inverted.menu .search.dropdown.item>.text{color:rgba(255,255,255,.9)}.ui.vertical.menu .dropdown.item>.icon{float:right;content:"\f0da";margin-left:1em}.ui.vertical.menu .dropdown.item .menu{left:100%;min-width:0;margin:0;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.08);box-shadow:0 1px 3px 0 rgba(0,0,0,.08);border-radius:0 .28571429rem .28571429rem .28571429rem}.ui.vertical.menu .dropdown.item.upward .menu{bottom:0}.ui.vertical.menu .dropdown.item:not(.upward) .menu{top:0}.ui.vertical.menu .active.dropdown.item{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.menu .dropdown.active.item{-webkit-box-shadow:none;box-shadow:none}.ui.item.menu .dropdown .menu .item{width:100%}.ui.menu .item>.label{background:#999;color:#fff;margin-left:1em;padding:.3em .78571429em}.ui.vertical.menu .item>.label{background:#999;color:#fff;margin-top:-.15em;margin-bottom:-.15em;padding:.3em .78571429em}.ui.menu .item>.floating.label{padding:.3em .78571429em}.ui.menu .item>img:not(.ui){display:inline-block;vertical-align:middle;margin:-.3em 0;width:2.5em}.ui.vertical.menu .item>img:not(.ui):only-child{display:block;max-width:100%;width:auto}.ui.menu .list .item:before{background:0 0!important}.ui.vertical.sidebar.menu>.item:first-child:before{display:block!important}.ui.vertical.sidebar.menu>.item::before{top:auto;bottom:0}@media only screen and (max-width:767px){.ui.menu>.ui.container{width:100%!important;margin-left:0!important;margin-right:0!important}}@media only screen and (min-width:768px){.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child{border-left:1px solid rgba(34,36,38,.1)}}.ui.link.menu .item:hover,.ui.menu .dropdown.item:hover,.ui.menu .link.item:hover,.ui.menu a.item:hover{cursor:pointer;background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.link.menu .item:active,.ui.menu .link.item:active,.ui.menu a.item:active{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.menu .active.item{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);font-weight:400;-webkit-box-shadow:none;box-shadow:none}.ui.menu .active.item>i.icon{opacity:1}.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.menu .item.disabled,.ui.menu .item.disabled:hover{cursor:default!important;background-color:transparent!important;color:rgba(40,40,40,.3)!important}.ui.menu:not(.vertical) .left.item,.ui.menu:not(.vertical) :not(.dropdown)>.left.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto!important}.ui.menu:not(.vertical) .right.item,.ui.menu:not(.vertical) .right.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto!important}.ui.menu:not(.vertical) .center.item,.ui.menu:not(.vertical) .center.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto!important;margin-right:auto!important}.ui.menu .right.item::before,.ui.menu .right.menu>.item::before{right:auto;left:0}.ui.menu .center.item:last-child::before,.ui.menu .center.menu>.item:last-child::before{display:none}.ui.vertical.menu{display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui.vertical.menu .item{display:block;background:0 0;border-top:none;border-right:none}.ui.vertical.menu>.item:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.menu .item>.label{float:right;text-align:center}.ui.vertical.menu .item>i.icon,.ui.vertical.menu .item>i.icons{width:1.18em;float:right;margin:0 0 0 .5em}.ui.vertical.menu .item>.label+i.icon{float:none;margin:0 .5em 0 0}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.vertical.menu .item:first-child:before{display:none!important}.ui.vertical.menu .item>.menu{margin:.5em -1.14285714em 0}.ui.vertical.menu .menu .item{background:0 0;padding:.5em 1.33333333em;font-size:.85714286em;color:rgba(0,0,0,.5)}.ui.vertical.menu .item .menu .link.item:hover,.ui.vertical.menu .item .menu a.item:hover{color:rgba(0,0,0,.85)}.ui.vertical.menu .menu .item:before{display:none}.ui.vertical.menu .active.item{background:rgba(0,0,0,.05);border-radius:0;-webkit-box-shadow:none;box-shadow:none}.ui.vertical.menu>.active.item:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.menu>.active.item:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.menu>.active.item:only-child{border-radius:.28571429rem}.ui.vertical.menu .active.item .menu .active.item{border-left:none}.ui.vertical.menu .item .menu .active.item{background-color:transparent;font-weight:700;color:rgba(0,0,0,.95)}.ui.tabular.menu{border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border:none;background:none transparent;border-bottom:1px solid #d4d4d5}.ui.tabular.fluid.menu{width:calc(100% + 2px)!important}.ui.tabular.menu .item{background:0 0;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;padding:.92857143em 1.42857143em;color:rgba(0,0,0,.87)}.ui.tabular.menu .item:before{display:none}.ui.tabular.menu .item:hover{background-color:transparent;color:rgba(0,0,0,.8)}.ui.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-top-width:1px;border-color:#d4d4d5;font-weight:700;margin-bottom:-1px;-webkit-box-shadow:none;box-shadow:none;border-radius:.28571429rem .28571429rem 0 0!important}.ui.tabular.menu+.attached:not(.top).segment,.ui.tabular.menu+.attached:not(.top).segment+.attached:not(.top).segment{border-top:none;margin-left:0;margin-top:0;margin-right:0;width:100%}.top.attached.segment+.ui.bottom.tabular.menu{position:relative;width:calc(100% + 2px);left:-1px}.ui.bottom.tabular.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:none;border-top:1px solid #d4d4d5}.ui.bottom.tabular.menu .item{background:0 0;border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:none}.ui.bottom.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:-1px 0 0 0;border-radius:0 0 .28571429rem .28571429rem!important}.ui.vertical.tabular.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:none;border-right:1px solid #d4d4d5}.ui.vertical.tabular.menu .item{background:0 0;border-left:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-right:none}.ui.vertical.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:0 -1px 0 0;border-radius:.28571429rem 0 0 .28571429rem!important}.ui.vertical.right.tabular.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:none;border-right:none;border-left:1px solid #d4d4d5}.ui.vertical.right.tabular.menu .item{background:0 0;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-left:none}.ui.vertical.right.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:0 0 0 -1px;border-radius:0 .28571429rem .28571429rem 0!important}.ui.tabular.menu .active.dropdown.item{margin-bottom:0;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;border-bottom:none}.ui.pagination.menu{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.ui.pagination.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.compact.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.pagination.menu .item:last-child:before{display:none}.ui.pagination.menu .item{min-width:3em;text-align:center}.ui.pagination.menu .icon.item i.icon{vertical-align:top}.ui.pagination.menu .active.item{border-top:none;padding-top:.92857143em;background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.95);-webkit-box-shadow:none;box-shadow:none}.ui.secondary.menu{background:0 0;margin-left:-.35714286em;margin-right:-.35714286em;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.secondary.menu .item{-ms-flex-item-align:center;align-self:center;-webkit-box-shadow:none;box-shadow:none;border:none;padding:.78571429em .92857143em;margin:0 .35714286em;background:0 0;-webkit-transition:color .1s ease;transition:color .1s ease;border-radius:.28571429rem}.ui.secondary.menu .item:before{display:none!important}.ui.secondary.menu .header.item{border-radius:0;border-right:none;background:none transparent}.ui.secondary.menu .item>img:not(.ui){margin:0}.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.menu .active.item{-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);border-radius:.28571429rem}.ui.secondary.menu .active.item:hover{-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.inverted.menu .link.item,.ui.secondary.inverted.menu a.item{color:rgba(255,255,255,.7)!important}.ui.secondary.inverted.menu .dropdown.item:hover,.ui.secondary.inverted.menu .link.item:hover,.ui.secondary.inverted.menu a.item:hover{background:rgba(255,255,255,.08);color:#fff!important}.ui.secondary.inverted.menu .active.item{background:rgba(255,255,255,.15);color:#fff!important}.ui.secondary.item.menu{margin-left:0;margin-right:0}.ui.secondary.item.menu .item:last-child{margin-right:0}.ui.secondary.attached.menu{-webkit-box-shadow:none;box-shadow:none}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu{margin:0 -.92857143em}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:.5em 1.33333333em}.ui.secondary.vertical.menu>.item{border:none;margin:0 0 .35714286em;border-radius:.28571429rem!important}.ui.secondary.vertical.menu>.header.item{border-radius:0}.ui.vertical.secondary.menu .item>.menu .item{background-color:transparent}.ui.secondary.inverted.menu{background-color:transparent}.ui.secondary.pointing.menu{margin-left:0;margin-right:0;border-bottom:2px solid rgba(34,36,38,.15)}.ui.secondary.pointing.menu .item{border-bottom-color:transparent;border-bottom-style:solid;border-radius:0;-ms-flex-item-align:end;align-self:flex-end;margin:0 0 -2px;padding:.85714286em 1.14285714em;border-bottom-width:2px;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.secondary.pointing.menu .ui.dropdown .menu .item{border-bottom-width:0}.ui.secondary.pointing.menu .header.item{color:rgba(0,0,0,.85)!important}.ui.secondary.pointing.menu .text.item{-webkit-box-shadow:none!important;box-shadow:none!important}.ui.secondary.pointing.menu .item:after{display:none}.ui.secondary.pointing.menu .dropdown.item:hover,.ui.secondary.pointing.menu .link.item:hover,.ui.secondary.pointing.menu a.item:hover{background-color:transparent;color:rgba(0,0,0,.87)}.ui.secondary.pointing.menu .dropdown.item:active,.ui.secondary.pointing.menu .link.item:active,.ui.secondary.pointing.menu a.item:active{background-color:transparent;border-color:rgba(34,36,38,.15)}.ui.secondary.pointing.menu .active.item{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border-color:#1b1c1d;font-weight:700;color:rgba(0,0,0,.95)}.ui.secondary.pointing.menu .active.item:hover{border-color:#1b1c1d;color:rgba(0,0,0,.95)}.ui.secondary.pointing.menu .active.dropdown.item{border-color:transparent}.ui.secondary.vertical.pointing.menu{border-bottom-width:0;border-right-width:2px;border-right-style:solid;border-right-color:rgba(34,36,38,.15)}.ui.secondary.vertical.pointing.menu .item{border-bottom:none;border-right-style:solid;border-right-color:transparent;border-radius:0!important;margin:0 -2px 0 0;border-right-width:2px}.ui.secondary.vertical.pointing.menu .active.item{border-color:#1b1c1d}.ui.secondary.inverted.pointing.menu{border-color:rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu{border-width:2px;border-color:rgba(34,36,38,.15)}.ui.secondary.inverted.pointing.menu .item{color:rgba(255,255,255,.9)}.ui.secondary.inverted.pointing.menu .header.item{color:#fff!important}.ui.secondary.inverted.pointing.menu .link.item:hover,.ui.secondary.inverted.pointing.menu a.item:hover{color:rgba(0,0,0,.95)}.ui.secondary.inverted.pointing.menu .active.item{border-color:#fff;color:#fff}.ui.text.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;margin:1em -.5em}.ui.text.menu .item{border-radius:0;-webkit-box-shadow:none;box-shadow:none;-ms-flex-item-align:center;align-self:center;margin:0 0;padding:.35714286em .5em;font-weight:400;color:rgba(0,0,0,.6);-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.text.menu .item:before,.ui.text.menu .menu .item:before{display:none!important}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(0,0,0,.85);font-size:.92857143em;text-transform:uppercase;font-weight:700}.ui.text.menu .item>img:not(.ui){margin:0}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1em 0}.ui.vertical.text.menu:first-child{margin-top:0}.ui.vertical.text.menu:last-child{margin-bottom:0}.ui.vertical.text.menu .item{margin:.57142857em 0;padding-left:0;padding-right:0}.ui.vertical.text.menu .item>i.icon{float:none;margin:0 .35714286em 0 0}.ui.vertical.text.menu .header.item{margin:.57142857em 0 .71428571em}.ui.vertical.text.menu .item:not(.dropdown)>.menu{margin:0}.ui.vertical.text.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:.5em 0}.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;font-weight:400;color:rgba(0,0,0,.95)}.ui.text.menu .active.item:hover{background-color:transparent}.ui.text.pointing.menu .active.item:after{-webkit-box-shadow:none;box-shadow:none}.ui.text.attached.menu{-webkit-box-shadow:none;box-shadow:none}.ui.inverted.text.menu,.ui.inverted.text.menu .active.item,.ui.inverted.text.menu .item,.ui.inverted.text.menu .item:hover{background-color:transparent!important}.ui.fluid.text.menu{margin-left:0;margin-right:0}.ui.vertical.icon.menu{display:inline-block;width:auto}.ui.icon.menu .item{height:auto;text-align:center;color:#1b1c1d}.ui.icon.menu .item>.icon:not(.dropdown){margin:0;opacity:1}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item>.icon{width:auto;margin:0 auto}.ui.vertical.icon.menu .item>.icon:not(.dropdown){display:block;opacity:1;margin:0 auto;float:none}.ui.inverted.icon.menu .item{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .item{min-width:6em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.labeled.icon.menu>.item>.icon:not(.dropdown){height:1em;display:block;font-size:1.71428571em!important;margin:0 auto .5rem!important}.ui.fluid.labeled.icon.menu>.item{min-width:0}@media only screen and (max-width:767px){.ui.stackable.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.stackable.menu .item{width:100%!important}.ui.stackable.menu .item:before{position:absolute;content:'';top:auto;bottom:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.stackable.menu .left.item,.ui.stackable.menu .left.menu{margin-right:0!important}.ui.stackable.menu .right.item,.ui.stackable.menu .right.menu{margin-left:0!important}.ui.stackable.menu .center.item,.ui.stackable.menu .center.menu{margin-left:0!important;margin-right:0!important}.ui.stackable.menu .center.menu,.ui.stackable.menu .left.menu,.ui.stackable.menu .right.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#db2828!important;color:#db2828!important}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#f2711c!important;color:#f2711c!important}.ui.menu .yellow.active.item,.ui.yellow.menu .active.item{border-color:#fbbd08!important;color:#fbbd08!important}.ui.menu .olive.active.item,.ui.olive.menu .active.item{border-color:#b5cc18!important;color:#b5cc18!important}.ui.green.menu .active.item,.ui.menu .green.active.item{border-color:#21ba45!important;color:#21ba45!important}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00b5ad!important;color:#00b5ad!important}.ui.blue.menu .active.item,.ui.menu .blue.active.item{border-color:#2185d0!important;color:#2185d0!important}.ui.menu .violet.active.item,.ui.violet.menu .active.item{border-color:#6435c9!important;color:#6435c9!important}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#a333c8!important;color:#a333c8!important}.ui.menu .pink.active.item,.ui.pink.menu .active.item{border-color:#e03997!important;color:#e03997!important}.ui.brown.menu .active.item,.ui.menu .brown.active.item{border-color:#a5673f!important;color:#a5673f!important}.ui.grey.menu .active.item,.ui.menu .grey.active.item{border-color:#767676!important;color:#767676!important}.ui.inverted.menu{border:0 solid transparent;background:#1b1c1d;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a:not(.ui){background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.menu .item.menu{background:0 0}.ui.inverted.menu .item:before{background:rgba(255,255,255,.08)}.ui.vertical.inverted.menu .item:before{background:rgba(255,255,255,.08)}.ui.vertical.inverted.menu .menu .item,.ui.vertical.inverted.menu .menu .item a:not(.ui){color:rgba(255,255,255,.5)}.ui.inverted.menu .header.item{margin:0;background:0 0;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.menu .item.disabled,.ui.inverted.menu .item.disabled:hover{color:rgba(225,225,225,.3)}.ui.inverted.menu .dropdown.item:hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover,.ui.link.inverted.menu .item:hover{background:rgba(255,255,255,.08);color:#fff}.ui.vertical.inverted.menu .item .menu .link.item:hover,.ui.vertical.inverted.menu .item .menu a.item:hover{background:0 0;color:#fff}.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background:rgba(255,255,255,.08);color:#fff}.ui.inverted.menu .active.item{background:rgba(255,255,255,.15);color:#fff!important}.ui.inverted.vertical.menu .item .menu .active.item{background:0 0;color:#fff}.ui.inverted.pointing.menu .active.item:after{background:#3d3e3f!important;margin:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none!important}.ui.inverted.menu .active.item:hover{background:rgba(255,255,255,.15);color:#fff!important}.ui.inverted.pointing.menu .active.item:hover:after{background:#3d3e3f!important}.ui.floated.menu{float:left;margin:0 .5rem 0 0}.ui.floated.menu .item:last-child:before{display:none}.ui.right.floated.menu{float:right;margin:0 0 0 .5rem}.ui.inverted.menu .red.active.item,.ui.inverted.red.menu{background-color:#db2828}.ui.inverted.red.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.red.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .orange.active.item,.ui.inverted.orange.menu{background-color:#f2711c}.ui.inverted.orange.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.orange.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .yellow.active.item,.ui.inverted.yellow.menu{background-color:#fbbd08}.ui.inverted.yellow.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.yellow.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .olive.active.item,.ui.inverted.olive.menu{background-color:#b5cc18}.ui.inverted.olive.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.olive.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.green.menu,.ui.inverted.menu .green.active.item{background-color:#21ba45}.ui.inverted.green.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.green.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .teal.active.item,.ui.inverted.teal.menu{background-color:#00b5ad}.ui.inverted.teal.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.teal.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.blue.menu,.ui.inverted.menu .blue.active.item{background-color:#2185d0}.ui.inverted.blue.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.blue.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .violet.active.item,.ui.inverted.violet.menu{background-color:#6435c9}.ui.inverted.violet.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.violet.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .purple.active.item,.ui.inverted.purple.menu{background-color:#a333c8}.ui.inverted.purple.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.purple.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.menu .pink.active.item,.ui.inverted.pink.menu{background-color:#e03997}.ui.inverted.pink.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.pink.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.brown.menu,.ui.inverted.menu .brown.active.item{background-color:#a5673f}.ui.inverted.brown.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.brown.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.inverted.grey.menu,.ui.inverted.menu .grey.active.item{background-color:#767676}.ui.inverted.grey.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.grey.menu .active.item{background-color:rgba(0,0,0,.1)!important}.ui.fitted.menu .item,.ui.fitted.menu .item .menu .item,.ui.menu .fitted.item{padding:0}.ui.horizontally.fitted.menu .item,.ui.horizontally.fitted.menu .item .menu .item,.ui.menu .horizontally.fitted.item{padding-top:.92857143em;padding-bottom:.92857143em}.ui.menu .vertically.fitted.item,.ui.vertically.fitted.menu .item,.ui.vertically.fitted.menu .item .menu .item{padding-left:1.14285714em;padding-right:1.14285714em}.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item:before,.ui.menu .borderless.item:before{background:0 0!important}.ui.compact.menu{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0;vertical-align:middle}.ui.compact.vertical.menu{display:inline-block}.ui.compact.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.compact.menu .item:last-child:before{display:none}.ui.compact.vertical.menu{width:auto!important}.ui.compact.vertical.menu .item:last-child::before{display:block}.ui.menu.fluid,.ui.vertical.menu.fluid{width:100%!important}.ui.item.menu,.ui.item.menu .item{width:100%;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.attached.item.menu{margin:0 -1px!important}.ui.item.menu .item:last-child:before{display:none}.ui.menu.two.item .item{width:50%}.ui.menu.three.item .item{width:33.333%}.ui.menu.four.item .item{width:25%}.ui.menu.five.item .item{width:20%}.ui.menu.six.item .item{width:16.666%}.ui.menu.seven.item .item{width:14.285%}.ui.menu.eight.item .item{width:12.5%}.ui.menu.nine.item .item{width:11.11%}.ui.menu.ten.item .item{width:10%}.ui.menu.eleven.item .item{width:9.09%}.ui.menu.twelve.item .item{width:8.333%}.ui.menu.fixed{position:fixed;z-index:101;margin:0;width:100%}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{border-radius:0!important}.ui.fixed.menu,.ui[class*="top fixed"].menu{top:0;left:0;right:auto;bottom:auto}.ui[class*="top fixed"].menu{border-top:none;border-left:none;border-right:none}.ui[class*="right fixed"].menu{border-top:none;border-bottom:none;border-right:none;top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui[class*="bottom fixed"].menu{border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;top:auto;right:auto}.ui[class*="left fixed"].menu{border-top:none;border-bottom:none;border-left:none;top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.fixed.menu+.ui.grid{padding-top:2.75rem}.ui.pointing.menu .item:after{visibility:hidden;position:absolute;content:'';top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);background:0 0;margin:.5px 0 0;width:.57142857em;height:.57142857em;border:none;border-bottom:1px solid #d4d4d5;border-right:1px solid #d4d4d5;z-index:2;-webkit-transition:background .1s ease;transition:background .1s ease}.ui.vertical.pointing.menu .item:after{position:absolute;top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);margin:0 -.5px 0 0;border:none;border-top:1px solid #d4d4d5;border-right:1px solid #d4d4d5}.ui.pointing.menu .ui.dropdown .menu .item:after,.ui.vertical.pointing.menu .ui.dropdown .menu .item:after{display:none}.ui.pointing.menu .active.item:after{visibility:visible}.ui.pointing.menu .active.dropdown.item:after{visibility:hidden}.ui.pointing.menu .active.item .menu .active.item:after,.ui.pointing.menu .dropdown.active.item:after{display:none}.ui.pointing.menu .active.item:hover:after{background-color:#f2f2f2}.ui.pointing.menu .active.item:after{background-color:#f2f2f2}.ui.pointing.menu .active.item:hover:after{background-color:#f2f2f2}.ui.vertical.pointing.menu .active.item:hover:after{background-color:#f2f2f2}.ui.vertical.pointing.menu .active.item:after{background-color:#f2f2f2}.ui.vertical.pointing.menu .menu .active.item:after{background-color:#fff}.ui.inverted.pointing.menu .red.active.item:after{background-color:#db2828!important}.ui.inverted.pointing.menu .orange.active.item:after{background-color:#f2711c!important}.ui.inverted.pointing.menu .yellow.active.item:after{background-color:#fbbd08!important}.ui.inverted.pointing.menu .olive.active.item:after{background-color:#b5cc18!important}.ui.inverted.pointing.menu .green.active.item:after{background-color:#21ba45!important}.ui.inverted.pointing.menu .teal.active.item:after{background-color:#00b5ad!important}.ui.inverted.pointing.menu .blue.active.item:after{background-color:#2185d0!important}.ui.inverted.pointing.menu .violet.active.item:after{background-color:#6435c9!important}.ui.inverted.pointing.menu .purple.active.item:after{background-color:#a333c8!important}.ui.inverted.pointing.menu .pink.active.item:after{background-color:#e03997!important}.ui.inverted.pointing.menu .brown.active.item:after{background-color:#a5673f!important}.ui.inverted.pointing.menu .grey.active.item:after{background-color:#767676!important}.ui.attached.menu{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none}.ui.attached+.ui.attached.menu:not(.top){border-top:none}.ui[class*="top attached"].menu{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.menu[class*="top attached"]:first-child{margin-top:0}.ui[class*="bottom attached"].menu{bottom:0;margin-top:0;top:0;margin-bottom:1rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui[class*="bottom attached"].menu:last-child{margin-bottom:0}.ui.top.attached.menu>.item:first-child{border-radius:.28571429rem 0 0 0}.ui.bottom.attached.menu>.item:first-child{border-radius:0 0 0 .28571429rem}.ui.attached.menu:not(.tabular){border:1px solid #d4d4d5}.ui.attached.inverted.menu{border:none}.ui.attached.tabular.menu{margin-left:0;margin-right:0;width:100%}.ui.mini.menu{font-size:.78571429rem}.ui.mini.vertical.menu{width:9rem}.ui.mini.menu .dropdown{font-size:.78571429rem}.ui.mini.menu .dropdown .menu>.item{font-size:.78571429rem}.ui.tiny.menu{font-size:.85714286rem}.ui.tiny.vertical.menu{width:11rem}.ui.tiny.menu .dropdown{font-size:.85714286rem}.ui.tiny.menu .dropdown .menu>.item{font-size:.85714286rem}.ui.small.menu{font-size:.92857143rem}.ui.small.vertical.menu{width:13rem}.ui.small.menu .dropdown{font-size:.92857143rem}.ui.small.menu .dropdown .menu>.item{font-size:.92857143rem}.ui.menu{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu{font-size:1.07142857rem}.ui.large.vertical.menu{width:18rem}.ui.large.menu .dropdown{font-size:1.07142857rem}.ui.large.menu .dropdown .menu>.item{font-size:1.07142857rem}.ui.huge.menu{font-size:1.21428571rem}.ui.huge.vertical.menu{width:22rem}.ui.huge.menu .dropdown{font-size:1.21428571rem}.ui.huge.menu .dropdown .menu>.item{font-size:1.21428571rem}.ui.big.menu{font-size:1.14285714rem}.ui.big.vertical.menu{width:20rem}.ui.big.menu .dropdown{font-size:1.14285714rem}.ui.big.menu .dropdown .menu>.item{font-size:1.14285714rem}.ui.massive.menu{font-size:1.28571429rem}.ui.massive.vertical.menu{width:25rem}.ui.massive.menu .dropdown{font-size:1.28571429rem}.ui.massive.menu .dropdown .menu>.item{font-size:1.28571429rem}.ui.menu .ui.inverted.inverted.dropdown.item .menu{background:#1b1c1d;-webkit-box-shadow:none;box-shadow:none}.ui.menu .ui.inverted.dropdown .menu>.item{color:rgba(255,255,255,.8)!important}.ui.menu .ui.inverted.dropdown .menu>.active.item{background:0 0!important;color:rgba(255,255,255,.8)!important}.ui.menu .ui.inverted.dropdown .menu>.item:hover{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.8)!important}.ui.menu .ui.inverted.dropdown .menu>.selected.item{background:rgba(255,255,255,.15)!important;color:rgba(255,255,255,.8)!important}.ui.vertical.menu .inverted.dropdown.item .menu{-webkit-box-shadow:none;box-shadow:none} \ No newline at end of file +.ui.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1rem 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;font-weight:400;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem;min-height:2.85714286em}.ui.menu:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.menu:first-child{margin-top:0}.ui.menu:last-child{margin-bottom:0}.ui.menu .menu{margin:0}.ui.menu:not(.vertical)>.menu{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.menu:not(.vertical) .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.menu .item{position:relative;vertical-align:middle;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;padding:.92857143em 1.14285714em;text-transform:none;color:rgba(0,0,0,.87);font-weight:400;-webkit-transition:background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background .1s ease,box-shadow .1s ease,color .1s ease;transition:background .1s ease,box-shadow .1s ease,color .1s ease,-webkit-box-shadow .1s ease}.ui.menu>.item:first-child{border-radius:.28571429rem 0 0 .28571429rem}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;height:100%;width:1px;background:rgba(34,36,38,.1)}.ui.menu .item>a:not(.ui),.ui.menu .item>p:only-child,.ui.menu .text.item>*{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;line-height:1.3}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:last-child{margin-bottom:0}.ui.menu .item>i.icon{opacity:.9;float:none;margin:0 .35714286em 0 0}.ui.menu:not(.vertical) .item>.button{position:relative;top:0;margin:-.5em 0;padding-bottom:.78571429em;padding-top:.78571429em;font-size:1em}.ui.menu>.container,.ui.menu>.grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-orient:inherit;-webkit-box-direction:inherit;-ms-flex-direction:inherit;flex-direction:inherit}.ui.menu .item>.input{width:100%}.ui.menu:not(.vertical) .item>.input{position:relative;top:0;margin:-.5em 0}.ui.menu .item>.input input{font-size:1em;padding-top:.57142857em;padding-bottom:.57142857em}.ui.menu .header.item,.ui.vertical.menu .header.item{margin:0;background:'';text-transform:normal;font-weight:700}.ui.vertical.menu .item>.header:not(.ui){margin:0 0 .5em;font-size:1em;font-weight:700}.ui.menu .item>i.dropdown.icon{padding:0;float:right;margin:0 0 0 1em}.ui.menu .dropdown.item .menu{min-width:calc(100% - 1px);border-radius:0 0 .28571429rem .28571429rem;background:#fff;margin:0 0 0;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.08);box-shadow:0 1px 3px 0 rgba(0,0,0,.08);-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.ui.menu .ui.dropdown .menu>.item{margin:0;text-align:left;font-size:1em!important;padding:.78571429em 1.14285714em!important;background:0 0!important;color:rgba(0,0,0,.87)!important;text-transform:none!important;font-weight:400!important;-webkit-box-shadow:none!important;box-shadow:none!important;-webkit-transition:none!important;transition:none!important}.ui.menu .ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown .menu>.selected.item{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown .menu>.active.item{background:rgba(0,0,0,.03)!important;font-weight:700!important;color:rgba(0,0,0,.95)!important}.ui.menu .ui.dropdown.item .menu .item:not(.filtered){display:block}.ui.menu .ui.dropdown .menu>.item .icon:not(.dropdown){display:inline-block;font-size:1em!important;float:none;margin:0 .75em 0 0!important}.ui.secondary.menu .dropdown.item>.menu,.ui.text.menu .dropdown.item>.menu{border-radius:.28571429rem;margin-top:.35714286em}.ui.menu .pointing.dropdown.item .menu{margin-top:.75em}.ui.inverted.menu .search.dropdown.item>.search,.ui.inverted.menu .search.dropdown.item>.text{color:rgba(255,255,255,.9)}.ui.vertical.menu .dropdown.item>.icon{float:right;content:"\f0da";margin-left:1em}.ui.vertical.menu .dropdown.item .menu{left:100%;min-width:0;margin:0;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.08);box-shadow:0 1px 3px 0 rgba(0,0,0,.08);border-radius:0 .28571429rem .28571429rem .28571429rem}.ui.vertical.menu .dropdown.item.upward .menu{bottom:0}.ui.vertical.menu .dropdown.item:not(.upward) .menu{top:0}.ui.vertical.menu .active.dropdown.item{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.menu .dropdown.active.item{-webkit-box-shadow:none;box-shadow:none}.ui.item.menu .dropdown .menu .item{width:100%}.ui.menu .item>.label{margin-left:1em;padding:.3em .78571429em}.ui.vertical.menu .item>.label{margin-top:-.15em;margin-bottom:-.15em;padding:.3em .78571429em}.ui.menu .item>.floating.label{padding:.3em .78571429em}.ui.menu .item>.label:not(.primary):not(.secondary):not(.red):not(.orange):not(.yellow):not(.olive):not(.green):not(.teal):not(.blue):not(.violet):not(.purple):not(.pink):not(.brown):not(.grey):not(.black){background:#999;color:#fff}.ui.menu .item>img:not(.ui){display:inline-block;vertical-align:middle;margin:-.3em 0;width:2.5em}.ui.vertical.menu .item>img:not(.ui):only-child{display:block;max-width:100%;width:auto}.ui.menu .list .item:before{background:0 0!important}.ui.vertical.sidebar.menu>.item:first-child:before{display:block!important}.ui.vertical.sidebar.menu>.item::before{top:auto;bottom:0}@media only screen and (max-width:767px){.ui.menu>.ui.container{width:100%!important;margin-left:0!important;margin-right:0!important}}@media only screen and (min-width:768px){.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless)>.container>.item:not(.right):not(.borderless):first-child{border-left:1px solid rgba(34,36,38,.1)}}.ui.link.menu .item:hover,.ui.menu .dropdown.item:hover,.ui.menu .link.item:hover,.ui.menu a.item:hover{cursor:pointer;background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.link.menu .item:active,.ui.menu .link.item:active,.ui.menu a.item:active{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.menu .active.item{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);font-weight:400;-webkit-box-shadow:none;box-shadow:none}.ui.menu .active.item>i.icon{opacity:1}.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.menu .item.disabled,.ui.menu .item.disabled:hover{cursor:default!important;background-color:transparent!important;color:rgba(40,40,40,.3)!important}.ui.menu:not(.vertical) .left.item,.ui.menu:not(.vertical) :not(.dropdown)>.left.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto!important}.ui.menu:not(.vertical) .right.item,.ui.menu:not(.vertical) .right.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto!important}.ui.menu:not(.vertical) .center.item,.ui.menu:not(.vertical) .center.menu{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto!important;margin-right:auto!important}.ui.menu .right.item::before,.ui.menu .right.menu>.item::before{right:auto;left:0}.ui.menu .center.item:last-child::before,.ui.menu .center.menu>.item:last-child::before{display:none}.ui.vertical.menu{display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui.vertical.menu .item{display:block;background:0 0;border-top:none;border-right:none}.ui.vertical.menu>.item:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.menu .item>.label{float:right;text-align:center}.ui.vertical.menu .item>i.icon,.ui.vertical.menu .item>i.icons{width:1.18em;float:right;margin:0 0 0 .5em}.ui.vertical.menu .item>.label+i.icon{float:none;margin:0 .5em 0 0}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.vertical.menu .item:first-child:before{display:none!important}.ui.vertical.menu .item>.menu{margin:.5em -1.14285714em 0}.ui.vertical.menu .menu .item{background:0 0;padding:.5em 1.33333333em;font-size:.85714286em;color:rgba(0,0,0,.5)}.ui.vertical.menu .item .menu .link.item:hover,.ui.vertical.menu .item .menu a.item:hover{color:rgba(0,0,0,.85)}.ui.vertical.menu .menu .item:before{display:none}.ui.vertical.menu .active.item{background:rgba(0,0,0,.05);border-radius:0;-webkit-box-shadow:none;box-shadow:none}.ui.vertical.menu>.active.item:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.menu>.active.item:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.menu>.active.item:only-child{border-radius:.28571429rem}.ui.vertical.menu .active.item .menu .active.item{border-left:none}.ui.vertical.menu .item .menu .active.item{background-color:transparent;font-weight:700;color:rgba(0,0,0,.95)}.ui.tabular.menu{border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border:none;background:none transparent;border-bottom:1px solid #d4d4d5}.ui.tabular.fluid.menu{width:calc(100% + 2px)!important}.ui.tabular.menu .item{background:0 0;border-bottom:none;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;padding:.92857143em 1.42857143em;color:rgba(0,0,0,.87)}.ui.tabular.menu .item:before{display:none}.ui.tabular.menu .item:hover{background-color:transparent;color:rgba(0,0,0,.8)}.ui.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-top-width:1px;border-color:#d4d4d5;font-weight:700;margin-bottom:-1px;-webkit-box-shadow:none;box-shadow:none;border-radius:.28571429rem .28571429rem 0 0!important}.ui.tabular.menu+.attached:not(.top).segment,.ui.tabular.menu+.attached:not(.top).segment+.attached:not(.top).segment{border-top:none;margin-left:0;margin-top:0;margin-right:0;width:100%}.top.attached.segment+.ui.bottom.tabular.menu{position:relative;width:calc(100% + 2px);left:-1px}.ui.bottom.tabular.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:none;border-top:1px solid #d4d4d5}.ui.bottom.tabular.menu .item{background:0 0;border-left:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:none}.ui.bottom.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:-1px 0 0 0;border-radius:0 0 .28571429rem .28571429rem!important}.ui.vertical.tabular.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:none;border-right:1px solid #d4d4d5}.ui.vertical.tabular.menu .item{background:0 0;border-left:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-right:none}.ui.vertical.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:0 -1px 0 0;border-radius:.28571429rem 0 0 .28571429rem!important}.ui.vertical.right.tabular.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border-bottom:none;border-right:none;border-left:1px solid #d4d4d5}.ui.vertical.right.tabular.menu .item{background:0 0;border-right:1px solid transparent;border-bottom:1px solid transparent;border-top:1px solid transparent;border-left:none}.ui.vertical.right.tabular.menu .active.item{background:none #fff;color:rgba(0,0,0,.95);border-color:#d4d4d5;margin:0 0 0 -1px;border-radius:0 .28571429rem .28571429rem 0!important}.ui.tabular.menu .active.dropdown.item{margin-bottom:0;border-left:1px solid transparent;border-right:1px solid transparent;border-top:2px solid transparent;border-bottom:none}.ui.pagination.menu{margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.ui.pagination.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.compact.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.pagination.menu .item:last-child:before{display:none}.ui.pagination.menu .item{min-width:3em;text-align:center}.ui.pagination.menu .icon.item i.icon{vertical-align:top}.ui.pagination.menu .active.item{border-top:none;padding-top:.92857143em;background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.95);-webkit-box-shadow:none;box-shadow:none}.ui.secondary.menu{background:0 0;margin-left:-.35714286em;margin-right:-.35714286em;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.secondary.menu .item{-ms-flex-item-align:center;align-self:center;-webkit-box-shadow:none;box-shadow:none;border:none;padding:.78571429em .92857143em;margin:0 .35714286em;background:0 0;-webkit-transition:color .1s ease;transition:color .1s ease;border-radius:.28571429rem}.ui.secondary.menu .item:before{display:none!important}.ui.secondary.menu .header.item{border-radius:0;border-right:none;background:none transparent}.ui.secondary.menu .item>img:not(.ui){margin:0}.ui.secondary.menu .dropdown.item:hover,.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.menu .active.item{-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);border-radius:.28571429rem}.ui.secondary.menu .active.item:hover{-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.05);color:rgba(0,0,0,.95)}.ui.secondary.inverted.menu .link.item,.ui.secondary.inverted.menu a.item{color:rgba(255,255,255,.7)!important}.ui.secondary.inverted.menu .dropdown.item:hover,.ui.secondary.inverted.menu .link.item:hover,.ui.secondary.inverted.menu a.item:hover{background:rgba(255,255,255,.08);color:#fff!important}.ui.secondary.inverted.menu .active.item{background:rgba(255,255,255,.15);color:#fff!important}.ui.secondary.item.menu{margin-left:0;margin-right:0}.ui.secondary.item.menu .item:last-child{margin-right:0}.ui.secondary.attached.menu{-webkit-box-shadow:none;box-shadow:none}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu{margin:0 -.92857143em}.ui.vertical.secondary.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:.5em 1.33333333em}.ui.secondary.vertical.menu>.item{border:none;margin:0 0 .35714286em;border-radius:.28571429rem!important}.ui.secondary.vertical.menu>.header.item{border-radius:0}.ui.vertical.secondary.menu .item>.menu .item{background-color:transparent}.ui.secondary.inverted.menu{background-color:transparent}.ui.secondary.pointing.menu{margin-left:0;margin-right:0;border-bottom:2px solid rgba(34,36,38,.15)}.ui.secondary.pointing.menu .item{border-bottom-color:transparent;border-bottom-style:solid;border-radius:0;-ms-flex-item-align:end;align-self:flex-end;margin:0 0 -2px;padding:.85714286em 1.14285714em;border-bottom-width:2px;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.secondary.pointing.menu .ui.dropdown .menu .item{border-bottom-width:0}.ui.secondary.pointing.menu .header.item{color:rgba(0,0,0,.85)!important}.ui.secondary.pointing.menu .text.item{-webkit-box-shadow:none!important;box-shadow:none!important}.ui.secondary.pointing.menu .item:after{display:none}.ui.secondary.pointing.menu .dropdown.item:hover,.ui.secondary.pointing.menu .link.item:hover,.ui.secondary.pointing.menu a.item:hover{background-color:transparent;color:rgba(0,0,0,.87)}.ui.secondary.pointing.menu .dropdown.item:active,.ui.secondary.pointing.menu .link.item:active,.ui.secondary.pointing.menu a.item:active{background-color:transparent;border-color:rgba(34,36,38,.15)}.ui.secondary.pointing.menu .active.item{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;border-color:#1b1c1d;font-weight:700;color:rgba(0,0,0,.95)}.ui.secondary.pointing.menu .active.item:hover{border-color:#1b1c1d;color:rgba(0,0,0,.95)}.ui.secondary.pointing.menu .active.dropdown.item{border-color:transparent}.ui.secondary.vertical.pointing.menu{border-bottom-width:0;border-right-width:2px;border-right-style:solid;border-right-color:rgba(34,36,38,.15)}.ui.secondary.vertical.pointing.menu .item{border-bottom:none;border-right-style:solid;border-right-color:transparent;border-radius:0!important;margin:0 -2px 0 0;border-right-width:2px}.ui.secondary.vertical.pointing.menu .active.item{border-color:#1b1c1d}.ui.secondary.inverted.pointing.menu{border-color:rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu{border-width:2px;border-color:rgba(34,36,38,.15)}.ui.secondary.inverted.pointing.menu .item{color:rgba(255,255,255,.9)}.ui.secondary.inverted.pointing.menu .header.item{color:#fff!important}.ui.secondary.inverted.pointing.menu .link.item:hover,.ui.secondary.inverted.pointing.menu a.item:hover{color:rgba(0,0,0,.95)}.ui.secondary.inverted.pointing.menu .active.item{border-color:#fff;color:#fff}.ui.text.menu{background:none transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;margin:1em -.5em}.ui.text.menu .item{border-radius:0;-webkit-box-shadow:none;box-shadow:none;-ms-flex-item-align:center;align-self:center;margin:0 0;padding:.35714286em .5em;font-weight:400;color:rgba(0,0,0,.6);-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.text.menu .item:before,.ui.text.menu .menu .item:before{display:none!important}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(0,0,0,.85);font-size:.92857143em;text-transform:uppercase;font-weight:700}.ui.text.menu .item>img:not(.ui){margin:0}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1em 0}.ui.vertical.text.menu:first-child{margin-top:0}.ui.vertical.text.menu:last-child{margin-bottom:0}.ui.vertical.text.menu .item{margin:.57142857em 0;padding-left:0;padding-right:0}.ui.vertical.text.menu .item>i.icon{float:none;margin:0 .35714286em 0 0}.ui.vertical.text.menu .header.item{margin:.57142857em 0 .71428571em}.ui.vertical.text.menu .item:not(.dropdown)>.menu{margin:0}.ui.vertical.text.menu .item:not(.dropdown)>.menu>.item{margin:0;padding:.5em 0}.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;border:none;-webkit-box-shadow:none;box-shadow:none;font-weight:400;color:rgba(0,0,0,.95)}.ui.text.menu .active.item:hover{background-color:transparent}.ui.text.pointing.menu .active.item:after{-webkit-box-shadow:none;box-shadow:none}.ui.text.attached.menu{-webkit-box-shadow:none;box-shadow:none}.ui.inverted.text.menu,.ui.inverted.text.menu .active.item,.ui.inverted.text.menu .item,.ui.inverted.text.menu .item:hover{background-color:transparent}.ui.fluid.text.menu{margin-left:0;margin-right:0}.ui.vertical.icon.menu{display:inline-block;width:auto}.ui.icon.menu .item{height:auto;text-align:center;color:#1b1c1d}.ui.icon.menu .item>.icon:not(.dropdown){margin:0;opacity:1}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item>.icon{width:auto;margin:0 auto}.ui.vertical.icon.menu .item>.icon:not(.dropdown){display:block;opacity:1;margin:0 auto;float:none}.ui.inverted.icon.menu .item{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .item{min-width:6em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.labeled.icon.menu>.item>.icon:not(.dropdown){height:1em;display:block;font-size:1.71428571em!important;margin:0 auto .5rem!important}.ui.fluid.labeled.icon.menu>.item{min-width:0}@media only screen and (max-width:767px){.ui.stackable.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.stackable.menu .item{width:100%!important}.ui.stackable.menu .item:before{position:absolute;content:'';top:auto;bottom:0;left:0;width:100%;height:1px;background:rgba(34,36,38,.1)}.ui.stackable.menu .left.item,.ui.stackable.menu .left.menu{margin-right:0!important}.ui.stackable.menu .right.item,.ui.stackable.menu .right.menu{margin-left:0!important}.ui.stackable.menu .center.item,.ui.stackable.menu .center.menu{margin-left:0!important;margin-right:0!important}.ui.stackable.menu .center.menu,.ui.stackable.menu .left.menu,.ui.stackable.menu .right.menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.ui.menu .primary.active.item,.ui.primary.menu .active.item{border-color:#2185d0;color:#2185d0}.ui.menu .secondary.active.item,.ui.secondary.menu .active.item{border-color:#1b1c1d;color:#1b1c1d}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#db2828;color:#db2828}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#f2711c;color:#f2711c}.ui.menu .yellow.active.item,.ui.yellow.menu .active.item{border-color:#fbbd08;color:#fbbd08}.ui.menu .olive.active.item,.ui.olive.menu .active.item{border-color:#b5cc18;color:#b5cc18}.ui.green.menu .active.item,.ui.menu .green.active.item{border-color:#21ba45;color:#21ba45}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00b5ad;color:#00b5ad}.ui.blue.menu .active.item,.ui.menu .blue.active.item{border-color:#2185d0;color:#2185d0}.ui.menu .violet.active.item,.ui.violet.menu .active.item{border-color:#6435c9;color:#6435c9}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#a333c8;color:#a333c8}.ui.menu .pink.active.item,.ui.pink.menu .active.item{border-color:#e03997;color:#e03997}.ui.brown.menu .active.item,.ui.menu .brown.active.item{border-color:#a5673f;color:#a5673f}.ui.grey.menu .active.item,.ui.menu .grey.active.item{border-color:#767676;color:#767676}.ui.black.menu .active.item,.ui.menu .black.active.item{border-color:#1b1c1d;color:#1b1c1d}.ui.inverted.menu{border:0 solid transparent;background:#1b1c1d;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a:not(.ui){background:0 0;color:rgba(255,255,255,.9)}.ui.inverted.menu .item.menu{background:0 0}.ui.inverted.menu .item:before{background:rgba(255,255,255,.08)}.ui.vertical.inverted.menu .item:before{background:rgba(255,255,255,.08)}.ui.vertical.inverted.menu .menu .item,.ui.vertical.inverted.menu .menu .item a:not(.ui){color:rgba(255,255,255,.5)}.ui.inverted.menu .header.item{margin:0;background:0 0;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.menu .item.disabled,.ui.inverted.menu .item.disabled:hover{color:rgba(225,225,225,.3)}.ui.inverted.menu .dropdown.item:hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover,.ui.link.inverted.menu .item:hover{background:rgba(255,255,255,.08);color:#fff}.ui.vertical.inverted.menu .item .menu .link.item:hover,.ui.vertical.inverted.menu .item .menu a.item:hover{background:0 0;color:#fff}.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background:rgba(255,255,255,.08);color:#fff}.ui.inverted.menu .active.item{background:rgba(255,255,255,.15);color:#fff!important}.ui.inverted.vertical.menu .item .menu .active.item{background:0 0;color:#fff}.ui.inverted.pointing.menu .active.item:after{background:#3d3e3f;margin:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none!important}.ui.inverted.menu .active.item:hover{background:rgba(255,255,255,.15);color:#fff!important}.ui.inverted.pointing.menu .active.item:hover:after{background:#3d3e3f}.ui.floated.menu{float:left;margin:0 .5rem 0 0}.ui.floated.menu .item:last-child:before{display:none}.ui.right.floated.menu{float:right;margin:0 0 0 .5rem}.ui.inverted.menu .primary.active.item,.ui.inverted.primary.menu{background-color:#2185d0}.ui.inverted.primary.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.primary.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.menu .secondary.active.item,.ui.inverted.secondary.menu{background-color:#1b1c1d}.ui.inverted.secondary.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.secondary.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.menu .red.active.item,.ui.inverted.red.menu{background-color:#db2828}.ui.inverted.red.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.red.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.menu .orange.active.item,.ui.inverted.orange.menu{background-color:#f2711c}.ui.inverted.orange.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.orange.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.menu .yellow.active.item,.ui.inverted.yellow.menu{background-color:#fbbd08}.ui.inverted.yellow.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.yellow.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.menu .olive.active.item,.ui.inverted.olive.menu{background-color:#b5cc18}.ui.inverted.olive.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.olive.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.green.menu,.ui.inverted.menu .green.active.item{background-color:#21ba45}.ui.inverted.green.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.green.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.menu .teal.active.item,.ui.inverted.teal.menu{background-color:#00b5ad}.ui.inverted.teal.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.teal.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.blue.menu,.ui.inverted.menu .blue.active.item{background-color:#2185d0}.ui.inverted.blue.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.blue.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.menu .violet.active.item,.ui.inverted.violet.menu{background-color:#6435c9}.ui.inverted.violet.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.violet.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.menu .purple.active.item,.ui.inverted.purple.menu{background-color:#a333c8}.ui.inverted.purple.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.purple.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.menu .pink.active.item,.ui.inverted.pink.menu{background-color:#e03997}.ui.inverted.pink.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.pink.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.brown.menu,.ui.inverted.menu .brown.active.item{background-color:#a5673f}.ui.inverted.brown.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.brown.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.grey.menu,.ui.inverted.menu .grey.active.item{background-color:#767676}.ui.inverted.grey.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.grey.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.inverted.black.menu,.ui.inverted.menu .black.active.item{background-color:#1b1c1d}.ui.inverted.black.menu .item:before{background-color:rgba(34,36,38,.1)}.ui.inverted.black.menu .active.item{background-color:rgba(0,0,0,.1)}.ui.fitted.menu .item,.ui.fitted.menu .item .menu .item,.ui.menu .fitted.item{padding:0}.ui.horizontally.fitted.menu .item,.ui.horizontally.fitted.menu .item .menu .item,.ui.menu .horizontally.fitted.item{padding-top:.92857143em;padding-bottom:.92857143em}.ui.menu .vertically.fitted.item,.ui.vertically.fitted.menu .item,.ui.vertically.fitted.menu .item .menu .item{padding-left:1.14285714em;padding-right:1.14285714em}.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item:before,.ui.menu .borderless.item:before{background:0 0!important}.ui.compact.menu{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0;vertical-align:middle}.ui.compact.vertical.menu{display:inline-block}.ui.compact.menu .item:last-child{border-radius:0 .28571429rem .28571429rem 0}.ui.compact.menu .item:last-child:before{display:none}.ui.compact.vertical.menu{width:auto!important}.ui.compact.vertical.menu .item:last-child::before{display:block}.ui.menu.fluid,.ui.vertical.menu.fluid{width:100%!important}.ui.item.menu,.ui.item.menu .item{width:100%;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ui.attached.item.menu{margin:0 -1px!important}.ui.item.menu .item:last-child:before{display:none}.ui.menu.two.item .item{width:50%}.ui.menu.three.item .item{width:33.333%}.ui.menu.four.item .item{width:25%}.ui.menu.five.item .item{width:20%}.ui.menu.six.item .item{width:16.666%}.ui.menu.seven.item .item{width:14.285%}.ui.menu.eight.item .item{width:12.5%}.ui.menu.nine.item .item{width:11.11%}.ui.menu.ten.item .item{width:10%}.ui.menu.eleven.item .item{width:9.09%}.ui.menu.twelve.item .item{width:8.333%}.ui.menu.fixed{position:fixed;z-index:101;margin:0;width:100%}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{border-radius:0!important}.ui.fixed.menu,.ui[class*="top fixed"].menu{top:0;left:0;right:auto;bottom:auto}.ui[class*="top fixed"].menu{border-top:none;border-left:none;border-right:none}.ui[class*="right fixed"].menu{border-top:none;border-bottom:none;border-right:none;top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui[class*="bottom fixed"].menu{border-bottom:none;border-left:none;border-right:none;bottom:0;left:0;top:auto;right:auto}.ui[class*="left fixed"].menu{border-top:none;border-bottom:none;border-left:none;top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.fixed.menu+.ui.grid{padding-top:2.75rem}.ui.pointing.menu .item:after{visibility:hidden;position:absolute;content:'';top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);background:0 0;margin:.5px 0 0;width:.57142857em;height:.57142857em;border:none;border-bottom:1px solid #d4d4d5;border-right:1px solid #d4d4d5;z-index:2;-webkit-transition:background .1s ease;transition:background .1s ease}.ui.vertical.pointing.menu .item:after{position:absolute;top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);margin:0 -.5px 0 0;border:none;border-top:1px solid #d4d4d5;border-right:1px solid #d4d4d5}.ui.pointing.menu .ui.dropdown .menu .item:after,.ui.vertical.pointing.menu .ui.dropdown .menu .item:after{display:none}.ui.pointing.menu .active.item:after{visibility:visible}.ui.pointing.menu .active.dropdown.item:after{visibility:hidden}.ui.pointing.menu .active.item .menu .active.item:after,.ui.pointing.menu .dropdown.active.item:after{display:none}.ui.pointing.menu .active.item:hover:after{background-color:#f2f2f2}.ui.pointing.menu .active.item:after{background-color:#f2f2f2}.ui.pointing.menu .active.item:hover:after{background-color:#f2f2f2}.ui.vertical.pointing.menu .active.item:hover:after{background-color:#f2f2f2}.ui.vertical.pointing.menu .active.item:after{background-color:#f2f2f2}.ui.vertical.pointing.menu .menu .active.item:after{background-color:#fff}.ui.inverted.pointing.menu .primary.active.item:after{background-color:#2185d0}.ui.inverted.pointing.menu .secondary.active.item:after{background-color:#1b1c1d}.ui.inverted.pointing.menu .red.active.item:after{background-color:#db2828}.ui.inverted.pointing.menu .orange.active.item:after{background-color:#f2711c}.ui.inverted.pointing.menu .yellow.active.item:after{background-color:#fbbd08}.ui.inverted.pointing.menu .olive.active.item:after{background-color:#b5cc18}.ui.inverted.pointing.menu .green.active.item:after{background-color:#21ba45}.ui.inverted.pointing.menu .teal.active.item:after{background-color:#00b5ad}.ui.inverted.pointing.menu .blue.active.item:after{background-color:#2185d0}.ui.inverted.pointing.menu .violet.active.item:after{background-color:#6435c9}.ui.inverted.pointing.menu .purple.active.item:after{background-color:#a333c8}.ui.inverted.pointing.menu .pink.active.item:after{background-color:#e03997}.ui.inverted.pointing.menu .brown.active.item:after{background-color:#a5673f}.ui.inverted.pointing.menu .grey.active.item:after{background-color:#767676}.ui.inverted.pointing.menu .black.active.item:after{background-color:#1b1c1d}.ui.attached.menu{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none}.ui.attached+.ui.attached.menu:not(.top){border-top:none}.ui[class*="top attached"].menu{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.menu[class*="top attached"]:first-child{margin-top:0}.ui[class*="bottom attached"].menu{bottom:0;margin-top:0;top:0;margin-bottom:1rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui[class*="bottom attached"].menu:last-child{margin-bottom:0}.ui.top.attached.menu>.item:first-child{border-radius:.28571429rem 0 0 0}.ui.bottom.attached.menu>.item:first-child{border-radius:0 0 0 .28571429rem}.ui.attached.menu:not(.tabular){border:1px solid #d4d4d5}.ui.attached.inverted.menu{border:none}.ui.attached.tabular.menu{margin-left:0;margin-right:0;width:100%}.ui.mini.menu{font-size:.78571429rem}.ui.mini.vertical.menu{width:9rem}.ui.mini.menu .dropdown{font-size:.78571429rem}.ui.mini.menu .dropdown .menu>.item{font-size:.78571429rem}.ui.tiny.menu{font-size:.85714286rem}.ui.tiny.vertical.menu{width:11rem}.ui.tiny.menu .dropdown{font-size:.85714286rem}.ui.tiny.menu .dropdown .menu>.item{font-size:.85714286rem}.ui.small.menu{font-size:.92857143rem}.ui.small.vertical.menu{width:13rem}.ui.small.menu .dropdown{font-size:.92857143rem}.ui.small.menu .dropdown .menu>.item{font-size:.92857143rem}.ui.menu{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu{font-size:1.07142857rem}.ui.large.vertical.menu{width:18rem}.ui.large.menu .dropdown{font-size:1.07142857rem}.ui.large.menu .dropdown .menu>.item{font-size:1.07142857rem}.ui.huge.menu{font-size:1.21428571rem}.ui.huge.vertical.menu{width:22rem}.ui.huge.menu .dropdown{font-size:1.21428571rem}.ui.huge.menu .dropdown .menu>.item{font-size:1.21428571rem}.ui.big.menu{font-size:1.14285714rem}.ui.big.vertical.menu{width:20rem}.ui.big.menu .dropdown{font-size:1.14285714rem}.ui.big.menu .dropdown .menu>.item{font-size:1.14285714rem}.ui.massive.menu{font-size:1.28571429rem}.ui.massive.vertical.menu{width:25rem}.ui.massive.menu .dropdown{font-size:1.28571429rem}.ui.massive.menu .dropdown .menu>.item{font-size:1.28571429rem}.ui.menu .ui.inverted.inverted.dropdown.item .menu{background:#1b1c1d;-webkit-box-shadow:none;box-shadow:none}.ui.menu .ui.inverted.dropdown .menu>.item{color:rgba(255,255,255,.8)!important}.ui.menu .ui.inverted.dropdown .menu>.active.item{background:0 0!important;color:rgba(255,255,255,.8)!important}.ui.menu .ui.inverted.dropdown .menu>.item:hover{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.8)!important}.ui.menu .ui.inverted.dropdown .menu>.selected.item{background:rgba(255,255,255,.15)!important;color:rgba(255,255,255,.8)!important}.ui.vertical.menu .inverted.dropdown.item .menu{-webkit-box-shadow:none;box-shadow:none} \ No newline at end of file diff --git a/dist/components/message.css b/dist/components/message.css index 11399dc780..32a507b3a1 100644 --- a/dist/components/message.css +++ b/dist/components/message.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Message + * # Semantic UI 2.7.0 - Message * http://github.com/semantic-org/semantic-ui/ * * @@ -16,7 +16,7 @@ .ui.message { position: relative; min-height: 1em; - margin: 1em 0em; + margin: 1em 0; background: #F8F8F9; padding: 1em 1.5em; line-height: 1.4285em; @@ -26,14 +26,14 @@ transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.message:first-child { - margin-top: 0em; + margin-top: 0; } .ui.message:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -46,7 +46,7 @@ display: block; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; - margin: -0.14285714em 0em 0rem 0em; + margin: -0.14285714em 0 0 0; } /* Default font size */ @@ -57,13 +57,13 @@ /* Paragraph */ .ui.message p { opacity: 0.85; - margin: 0.75em 0em; + margin: 0.75em 0; } .ui.message p:first-child { - margin-top: 0em; + margin-top: 0; } .ui.message p:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.message .header + p { margin-top: 0.25em; @@ -72,22 +72,22 @@ /* List */ .ui.message .list:not(.ui) { text-align: left; - padding: 0em; + padding: 0; opacity: 0.85; list-style-position: inside; - margin: 0.5em 0em 0em; + margin: 0.5em 0 0; } .ui.message .list:not(.ui):first-child { - margin-top: 0em; + margin-top: 0; } .ui.message .list:not(.ui):last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.message .list:not(.ui) li { position: relative; list-style-type: none; - margin: 0em 0em 0.3em 1em; - padding: 0em; + margin: 0 0 0.3em 1em; + padding: 0; } .ui.message .list:not(.ui) li:before { position: absolute; @@ -97,7 +97,7 @@ vertical-align: baseline; } .ui.message .list:not(.ui) li:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /* Icon */ @@ -109,7 +109,7 @@ .ui.message > .close.icon { cursor: pointer; position: absolute; - margin: 0em; + margin: 0; top: 0.78575em; right: 0.5em; opacity: 0.7; @@ -122,10 +122,10 @@ /* First / Last Element */ .ui.message > :first-child { - margin-top: 0em; + margin-top: 0; } .ui.message > :last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -134,7 +134,7 @@ *******************************/ .ui.dropdown .menu > .message { - margin: 0px -1px; + margin: 0 -1px; } @@ -181,6 +181,7 @@ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; + width: auto; } /*-------------- @@ -189,21 +190,21 @@ .ui.attached.message { margin-bottom: -1px; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset; - box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset; + border-radius: 0.28571429rem 0.28571429rem 0 0; + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset; margin-left: -1px; margin-right: -1px; } .ui.attached + .ui.attached.message:not(.top):not(.bottom) { margin-top: -1px; - border-radius: 0em; + border-radius: 0; } .ui.bottom.attached.message { margin-top: -1px; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; - -webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + border-radius: 0 0 0.28571429rem 0.28571429rem; + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset, 0 1px 2px 0 rgba(34, 36, 38, 0.15); } .ui.bottom.attached.message:not(:last-child) { margin-bottom: 1em; @@ -244,7 +245,7 @@ vertical-align: middle; } .ui.icon.message .icon:not(.close) + .content { - padding-left: 0rem; + padding-left: 0; } .ui.icon.message .circular.icon { width: 1em; @@ -255,145 +256,159 @@ ---------------*/ .ui.floating.message { - -webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } /*-------------- Colors ---------------*/ -.ui.black.message { - background-color: #1B1C1D; - color: rgba(255, 255, 255, 0.9); -} /*-------------- Types ---------------*/ - -/* Positive */ .ui.positive.message { background-color: #FCFFF5; color: #2C662D; } .ui.positive.message, .ui.attached.positive.message { - -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.positive.message { - -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.positive.message .header { color: #1A531B; } - -/* Negative */ .ui.negative.message { background-color: #FFF6F6; color: #9F3A38; } .ui.negative.message, .ui.attached.negative.message { - -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.negative.message { - -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.negative.message .header { color: #912D2B; } - -/* Info */ .ui.info.message { background-color: #F8FFFF; color: #276F86; } .ui.info.message, .ui.attached.info.message { - -webkit-box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.info.message { - -webkit-box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.info.message .header { color: #0E566C; } - -/* Warning */ .ui.warning.message { background-color: #FFFAF3; color: #573A08; } .ui.warning.message, .ui.attached.warning.message { - -webkit-box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.warning.message { - -webkit-box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.warning.message .header { color: #794B02; } - -/* Error */ .ui.error.message { background-color: #FFF6F6; color: #9F3A38; } .ui.error.message, .ui.attached.error.message { - -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #E0B4B4 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.error.message { - -webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #E0B4B4 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.error.message .header { color: #912D2B; } - -/* Success */ .ui.success.message { background-color: #FCFFF5; color: #2C662D; } .ui.success.message, .ui.attached.success.message { - -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #A3C293 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.success.message { - -webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #A3C293 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.success.message .header { color: #1A531B; } - -/* Colors */ +.ui.primary.message { + background-color: #DFF0FF; + color: rgba(255, 255, 255, 0.9); +} +.ui.primary.message, +.ui.attached.primary.message { + -webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0); +} +.ui.floating.primary.message { + -webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); +} +.ui.primary.message .header { + color: rgba(242, 242, 242, 0.9); +} +.ui.secondary.message { + background-color: #F4F4F4; + color: rgba(255, 255, 255, 0.9); +} +.ui.secondary.message, +.ui.attached.secondary.message { + -webkit-box-shadow: 0 0 0 1px #1B1C1D inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #1B1C1D inset, 0 0 0 0 rgba(0, 0, 0, 0); +} +.ui.floating.secondary.message { + -webkit-box-shadow: 0 0 0 1px #1B1C1D inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #1B1C1D inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); +} +.ui.secondary.message .header { + color: rgba(242, 242, 242, 0.9); +} .ui.red.message { background-color: #FFE8E6; color: #DB2828; } .ui.red.message, .ui.attached.red.message { - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #DB2828 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.red.message { - -webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #DB2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #DB2828 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.red.message .header { color: #c82121; @@ -404,12 +419,12 @@ } .ui.orange.message, .ui.attached.orange.message { - -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #F2711C inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.orange.message { - -webkit-box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #F2711C inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #F2711C inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.orange.message .header { color: #e7640d; @@ -420,12 +435,12 @@ } .ui.yellow.message, .ui.attached.yellow.message { - -webkit-box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #B58105 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.yellow.message { - -webkit-box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #B58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #B58105 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.yellow.message .header { color: #9c6f04; @@ -436,12 +451,12 @@ } .ui.olive.message, .ui.attached.olive.message { - -webkit-box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #8ABC1E inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.olive.message { - -webkit-box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #8ABC1E inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #8ABC1E inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.olive.message .header { color: #7aa61a; @@ -452,12 +467,12 @@ } .ui.green.message, .ui.attached.green.message { - -webkit-box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #1EBC30 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.green.message { - -webkit-box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #1EBC30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #1EBC30 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.green.message .header { color: #1aa62a; @@ -468,12 +483,12 @@ } .ui.teal.message, .ui.attached.teal.message { - -webkit-box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #10A3A3 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.teal.message { - -webkit-box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #10A3A3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #10A3A3 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.teal.message .header { color: #0e8c8c; @@ -484,12 +499,12 @@ } .ui.blue.message, .ui.attached.blue.message { - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #2185D0 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.blue.message { - -webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #2185D0 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.blue.message .header { color: #1e77ba; @@ -500,12 +515,12 @@ } .ui.violet.message, .ui.attached.violet.message { - -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #6435C9 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.violet.message { - -webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #6435C9 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.violet.message .header { color: #5a30b5; @@ -516,12 +531,12 @@ } .ui.purple.message, .ui.attached.purple.message { - -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #A333C8 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.purple.message { - -webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #A333C8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #A333C8 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.purple.message .header { color: #922eb4; @@ -532,12 +547,12 @@ } .ui.pink.message, .ui.attached.pink.message { - -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #E03997 inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.pink.message { - -webkit-box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #E03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #E03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.pink.message .header { color: #dd238b; @@ -548,21 +563,43 @@ } .ui.brown.message, .ui.attached.brown.message { - -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); - box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #A5673F inset, 0 0 0 0 rgba(0, 0, 0, 0); } .ui.floating.brown.message { - -webkit-box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 0 1px #A5673F inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #A5673F inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.brown.message .header { color: #935b38; } -.ui.inverted.message, +.ui.grey.message { + background-color: #F4F4F4; + color: #767676; +} +.ui.grey.message, +.ui.attached.grey.message { + -webkit-box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 1px #767676 inset, 0 0 0 0 rgba(0, 0, 0, 0); +} +.ui.floating.grey.message { + -webkit-box-shadow: 0 0 0 1px #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 0 0 1px #767676 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); +} +.ui.grey.message .header { + color: #696969; +} .ui.black.message { background-color: #1B1C1D; color: rgba(255, 255, 255, 0.9); } +.ui.black.message .header { + color: rgba(255, 255, 255, 0.9); +} +.ui.inverted.message { + background-color: #1B1C1D; + color: rgba(255, 255, 255, 0.9); +} /*-------------- Sizes diff --git a/dist/components/message.min.css b/dist/components/message.min.css index e7b251363e..29b9b0698c 100644 --- a/dist/components/message.min.css +++ b/dist/components/message.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Message + * # Semantic UI 2.7.0 - Message * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.message{position:relative;min-height:1em;margin:1em 0;background:#f8f8f9;padding:1em 1.5em;line-height:1.4285em;color:rgba(0,0,0,.87);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent;box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;margin:-.14285714em 0 0 0}.ui.message .header:not(.ui){font-size:1.14285714em}.ui.message p{opacity:.85;margin:.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.25em}.ui.message .list:not(.ui){text-align:left;padding:0;opacity:.85;list-style-position:inside;margin:.5em 0 0}.ui.message .list:not(.ui):first-child{margin-top:0}.ui.message .list:not(.ui):last-child{margin-bottom:0}.ui.message .list:not(.ui) li{position:relative;list-style-type:none;margin:0 0 .3em 1em;padding:0}.ui.message .list:not(.ui) li:before{position:absolute;content:'•';left:-1em;height:100%;vertical-align:baseline}.ui.message .list:not(.ui) li:last-child{margin-bottom:0}.ui.message>.icon{margin-right:.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;margin:0;top:.78575em;right:.5em;opacity:.7;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.dropdown .menu>.message{margin:0 -1px}.ui.visible.visible.visible.visible.message{display:block}.ui.icon.visible.visible.visible.visible.message{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.hidden.hidden.hidden.hidden.message{display:none}.ui.compact.message{display:inline-block}.ui.compact.icon.message{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.attached.message{margin-bottom:-1px;border-radius:.28571429rem .28571429rem 0 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;margin-left:-1px;margin-right:-1px}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 .28571429rem .28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{width:auto}.ui.icon.message{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.icon.message>.icon:not(.close){display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;line-height:1;vertical-align:middle;font-size:3em;opacity:.8}.ui.icon.message>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;vertical-align:middle}.ui.icon.message .icon:not(.close)+.content{padding-left:0}.ui.icon.message .circular.icon{width:1em}.ui.floating.message{-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.black.message{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.positive.message{background-color:#fcfff5;color:#2c662d}.ui.attached.positive.message,.ui.positive.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.ui.floating.positive.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a3c293 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.positive.message .header{color:#1a531b}.ui.negative.message{background-color:#fff6f6;color:#9f3a38}.ui.attached.negative.message,.ui.negative.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.ui.floating.negative.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #e0b4b4 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.negative.message .header{color:#912d2b}.ui.info.message{background-color:#f8ffff;color:#276f86}.ui.attached.info.message,.ui.info.message{-webkit-box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent}.ui.floating.info.message{-webkit-box-shadow:0 0 0 1px #a9d5de inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a9d5de inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.info.message .header{color:#0e566c}.ui.warning.message{background-color:#fffaf3;color:#573a08}.ui.attached.warning.message,.ui.warning.message{-webkit-box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent}.ui.floating.warning.message{-webkit-box-shadow:0 0 0 1px #c9ba9b inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #c9ba9b inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.warning.message .header{color:#794b02}.ui.error.message{background-color:#fff6f6;color:#9f3a38}.ui.attached.error.message,.ui.error.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.ui.floating.error.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #e0b4b4 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.error.message .header{color:#912d2b}.ui.success.message{background-color:#fcfff5;color:#2c662d}.ui.attached.success.message,.ui.success.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.ui.floating.success.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a3c293 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.success.message .header{color:#1a531b}.ui.red.message{background-color:#ffe8e6;color:#db2828}.ui.attached.red.message,.ui.red.message{-webkit-box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent}.ui.floating.red.message{-webkit-box-shadow:0 0 0 1px #db2828 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #db2828 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.red.message .header{color:#c82121}.ui.orange.message{background-color:#ffedde;color:#f2711c}.ui.attached.orange.message,.ui.orange.message{-webkit-box-shadow:0 0 0 1px #f2711c inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #f2711c inset,0 0 0 0 transparent}.ui.floating.orange.message{-webkit-box-shadow:0 0 0 1px #f2711c inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #f2711c inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.orange.message .header{color:#e7640d}.ui.yellow.message{background-color:#fff8db;color:#b58105}.ui.attached.yellow.message,.ui.yellow.message{-webkit-box-shadow:0 0 0 1px #b58105 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #b58105 inset,0 0 0 0 transparent}.ui.floating.yellow.message{-webkit-box-shadow:0 0 0 1px #b58105 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #b58105 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.yellow.message .header{color:#9c6f04}.ui.olive.message{background-color:#fbfdef;color:#8abc1e}.ui.attached.olive.message,.ui.olive.message{-webkit-box-shadow:0 0 0 1px #8abc1e inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #8abc1e inset,0 0 0 0 transparent}.ui.floating.olive.message{-webkit-box-shadow:0 0 0 1px #8abc1e inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #8abc1e inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.olive.message .header{color:#7aa61a}.ui.green.message{background-color:#e5f9e7;color:#1ebc30}.ui.attached.green.message,.ui.green.message{-webkit-box-shadow:0 0 0 1px #1ebc30 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #1ebc30 inset,0 0 0 0 transparent}.ui.floating.green.message{-webkit-box-shadow:0 0 0 1px #1ebc30 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #1ebc30 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.green.message .header{color:#1aa62a}.ui.teal.message{background-color:#e1f7f7;color:#10a3a3}.ui.attached.teal.message,.ui.teal.message{-webkit-box-shadow:0 0 0 1px #10a3a3 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #10a3a3 inset,0 0 0 0 transparent}.ui.floating.teal.message{-webkit-box-shadow:0 0 0 1px #10a3a3 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #10a3a3 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.teal.message .header{color:#0e8c8c}.ui.blue.message{background-color:#dff0ff;color:#2185d0}.ui.attached.blue.message,.ui.blue.message{-webkit-box-shadow:0 0 0 1px #2185d0 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #2185d0 inset,0 0 0 0 transparent}.ui.floating.blue.message{-webkit-box-shadow:0 0 0 1px #2185d0 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #2185d0 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.blue.message .header{color:#1e77ba}.ui.violet.message{background-color:#eae7ff;color:#6435c9}.ui.attached.violet.message,.ui.violet.message{-webkit-box-shadow:0 0 0 1px #6435c9 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #6435c9 inset,0 0 0 0 transparent}.ui.floating.violet.message{-webkit-box-shadow:0 0 0 1px #6435c9 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #6435c9 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.violet.message .header{color:#5a30b5}.ui.purple.message{background-color:#f6e7ff;color:#a333c8}.ui.attached.purple.message,.ui.purple.message{-webkit-box-shadow:0 0 0 1px #a333c8 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a333c8 inset,0 0 0 0 transparent}.ui.floating.purple.message{-webkit-box-shadow:0 0 0 1px #a333c8 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a333c8 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.purple.message .header{color:#922eb4}.ui.pink.message{background-color:#ffe3fb;color:#e03997}.ui.attached.pink.message,.ui.pink.message{-webkit-box-shadow:0 0 0 1px #e03997 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e03997 inset,0 0 0 0 transparent}.ui.floating.pink.message{-webkit-box-shadow:0 0 0 1px #e03997 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #e03997 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.pink.message .header{color:#dd238b}.ui.brown.message{background-color:#f1e2d3;color:#a5673f}.ui.attached.brown.message,.ui.brown.message{-webkit-box-shadow:0 0 0 1px #a5673f inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a5673f inset,0 0 0 0 transparent}.ui.floating.brown.message{-webkit-box-shadow:0 0 0 1px #a5673f inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a5673f inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.brown.message .header{color:#935b38}.ui.black.message,.ui.inverted.message{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.mini.message{font-size:.78571429em}.ui.tiny.message{font-size:.85714286em}.ui.small.message{font-size:.92857143em}.ui.message{font-size:1em}.ui.large.message{font-size:1.14285714em}.ui.big.message{font-size:1.28571429em}.ui.huge.message{font-size:1.42857143em}.ui.massive.message{font-size:1.71428571em} \ No newline at end of file + */.ui.message{position:relative;min-height:1em;margin:1em 0;background:#f8f8f9;padding:1em 1.5em;line-height:1.4285em;color:rgba(0,0,0,.87);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease;border-radius:.28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent;box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent}.ui.message:first-child{margin-top:0}.ui.message:last-child{margin-bottom:0}.ui.message .header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;margin:-.14285714em 0 0 0}.ui.message .header:not(.ui){font-size:1.14285714em}.ui.message p{opacity:.85;margin:.75em 0}.ui.message p:first-child{margin-top:0}.ui.message p:last-child{margin-bottom:0}.ui.message .header+p{margin-top:.25em}.ui.message .list:not(.ui){text-align:left;padding:0;opacity:.85;list-style-position:inside;margin:.5em 0 0}.ui.message .list:not(.ui):first-child{margin-top:0}.ui.message .list:not(.ui):last-child{margin-bottom:0}.ui.message .list:not(.ui) li{position:relative;list-style-type:none;margin:0 0 .3em 1em;padding:0}.ui.message .list:not(.ui) li:before{position:absolute;content:'•';left:-1em;height:100%;vertical-align:baseline}.ui.message .list:not(.ui) li:last-child{margin-bottom:0}.ui.message>.icon{margin-right:.6em}.ui.message>.close.icon{cursor:pointer;position:absolute;margin:0;top:.78575em;right:.5em;opacity:.7;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.message>.close.icon:hover{opacity:1}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.dropdown .menu>.message{margin:0 -1px}.ui.visible.visible.visible.visible.message{display:block}.ui.icon.visible.visible.visible.visible.message{display:-webkit-box;display:-ms-flexbox;display:flex}.ui.hidden.hidden.hidden.hidden.message{display:none}.ui.compact.message{display:inline-block}.ui.compact.icon.message{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:auto}.ui.attached.message{margin-bottom:-1px;border-radius:.28571429rem .28571429rem 0 0;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset;margin-left:-1px;margin-right:-1px}.ui.attached+.ui.attached.message:not(.top):not(.bottom){margin-top:-1px;border-radius:0}.ui.bottom.attached.message{margin-top:-1px;border-radius:0 0 .28571429rem .28571429rem;-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15)}.ui.bottom.attached.message:not(:last-child){margin-bottom:1em}.ui.attached.icon.message{width:auto}.ui.icon.message{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.icon.message>.icon:not(.close){display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;line-height:1;vertical-align:middle;font-size:3em;opacity:.8}.ui.icon.message>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;vertical-align:middle}.ui.icon.message .icon:not(.close)+.content{padding-left:0}.ui.icon.message .circular.icon{width:1em}.ui.floating.message{-webkit-box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.positive.message{background-color:#fcfff5;color:#2c662d}.ui.attached.positive.message,.ui.positive.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.ui.floating.positive.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a3c293 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.positive.message .header{color:#1a531b}.ui.negative.message{background-color:#fff6f6;color:#9f3a38}.ui.attached.negative.message,.ui.negative.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.ui.floating.negative.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #e0b4b4 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.negative.message .header{color:#912d2b}.ui.info.message{background-color:#f8ffff;color:#276f86}.ui.attached.info.message,.ui.info.message{-webkit-box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a9d5de inset,0 0 0 0 transparent}.ui.floating.info.message{-webkit-box-shadow:0 0 0 1px #a9d5de inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a9d5de inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.info.message .header{color:#0e566c}.ui.warning.message{background-color:#fffaf3;color:#573a08}.ui.attached.warning.message,.ui.warning.message{-webkit-box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #c9ba9b inset,0 0 0 0 transparent}.ui.floating.warning.message{-webkit-box-shadow:0 0 0 1px #c9ba9b inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #c9ba9b inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.warning.message .header{color:#794b02}.ui.error.message{background-color:#fff6f6;color:#9f3a38}.ui.attached.error.message,.ui.error.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent}.ui.floating.error.message{-webkit-box-shadow:0 0 0 1px #e0b4b4 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #e0b4b4 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.error.message .header{color:#912d2b}.ui.success.message{background-color:#fcfff5;color:#2c662d}.ui.attached.success.message,.ui.success.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a3c293 inset,0 0 0 0 transparent}.ui.floating.success.message{-webkit-box-shadow:0 0 0 1px #a3c293 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a3c293 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.success.message .header{color:#1a531b}.ui.primary.message{background-color:#dff0ff;color:rgba(255,255,255,.9)}.ui.attached.primary.message,.ui.primary.message{-webkit-box-shadow:0 0 0 1px #2185d0 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #2185d0 inset,0 0 0 0 transparent}.ui.floating.primary.message{-webkit-box-shadow:0 0 0 1px #2185d0 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #2185d0 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.primary.message .header{color:rgba(242,242,242,.9)}.ui.secondary.message{background-color:#f4f4f4;color:rgba(255,255,255,.9)}.ui.attached.secondary.message,.ui.secondary.message{-webkit-box-shadow:0 0 0 1px #1b1c1d inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #1b1c1d inset,0 0 0 0 transparent}.ui.floating.secondary.message{-webkit-box-shadow:0 0 0 1px #1b1c1d inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #1b1c1d inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.secondary.message .header{color:rgba(242,242,242,.9)}.ui.red.message{background-color:#ffe8e6;color:#db2828}.ui.attached.red.message,.ui.red.message{-webkit-box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent}.ui.floating.red.message{-webkit-box-shadow:0 0 0 1px #db2828 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #db2828 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.red.message .header{color:#c82121}.ui.orange.message{background-color:#ffedde;color:#f2711c}.ui.attached.orange.message,.ui.orange.message{-webkit-box-shadow:0 0 0 1px #f2711c inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #f2711c inset,0 0 0 0 transparent}.ui.floating.orange.message{-webkit-box-shadow:0 0 0 1px #f2711c inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #f2711c inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.orange.message .header{color:#e7640d}.ui.yellow.message{background-color:#fff8db;color:#b58105}.ui.attached.yellow.message,.ui.yellow.message{-webkit-box-shadow:0 0 0 1px #b58105 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #b58105 inset,0 0 0 0 transparent}.ui.floating.yellow.message{-webkit-box-shadow:0 0 0 1px #b58105 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #b58105 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.yellow.message .header{color:#9c6f04}.ui.olive.message{background-color:#fbfdef;color:#8abc1e}.ui.attached.olive.message,.ui.olive.message{-webkit-box-shadow:0 0 0 1px #8abc1e inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #8abc1e inset,0 0 0 0 transparent}.ui.floating.olive.message{-webkit-box-shadow:0 0 0 1px #8abc1e inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #8abc1e inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.olive.message .header{color:#7aa61a}.ui.green.message{background-color:#e5f9e7;color:#1ebc30}.ui.attached.green.message,.ui.green.message{-webkit-box-shadow:0 0 0 1px #1ebc30 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #1ebc30 inset,0 0 0 0 transparent}.ui.floating.green.message{-webkit-box-shadow:0 0 0 1px #1ebc30 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #1ebc30 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.green.message .header{color:#1aa62a}.ui.teal.message{background-color:#e1f7f7;color:#10a3a3}.ui.attached.teal.message,.ui.teal.message{-webkit-box-shadow:0 0 0 1px #10a3a3 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #10a3a3 inset,0 0 0 0 transparent}.ui.floating.teal.message{-webkit-box-shadow:0 0 0 1px #10a3a3 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #10a3a3 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.teal.message .header{color:#0e8c8c}.ui.blue.message{background-color:#dff0ff;color:#2185d0}.ui.attached.blue.message,.ui.blue.message{-webkit-box-shadow:0 0 0 1px #2185d0 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #2185d0 inset,0 0 0 0 transparent}.ui.floating.blue.message{-webkit-box-shadow:0 0 0 1px #2185d0 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #2185d0 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.blue.message .header{color:#1e77ba}.ui.violet.message{background-color:#eae7ff;color:#6435c9}.ui.attached.violet.message,.ui.violet.message{-webkit-box-shadow:0 0 0 1px #6435c9 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #6435c9 inset,0 0 0 0 transparent}.ui.floating.violet.message{-webkit-box-shadow:0 0 0 1px #6435c9 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #6435c9 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.violet.message .header{color:#5a30b5}.ui.purple.message{background-color:#f6e7ff;color:#a333c8}.ui.attached.purple.message,.ui.purple.message{-webkit-box-shadow:0 0 0 1px #a333c8 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a333c8 inset,0 0 0 0 transparent}.ui.floating.purple.message{-webkit-box-shadow:0 0 0 1px #a333c8 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a333c8 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.purple.message .header{color:#922eb4}.ui.pink.message{background-color:#ffe3fb;color:#e03997}.ui.attached.pink.message,.ui.pink.message{-webkit-box-shadow:0 0 0 1px #e03997 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #e03997 inset,0 0 0 0 transparent}.ui.floating.pink.message{-webkit-box-shadow:0 0 0 1px #e03997 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #e03997 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.pink.message .header{color:#dd238b}.ui.brown.message{background-color:#f1e2d3;color:#a5673f}.ui.attached.brown.message,.ui.brown.message{-webkit-box-shadow:0 0 0 1px #a5673f inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #a5673f inset,0 0 0 0 transparent}.ui.floating.brown.message{-webkit-box-shadow:0 0 0 1px #a5673f inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #a5673f inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.brown.message .header{color:#935b38}.ui.grey.message{background-color:#f4f4f4;color:#767676}.ui.attached.grey.message,.ui.grey.message{-webkit-box-shadow:0 0 0 1px #767676 inset,0 0 0 0 transparent;box-shadow:0 0 0 1px #767676 inset,0 0 0 0 transparent}.ui.floating.grey.message{-webkit-box-shadow:0 0 0 1px #767676 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 0 0 1px #767676 inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.grey.message .header{color:#696969}.ui.black.message{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.black.message .header{color:rgba(255,255,255,.9)}.ui.inverted.message{background-color:#1b1c1d;color:rgba(255,255,255,.9)}.ui.mini.message{font-size:.78571429em}.ui.tiny.message{font-size:.85714286em}.ui.small.message{font-size:.92857143em}.ui.message{font-size:1em}.ui.large.message{font-size:1.14285714em}.ui.big.message{font-size:1.28571429em}.ui.huge.message{font-size:1.42857143em}.ui.massive.message{font-size:1.71428571em} \ No newline at end of file diff --git a/dist/components/modal.css b/dist/components/modal.css index 519f1f8b4f..15119b7adb 100644 --- a/dist/components/modal.css +++ b/dist/components/modal.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Modal + * # Semantic UI 2.7.0 - Modal * http://github.com/semantic-org/semantic-ui/ * * @@ -20,8 +20,8 @@ text-align: left; background: #FFFFFF; border: none; - -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); - box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); + box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2); -webkit-transform-origin: 50% 25%; transform-origin: 50% 25%; -webkit-box-flex: 0; @@ -34,8 +34,10 @@ user-select: text; will-change: top, left, margin, transform, opacity; } -.ui.modal > :first-child:not(.icon), -.ui.modal > .icon:first-child + * { +.ui.modal > :first-child:not(.icon):not(.dimmer), +.ui.modal > .icon:first-child + *, +.ui.modal > .dimmer:first-child + *:not(.icon), +.ui.modal > .dimmer:first-child + .icon + * { border-top-left-radius: 0.28571429rem; border-top-right-radius: 0.28571429rem; } @@ -65,7 +67,7 @@ color: #FFFFFF; width: 2.25rem; height: 2.25rem; - padding: 0.625rem 0rem 0rem 0rem; + padding: 0.625rem 0 0 0; } .ui.modal > .close:hover { opacity: 1; @@ -79,7 +81,7 @@ display: block; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; background: #FFFFFF; - margin: 0em; + margin: 0; padding: 1.25rem 1.5rem; -webkit-box-shadow: none; box-shadow: none; @@ -123,17 +125,17 @@ -ms-flex: 0 1 auto; flex: 0 1 auto; width: ''; - -ms-flex-item-align: top; - align-self: top; + -ms-flex-item-align: start; + align-self: start; max-width: 100%; } .ui.modal > [class*="top aligned"] { - -ms-flex-item-align: top; - align-self: top; + -ms-flex-item-align: start; + align-self: start; } .ui.modal > [class*="middle aligned"] { - -ms-flex-item-align: middle; - align-self: middle; + -ms-flex-item-align: center; + align-self: center; } .ui.modal > [class*="stretched"] { -ms-flex-item-align: stretch; @@ -146,9 +148,9 @@ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; - min-width: 0px; - -ms-flex-item-align: top; - align-self: top; + min-width: 0; + -ms-flex-item-align: start; + align-self: start; } .ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description { @@ -161,7 +163,7 @@ } /*rtl:ignore*/ .ui.modal > .content > .image > i.icon { - margin: 0em; + margin: 0; opacity: 1; width: auto; line-height: 1; @@ -194,31 +196,31 @@ @media only screen and (max-width: 767px) { .ui.modal { width: 95%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 768px) { .ui.modal { width: 88%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 992px) { .ui.modal { width: 850px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1200px) { .ui.modal { width: 900px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1920px) { .ui.modal { width: 950px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @@ -258,9 +260,9 @@ .ui.modal .content > .image { display: block; max-width: 100%; - margin: 0em auto !important; + margin: 0 auto !important; text-align: center; - padding: 0rem 0rem 1rem !important; + padding: 0 0 1rem !important; } .ui.modal > .content > .image > i.icon { font-size: 5rem; @@ -270,8 +272,8 @@ .ui.modal .content > .description { display: block; width: 100% !important; - margin: 0em !important; - padding: 1rem 0rem !important; + margin: 0 !important; + padding: 1rem 0 !important; -webkit-box-shadow: none; box-shadow: none; } @@ -303,7 +305,7 @@ .ui.basic.modal { background-color: transparent; border: none; - border-radius: 0em; + border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; color: #FFFFFF; @@ -425,7 +427,7 @@ /* Scrolling Content */ .ui.modal .scrolling.content { - max-height: calc(70vh); + max-height: calc(80vh - 10em); overflow: auto; } @@ -467,31 +469,31 @@ @media only screen and (max-width: 767px) { .ui.mini.modal { width: 95%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 768px) { .ui.mini.modal { width: 35.2%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 992px) { .ui.mini.modal { width: 340px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1200px) { .ui.mini.modal { width: 360px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1920px) { .ui.mini.modal { width: 380px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @@ -504,31 +506,31 @@ @media only screen and (max-width: 767px) { .ui.tiny.modal { width: 95%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 768px) { .ui.tiny.modal { width: 52.8%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 992px) { .ui.tiny.modal { width: 510px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1200px) { .ui.tiny.modal { width: 540px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1920px) { .ui.tiny.modal { width: 570px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @@ -541,31 +543,31 @@ @media only screen and (max-width: 767px) { .ui.small.modal { width: 95%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 768px) { .ui.small.modal { width: 70.4%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 992px) { .ui.small.modal { width: 680px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1200px) { .ui.small.modal { width: 720px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1920px) { .ui.small.modal { width: 760px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @@ -576,31 +578,31 @@ @media only screen and (max-width: 767px) { .ui.large.modal { width: 95%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 768px) { .ui.large.modal { width: 88%; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 992px) { .ui.large.modal { width: 1020px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1200px) { .ui.large.modal { width: 1080px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } @media only screen and (min-width: 1920px) { .ui.large.modal { width: 1140px; - margin: 0em 0em 0em 0em; + margin: 0 0 0 0; } } diff --git a/dist/components/modal.js b/dist/components/modal.js index 9c5a4f4757..cb61c7ecc6 100644 --- a/dist/components/modal.js +++ b/dist/components/modal.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Modal + * # Semantic UI 2.7.0 - Modal * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -252,7 +256,9 @@ $.fn.modal = function(parameters) { }); }, preventScroll: function(event) { - event.preventDefault(); + if(event.target.className.indexOf('dimmer') !== -1) { + event.preventDefault(); + } }, deny: function() { if(ignoreRepeatedEvents || settings.onDeny.call(element, $(this)) === false) { @@ -290,15 +296,17 @@ $.fn.modal = function(parameters) { isInModal = ($target.closest(selector.modal).length > 0), isInDOM = $.contains(document.documentElement, event.target) ; - if(!isInModal && isInDOM && module.is.active()) { + if(!isInModal && isInDOM && module.is.active() && $module.hasClass(className.top) ) { module.debug('Dimmer clicked, hiding all modals'); - module.remove.clickaway(); if(settings.allowMultiple) { - module.hideAll(); + if(!module.hideAll()) { + return; + } } - else { - module.hide(); + else if(!module.hide()){ + return; } + module.remove.clickaway(); } }, debounce: function(method, delay) { @@ -357,7 +365,7 @@ $.fn.modal = function(parameters) { : function(){} ; module.refreshModals(); - module.hideModal(callback); + return module.hideModal(callback); }, showModal: function(callback) { @@ -386,7 +394,7 @@ $.fn.modal = function(parameters) { else { if( settings.allowMultiple ) { if ( module.others.active() ) { - $otherModals.filter('.' + className.active).find(selector.dimmer).addClass('active') + $otherModals.filter('.' + className.active).find(selector.dimmer).addClass('active'); } if ( settings.detachable ) { @@ -439,7 +447,7 @@ $.fn.modal = function(parameters) { module.debug('Hiding modal'); if(settings.onHide.call(element, $(this)) === false) { module.verbose('Hide callback returned false cancelling hide'); - return; + return false; } if( module.is.animating() || module.is.active() ) { @@ -461,15 +469,16 @@ $.fn.modal = function(parameters) { } }, onComplete : function() { + module.unbind.scrollLock(); if ( settings.allowMultiple ) { $previousModal.addClass(className.top); $module.removeClass(className.top); if ( hideOthersToo ) { - $allModals.find(selector.dimmer).removeClass('active') + $allModals.find(selector.dimmer).removeClass('active'); } else { - $previousModal.find(selector.dimmer).removeClass('active') + $previousModal.find(selector.dimmer).removeClass('active'); } } settings.onHidden.call(element); @@ -520,10 +529,17 @@ $.fn.modal = function(parameters) { ; if( $visibleModals.length > 0 ) { module.debug('Hiding all visible modals'); - module.hideDimmer(); - $visibleModals - .modal('hide modal', callback, false, true) - ; + var hideOk = true; +//check in reverse order trying to hide most top displayed modal first + $($visibleModals.get().reverse()).each(function(index,element){ + if(hideOk){ + hideOk = $(element).modal('hide modal', callback, false, true); + } + }); + if(hideOk) { + module.hideDimmer(); + } + return hideOk; } }, @@ -790,7 +806,7 @@ $.fn.modal = function(parameters) { }, active: function() { $module.addClass(className.active + ' ' + className.top); - $otherModals.filter('.' + className.active).removeClass(className.top) + $otherModals.filter('.' + className.active).removeClass(className.top); }, scrolling: function() { $dimmable.addClass(className.scrolling); @@ -967,7 +983,7 @@ $.fn.modal = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/dist/components/modal.min.css b/dist/components/modal.min.css index 17475375a8..2314072098 100644 --- a/dist/components/modal.min.css +++ b/dist/components/modal.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Modal + * # Semantic UI 2.7.0 - Modal * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.modal{position:absolute;display:none;z-index:1001;text-align:left;background:#fff;border:none;-webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:.28571429rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity}.ui.modal>.icon:first-child+*,.ui.modal>:first-child:not(.icon){border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.modal>:last-child{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5rem;right:-2.5rem;z-index:1;opacity:.8;font-size:1.25em;color:#fff;width:2.25rem;height:2.25rem;padding:.625rem 0 0 0}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;margin:0;padding:1.25rem 1.5rem;-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.85);border-bottom:1px solid rgba(34,36,38,.15)}.ui.modal>.header:not(.ui){font-size:1.42857143rem;line-height:1.28571429em;font-weight:700}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;background:#fff}.ui.modal>.image.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.modal>.content>.image{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:'';-ms-flex-item-align:top;align-self:top;max-width:100%}.ui.modal>[class*="top aligned"]{-ms-flex-item-align:top;align-self:top}.ui.modal>[class*="middle aligned"]{-ms-flex-item-align:middle;align-self:middle}.ui.modal>[class*=stretched]{-ms-flex-item-align:stretch;align-self:stretch}.ui.modal>.content>.description{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:0;-ms-flex-item-align:top;align-self:top}.ui.modal>.content>.icon+.description,.ui.modal>.content>.image+.description{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:'';width:auto;padding-left:2em}.ui.modal>.content>.image>i.icon{margin:0;opacity:1;width:auto;line-height:1;font-size:8rem}.ui.modal>.actions{background:#f9fafb;padding:1rem 1rem;border-top:1px solid rgba(34,36,38,.15);text-align:right}.ui.modal .actions>.button{margin-left:.75em}.ui.basic.modal>.actions{border-top:none}@media only screen and (max-width:767px){.ui.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.modal{width:850px;margin:0}}@media only screen and (min-width:1200px){.ui.modal{width:900px;margin:0}}@media only screen and (min-width:1920px){.ui.modal{width:950px;margin:0}}@media only screen and (max-width:991px){.ui.modal>.header{padding-right:2.25rem}.ui.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}}@media only screen and (max-width:767px){.ui.modal>.header{padding:.75rem 1rem!important;padding-right:2.25rem!important}.ui.modal>.content{display:block;padding:1rem!important}.ui.modal>.close{top:.5rem!important;right:.5rem!important}.ui.modal .image.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.modal .content>.image{display:block;max-width:100%;margin:0 auto!important;text-align:center;padding:0 0 1rem!important}.ui.modal>.content>.image>i.icon{font-size:5rem;text-align:center}.ui.modal .content>.description{display:block;width:100%!important;margin:0!important;padding:1rem 0!important;-webkit-box-shadow:none;box-shadow:none}.ui.modal>.actions{padding:1rem 1rem 0!important}.ui.modal .actions>.button,.ui.modal .actions>.buttons{margin-bottom:1rem}}.ui.inverted.dimmer>.ui.modal{-webkit-box-shadow:1px 3px 10px 2px rgba(0,0,0,.2);box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)}.ui.basic.modal{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header{background-color:transparent}.ui.basic.modal>.header{color:#fff}.ui.basic.modal>.close{top:1rem;right:1.5rem;color:#fff}.ui.inverted.dimmer>.basic.modal{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.basic.modal>.header{color:rgba(0,0,0,.85)}.ui.legacy.legacy.modal,.ui.legacy.legacy.page.dimmer>.ui.modal{top:50%!important;left:50%!important}.ui.legacy.legacy.page.dimmer>.ui.scrolling.modal,.ui.page.dimmer>.ui.scrolling.legacy.legacy.modal,.ui.top.aligned.dimmer>.ui.legacy.legacy.modal,.ui.top.aligned.legacy.legacy.page.dimmer>.ui.modal{top:auto!important}.ui.loading.modal{display:block;visibility:hidden;z-index:-1}.ui.active.modal{display:block}.modals.dimmer[class*="top aligned"] .modal{margin:5vh auto}@media only screen and (max-width:767px){.modals.dimmer[class*="top aligned"] .modal{margin:1rem auto}}.legacy.modals.dimmer[class*="top aligned"]{padding-top:5vh}@media only screen and (max-width:767px){.legacy.modals.dimmer[class*="top aligned"]{padding-top:1rem}}.scrolling.dimmable.dimmed{overflow:hidden}.scrolling.dimmable>.dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:fixed}.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-webkit-overflow-scrolling:touch}.modals.dimmer .ui.scrolling.modal{margin:1rem auto}.scrolling.undetached.dimmable.dimmed{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.undetached.dimmable.dimmed>.dimmer{overflow:hidden}.scrolling.undetached.dimmable .ui.scrolling.modal{position:absolute;left:50%;margin-top:1rem!important}.ui.modal .scrolling.content{max-height:calc(70vh);overflow:auto}.ui.fullscreen.modal{width:95%!important;left:2.5%!important;margin:1em auto}.ui.fullscreen.modal>.header{padding-right:2.25rem}.ui.fullscreen.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}.ui.basic.fullscreen.modal>.close{color:#fff}.ui.modal{font-size:1rem}.ui.mini.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.mini.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.mini.modal{width:35.2%;margin:0}}@media only screen and (min-width:992px){.ui.mini.modal{width:340px;margin:0}}@media only screen and (min-width:1200px){.ui.mini.modal{width:360px;margin:0}}@media only screen and (min-width:1920px){.ui.mini.modal{width:380px;margin:0}}.ui.tiny.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.tiny.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.tiny.modal{width:52.8%;margin:0}}@media only screen and (min-width:992px){.ui.tiny.modal{width:510px;margin:0}}@media only screen and (min-width:1200px){.ui.tiny.modal{width:540px;margin:0}}@media only screen and (min-width:1920px){.ui.tiny.modal{width:570px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.small.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.small.modal{width:70.4%;margin:0}}@media only screen and (min-width:992px){.ui.small.modal{width:680px;margin:0}}@media only screen and (min-width:1200px){.ui.small.modal{width:720px;margin:0}}@media only screen and (min-width:1920px){.ui.small.modal{width:760px;margin:0}}.ui.large.modal>.header{font-size:1.6em}@media only screen and (max-width:767px){.ui.large.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.large.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.large.modal{width:1020px;margin:0}}@media only screen and (min-width:1200px){.ui.large.modal{width:1080px;margin:0}}@media only screen and (min-width:1920px){.ui.large.modal{width:1140px;margin:0}}.ui.inverted.modal{background:rgba(0,0,0,.9)}.ui.inverted.modal>.content,.ui.inverted.modal>.header{background:rgba(0,0,0,.9);color:#fff}.ui.inverted.modal>.actions{background:#191a1b;border-top:1px solid rgba(34,36,38,.85)}.ui.inverted.dimmer>.modal>.close{color:rgba(0,0,0,.85)}@media only screen and (max-width:991px){.ui.dimmer .inverted.modal>.close{color:#fff}}.ui.inverted.fullscreen.modal>.close{color:#fff} \ No newline at end of file + */.ui.modal{position:absolute;display:none;z-index:1001;text-align:left;background:#fff;border:none;-webkit-box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);box-shadow:1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;border-radius:.28571429rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;will-change:top,left,margin,transform,opacity}.ui.modal>.dimmer:first-child+.icon+*,.ui.modal>.dimmer:first-child+:not(.icon),.ui.modal>.icon:first-child+*,.ui.modal>:first-child:not(.icon):not(.dimmer){border-top-left-radius:.28571429rem;border-top-right-radius:.28571429rem}.ui.modal>:last-child{border-bottom-left-radius:.28571429rem;border-bottom-right-radius:.28571429rem}.ui.modal>.close{cursor:pointer;position:absolute;top:-2.5rem;right:-2.5rem;z-index:1;opacity:.8;font-size:1.25em;color:#fff;width:2.25rem;height:2.25rem;padding:.625rem 0 0 0}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{display:block;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;background:#fff;margin:0;padding:1.25rem 1.5rem;-webkit-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.85);border-bottom:1px solid rgba(34,36,38,.15)}.ui.modal>.header:not(.ui){font-size:1.42857143rem;line-height:1.28571429em;font-weight:700}.ui.modal>.content{display:block;width:100%;font-size:1em;line-height:1.4;padding:1.5rem;background:#fff}.ui.modal>.image.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.modal>.content>.image{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:'';-ms-flex-item-align:start;align-self:start;max-width:100%}.ui.modal>[class*="top aligned"]{-ms-flex-item-align:start;align-self:start}.ui.modal>[class*="middle aligned"]{-ms-flex-item-align:center;align-self:center}.ui.modal>[class*=stretched]{-ms-flex-item-align:stretch;align-self:stretch}.ui.modal>.content>.description{display:block;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;min-width:0;-ms-flex-item-align:start;align-self:start}.ui.modal>.content>.icon+.description,.ui.modal>.content>.image+.description{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:'';width:auto;padding-left:2em}.ui.modal>.content>.image>i.icon{margin:0;opacity:1;width:auto;line-height:1;font-size:8rem}.ui.modal>.actions{background:#f9fafb;padding:1rem 1rem;border-top:1px solid rgba(34,36,38,.15);text-align:right}.ui.modal .actions>.button{margin-left:.75em}.ui.basic.modal>.actions{border-top:none}@media only screen and (max-width:767px){.ui.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.modal{width:850px;margin:0}}@media only screen and (min-width:1200px){.ui.modal{width:900px;margin:0}}@media only screen and (min-width:1920px){.ui.modal{width:950px;margin:0}}@media only screen and (max-width:991px){.ui.modal>.header{padding-right:2.25rem}.ui.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}}@media only screen and (max-width:767px){.ui.modal>.header{padding:.75rem 1rem!important;padding-right:2.25rem!important}.ui.modal>.content{display:block;padding:1rem!important}.ui.modal>.close{top:.5rem!important;right:.5rem!important}.ui.modal .image.content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.modal .content>.image{display:block;max-width:100%;margin:0 auto!important;text-align:center;padding:0 0 1rem!important}.ui.modal>.content>.image>i.icon{font-size:5rem;text-align:center}.ui.modal .content>.description{display:block;width:100%!important;margin:0!important;padding:1rem 0!important;-webkit-box-shadow:none;box-shadow:none}.ui.modal>.actions{padding:1rem 1rem 0!important}.ui.modal .actions>.button,.ui.modal .actions>.buttons{margin-bottom:1rem}}.ui.inverted.dimmer>.ui.modal{-webkit-box-shadow:1px 3px 10px 2px rgba(0,0,0,.2);box-shadow:1px 3px 10px 2px rgba(0,0,0,.2)}.ui.basic.modal{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;color:#fff}.ui.basic.modal>.actions,.ui.basic.modal>.content,.ui.basic.modal>.header{background-color:transparent}.ui.basic.modal>.header{color:#fff}.ui.basic.modal>.close{top:1rem;right:1.5rem;color:#fff}.ui.inverted.dimmer>.basic.modal{color:rgba(0,0,0,.87)}.ui.inverted.dimmer>.ui.basic.modal>.header{color:rgba(0,0,0,.85)}.ui.legacy.legacy.modal,.ui.legacy.legacy.page.dimmer>.ui.modal{top:50%!important;left:50%!important}.ui.legacy.legacy.page.dimmer>.ui.scrolling.modal,.ui.page.dimmer>.ui.scrolling.legacy.legacy.modal,.ui.top.aligned.dimmer>.ui.legacy.legacy.modal,.ui.top.aligned.legacy.legacy.page.dimmer>.ui.modal{top:auto!important}.ui.loading.modal{display:block;visibility:hidden;z-index:-1}.ui.active.modal{display:block}.modals.dimmer[class*="top aligned"] .modal{margin:5vh auto}@media only screen and (max-width:767px){.modals.dimmer[class*="top aligned"] .modal{margin:1rem auto}}.legacy.modals.dimmer[class*="top aligned"]{padding-top:5vh}@media only screen and (max-width:767px){.legacy.modals.dimmer[class*="top aligned"]{padding-top:1rem}}.scrolling.dimmable.dimmed{overflow:hidden}.scrolling.dimmable>.dimmer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:fixed}.scrolling.dimmable.dimmed>.dimmer{overflow:auto;-webkit-overflow-scrolling:touch}.modals.dimmer .ui.scrolling.modal{margin:1rem auto}.scrolling.undetached.dimmable.dimmed{overflow:auto;-webkit-overflow-scrolling:touch}.scrolling.undetached.dimmable.dimmed>.dimmer{overflow:hidden}.scrolling.undetached.dimmable .ui.scrolling.modal{position:absolute;left:50%;margin-top:1rem!important}.ui.modal .scrolling.content{max-height:calc(80vh - 10em);overflow:auto}.ui.fullscreen.modal{width:95%!important;left:2.5%!important;margin:1em auto}.ui.fullscreen.modal>.header{padding-right:2.25rem}.ui.fullscreen.modal>.close{top:1.0535rem;right:1rem;color:rgba(0,0,0,.87)}.ui.basic.fullscreen.modal>.close{color:#fff}.ui.modal{font-size:1rem}.ui.mini.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.mini.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.mini.modal{width:35.2%;margin:0}}@media only screen and (min-width:992px){.ui.mini.modal{width:340px;margin:0}}@media only screen and (min-width:1200px){.ui.mini.modal{width:360px;margin:0}}@media only screen and (min-width:1920px){.ui.mini.modal{width:380px;margin:0}}.ui.tiny.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.tiny.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.tiny.modal{width:52.8%;margin:0}}@media only screen and (min-width:992px){.ui.tiny.modal{width:510px;margin:0}}@media only screen and (min-width:1200px){.ui.tiny.modal{width:540px;margin:0}}@media only screen and (min-width:1920px){.ui.tiny.modal{width:570px;margin:0}}.ui.small.modal>.header:not(.ui){font-size:1.3em}@media only screen and (max-width:767px){.ui.small.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.small.modal{width:70.4%;margin:0}}@media only screen and (min-width:992px){.ui.small.modal{width:680px;margin:0}}@media only screen and (min-width:1200px){.ui.small.modal{width:720px;margin:0}}@media only screen and (min-width:1920px){.ui.small.modal{width:760px;margin:0}}.ui.large.modal>.header{font-size:1.6em}@media only screen and (max-width:767px){.ui.large.modal{width:95%;margin:0}}@media only screen and (min-width:768px){.ui.large.modal{width:88%;margin:0}}@media only screen and (min-width:992px){.ui.large.modal{width:1020px;margin:0}}@media only screen and (min-width:1200px){.ui.large.modal{width:1080px;margin:0}}@media only screen and (min-width:1920px){.ui.large.modal{width:1140px;margin:0}}.ui.inverted.modal{background:rgba(0,0,0,.9)}.ui.inverted.modal>.content,.ui.inverted.modal>.header{background:rgba(0,0,0,.9);color:#fff}.ui.inverted.modal>.actions{background:#191a1b;border-top:1px solid rgba(34,36,38,.85)}.ui.inverted.dimmer>.modal>.close{color:rgba(0,0,0,.85)}@media only screen and (max-width:991px){.ui.dimmer .inverted.modal>.close{color:#fff}}.ui.inverted.fullscreen.modal>.close{color:#fff} \ No newline at end of file diff --git a/dist/components/modal.min.js b/dist/components/modal.min.js index 35b29d8529..1247e73c7c 100644 --- a/dist/components/modal.min.js +++ b/dist/components/modal.min.js @@ -1 +1,11 @@ -!function(q,L,N,P){"use strict";L=void 0!==L&&L.Math==Math?L:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),q.fn.modal=function(S){var M,e=q(this),F=q(L),x=q(N),D=q("body"),H=e.selector||"",A=(new Date).getTime(),O=[],T=S,z="string"==typeof T,E=[].slice.call(arguments,1),j=L.requestAnimationFrame||L.mozRequestAnimationFrame||L.webkitRequestAnimationFrame||L.msRequestAnimationFrame||function(e){setTimeout(e,0)};return e.each(function(){var o,a,e,t,n,r,i,s,c,l,d=q.isPlainObject(S)?q.extend(!0,{},q.fn.modal.settings,S):q.extend({},q.fn.modal.settings),u=d.selector,m=d.className,f=d.namespace,g=d.error,h="."+f,v="module-"+f,b=q(this),p=q(d.context),y=b.find(u.close),w=this,k=b.data(v),C=!1;l={initialize:function(){l.verbose("Initializing dimmer",p),l.create.id(),l.create.dimmer(),d.allowMultiple&&l.create.innerDimmer(),l.refreshModals(),l.bind.events(),d.observeChanges&&l.observeChanges(),l.instantiate()},instantiate:function(){l.verbose("Storing instance of modal"),k=l,b.data(v,k)},create:{dimmer:function(){var e={debug:d.debug,variation:!d.centered&&"top aligned",dimmerName:"modals"},i=q.extend(!0,e,d.dimmerSettings);q.fn.dimmer!==P?(l.debug("Creating dimmer"),t=p.dimmer(i),d.detachable?(l.verbose("Modal is detachable, moving content into dimmer"),t.dimmer("add content",b)):l.set.undetached(),n=t.dimmer("get dimmer")):l.error(g.dimmer)},id:function(){s=(Math.random().toString(16)+"000000000").substr(2,8),i="."+s,l.verbose("Creating unique id for element",s)},innerDimmer:function(){0==b.find(u.dimmer).length&&b.prepend('
    ')}},destroy:function(){l.verbose("Destroying previous modal"),b.removeData(v).off(h),F.off(i),n.off(i),y.off(h),p.dimmer("destroy")},observeChanges:function(){"MutationObserver"in L&&((c=new MutationObserver(function(e){l.debug("DOM tree modified, refreshing"),l.refresh()})).observe(w,{childList:!0,subtree:!0}),l.debug("Setting up mutation observer",c))},refresh:function(){l.remove.scrolling(),l.cacheSizes(),l.can.useFlex()||l.set.modalOffset(),l.set.screenHeight(),l.set.type()},refreshModals:function(){a=b.siblings(u.modal),o=a.add(b)},attachEvents:function(e,i){var n=q(e);i=q.isFunction(l[i])?l[i]:l.toggle,0 .close",approve:".actions .positive, .actions .approve, .actions .ok",deny:".actions .negative, .actions .deny, .actions .cancel",modal:".ui.modal",dimmer:"> .ui.dimmer"},error:{dimmer:"UI Dimmer, a required component is not included in this page",method:"The method you called is not defined.",notFound:"The element you specified could not be found"},className:{active:"active",animating:"animating",blurring:"blurring",inverted:"inverted",legacy:"legacy",loading:"loading",scrolling:"scrolling",undetached:"undetached",top:"top"}}}(jQuery,window,document); \ No newline at end of file + /* + * # Fomantic UI - 2.7.0 + * https://github.com/fomantic/Fomantic-UI + * http://fomantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +!function(q,L,N,P){"use strict";q.isFunction=q.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},L=void 0!==L&&L.Math==Math?L:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),q.fn.modal=function(S){var M,e=q(this),F=q(L),x=q(N),D=q("body"),A=e.selector||"",H=(new Date).getTime(),O=[],T=S,z="string"==typeof T,E=[].slice.call(arguments,1),j=L.requestAnimationFrame||L.mozRequestAnimationFrame||L.webkitRequestAnimationFrame||L.msRequestAnimationFrame||function(e){setTimeout(e,0)};return e.each(function(){var o,a,e,t,i,r,n,s,c,l,d=q.isPlainObject(S)?q.extend(!0,{},q.fn.modal.settings,S):q.extend({},q.fn.modal.settings),u=d.selector,m=d.className,f=d.namespace,g=d.error,h="."+f,v="module-"+f,b=q(this),p=q(d.context),y=b.find(u.close),w=this,k=b.data(v),C=!1;l={initialize:function(){l.verbose("Initializing dimmer",p),l.create.id(),l.create.dimmer(),d.allowMultiple&&l.create.innerDimmer(),l.refreshModals(),l.bind.events(),d.observeChanges&&l.observeChanges(),l.instantiate()},instantiate:function(){l.verbose("Storing instance of modal"),k=l,b.data(v,k)},create:{dimmer:function(){var e={debug:d.debug,variation:!d.centered&&"top aligned",dimmerName:"modals"},n=q.extend(!0,e,d.dimmerSettings);q.fn.dimmer!==P?(l.debug("Creating dimmer"),t=p.dimmer(n),d.detachable?(l.verbose("Modal is detachable, moving content into dimmer"),t.dimmer("add content",b)):l.set.undetached(),i=t.dimmer("get dimmer")):l.error(g.dimmer)},id:function(){s=(Math.random().toString(16)+"000000000").substr(2,8),n="."+s,l.verbose("Creating unique id for element",s)},innerDimmer:function(){0==b.find(u.dimmer).length&&b.prepend('
    ')}},destroy:function(){l.verbose("Destroying previous modal"),b.removeData(v).off(h),F.off(n),i.off(n),y.off(h),p.dimmer("destroy")},observeChanges:function(){"MutationObserver"in L&&((c=new MutationObserver(function(e){l.debug("DOM tree modified, refreshing"),l.refresh()})).observe(w,{childList:!0,subtree:!0}),l.debug("Setting up mutation observer",c))},refresh:function(){l.remove.scrolling(),l.cacheSizes(),l.can.useFlex()||l.set.modalOffset(),l.set.screenHeight(),l.set.type()},refreshModals:function(){a=b.siblings(u.modal),o=a.add(b)},attachEvents:function(e,n){var i=q(e);n=q.isFunction(l[n])?l[n]:l.toggle,0 .close",approve:".actions .positive, .actions .approve, .actions .ok",deny:".actions .negative, .actions .deny, .actions .cancel",modal:".ui.modal",dimmer:"> .ui.dimmer"},error:{dimmer:"UI Dimmer, a required component is not included in this page",method:"The method you called is not defined.",notFound:"The element you specified could not be found"},className:{active:"active",animating:"animating",blurring:"blurring",inverted:"inverted",legacy:"legacy",loading:"loading",scrolling:"scrolling",undetached:"undetached",top:"top"}}}(jQuery,window,document); \ No newline at end of file diff --git a/dist/components/nag.css b/dist/components/nag.css index 322b569e07..48b3f886ea 100644 --- a/dist/components/nag.css +++ b/dist/components/nag.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Nag + * # Semantic UI 2.7.0 - Nag * http://github.com/semantic-org/semantic-ui/ * * @@ -17,20 +17,20 @@ display: none; opacity: 0.95; position: relative; - top: 0em; - left: 0px; + top: 0; + left: 0; z-index: 999; - min-height: 0em; + min-height: 0; width: 100%; - margin: 0em; + margin: 0; padding: 0.75em 1em; background: #555555; - -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); font-size: 1rem; text-align: center; color: rgba(0, 0, 0, 0.87); - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; -webkit-transition: 0.2s background ease; transition: 0.2s background ease; } @@ -39,7 +39,7 @@ a.ui.nag { } .ui.nag > .title { display: inline-block; - margin: 0em 0.5em; + margin: 0 0.5em; color: #FFFFFF; } .ui.nag > .close.icon { @@ -49,7 +49,7 @@ a.ui.nag { top: 50%; right: 1em; font-size: 1em; - margin: -0.5em 0em 0em; + margin: -0.5em 0 0; color: #FFFFFF; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; @@ -99,9 +99,9 @@ a.ui.nag { .ui.bottom.nags, .ui.bottom.nag { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; top: auto; - bottom: 0em; + bottom: 0; } /*-------------- @@ -126,13 +126,13 @@ a.ui.nag { *******************************/ .ui.nags .nag { - border-radius: 0em !important; + border-radius: 0 !important; } .ui.nags .nag:last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } .ui.bottom.nags .nag:last-child { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } diff --git a/dist/components/nag.js b/dist/components/nag.js index 851af4e7b9..4f42ba3144 100644 --- a/dist/components/nag.js +++ b/dist/components/nag.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Nag + * # Semantic UI 2.7.0 - Nag * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -405,7 +409,7 @@ $.fn.nag = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/dist/components/nag.min.css b/dist/components/nag.min.css index ffe0c60d12..33389c2e40 100644 --- a/dist/components/nag.min.css +++ b/dist/components/nag.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Nag + * # Semantic UI 2.7.0 - Nag * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/nag.min.js b/dist/components/nag.min.js index 9d9e82c6fc..2bce0f3c48 100644 --- a/dist/components/nag.min.js +++ b/dist/components/nag.min.js @@ -1 +1,11 @@ -!function(y,k,e,S){"use strict";k=void 0!==k&&k.Math==Math?k:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),y.fn.nag=function(u){var d,e=y(this),m=e.selector||"",f=(new Date).getTime(),p=[],h=u,b="string"==typeof h,v=[].slice.call(arguments,1);return e.each(function(){var r,n=y.isPlainObject(u)?y.extend(!0,{},y.fn.nag.settings,u):y.extend({},y.fn.nag.settings),e=(n.className,n.selector),l=n.error,o=n.namespace,t="."+o,i=o+"-module",s=y(this),a=(s.find(e.close),n.context?y(n.context):y("body")),c=this,g=s.data(i);k.requestAnimationFrame||k.mozRequestAnimationFrame||k.webkitRequestAnimationFrame||k.msRequestAnimationFrame;r={initialize:function(){r.verbose("Initializing element"),s.on("click"+t,e.close,r.dismiss).data(i,r),n.detachable&&s.parent()[0]!==a[0]&&s.detach().prependTo(a),0 :before, @@ -215,7 +215,7 @@ --------------------*/ .ui.placeholder .full.line.line.line:after { - width: 0%; + width: 0; } .ui.placeholder .very.long.line.line.line:after { width: 10%; @@ -240,3 +240,9 @@ .ui.fluid.placeholder { max-width: none; } + + +/******************************* + Theme Overrides +*******************************/ + diff --git a/dist/components/placeholder.min.css b/dist/components/placeholder.min.css index 94ada6d794..f1873776fe 100644 --- a/dist/components/placeholder.min.css +++ b/dist/components/placeholder.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Loader + * # Semantic UI 2.7.0 - Loader * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.placeholder{position:static;overflow:hidden;-webkit-animation:placeholderShimmer 2s linear;animation:placeholderShimmer 2s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.08)),color-stop(15%,rgba(0,0,0,.15)),color-stop(30%,rgba(0,0,0,.08)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-image:linear-gradient(to right,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-size:1200px 100%;max-width:30rem}@-webkit-keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}.ui.placeholder+.ui.placeholder{margin-top:2rem}.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.15s;animation-delay:.15s}.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.3s;animation-delay:.3s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.45s;animation-delay:.45s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.6s;animation-delay:.6s}.ui.placeholder,.ui.placeholder .image.header:after,.ui.placeholder .line,.ui.placeholder .line:after,.ui.placeholder>:before{background-color:#fff}.ui.placeholder.hidden{display:none}.ui.placeholder .image:not(.header):not(.ui){height:100px}.ui.placeholder .square.image:not(.header){height:0;overflow:hidden;padding-top:100%}.ui.placeholder .rectangular.image:not(.header){height:0;overflow:hidden;padding-top:75%}.ui.placeholder .line{position:relative;height:.85714286em}.ui.placeholder .line:after,.ui.placeholder .line:before{top:100%;position:absolute;content:'';background-color:inherit}.ui.placeholder .line:before{left:0}.ui.placeholder .line:after{right:0}.ui.placeholder .line{margin-bottom:.5em}.ui.placeholder .line:after,.ui.placeholder .line:before{height:.5em}.ui.placeholder .line:not(:first-child){margin-top:.5em}.ui.placeholder .header{position:relative;overflow:hidden}.ui.placeholder .line:nth-child(1):after{width:0%}.ui.placeholder .line:nth-child(2):after{width:50%}.ui.placeholder .line:nth-child(3):after{width:10%}.ui.placeholder .line:nth-child(4):after{width:35%}.ui.placeholder .line:nth-child(5):after{width:65%}.ui.placeholder .header .line{margin-bottom:.64285714em}.ui.placeholder .header .line:after,.ui.placeholder .header .line:before{height:.64285714em}.ui.placeholder .header .line:not(:first-child){margin-top:.64285714em}.ui.placeholder .header .line:after{width:20%}.ui.placeholder .header .line:nth-child(2):after{width:60%}.ui.placeholder .image.header .line{margin-left:3em}.ui.placeholder .image.header .line:before{width:.71428571rem}.ui.placeholder .image.header:after{display:block;height:.85714286em;content:'';margin-left:3em}.ui.placeholder .header .line:first-child,.ui.placeholder .image .line:first-child,.ui.placeholder .paragraph .line:first-child{height:.01px}.ui.placeholder .header:not(:first-child):before,.ui.placeholder .image:not(:first-child):before,.ui.placeholder .paragraph:not(:first-child):before{height:1.42857143em;content:'';display:block}.ui.inverted.placeholder{background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.08)),color-stop(15%,rgba(255,255,255,.14)),color-stop(30%,rgba(255,255,255,.08)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%);background-image:linear-gradient(to right,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%)}.ui.inverted.placeholder,.ui.inverted.placeholder .image.header:after,.ui.inverted.placeholder .line,.ui.inverted.placeholder .line:after,.ui.inverted.placeholder>:before{background-color:#1b1c1d}.ui.placeholder .full.line.line.line:after{width:0%}.ui.placeholder .very.long.line.line.line:after{width:10%}.ui.placeholder .long.line.line.line:after{width:35%}.ui.placeholder .medium.line.line.line:after{width:50%}.ui.placeholder .short.line.line.line:after{width:65%}.ui.placeholder .very.short.line.line.line:after{width:80%}.ui.fluid.placeholder{max-width:none} \ No newline at end of file + */.ui.placeholder{position:static;overflow:hidden;-webkit-animation:placeholderShimmer 2s linear;animation:placeholderShimmer 2s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#fff;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.08)),color-stop(15%,rgba(0,0,0,.15)),color-stop(30%,rgba(0,0,0,.08)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-image:linear-gradient(to right,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);background-size:1200px 100%;max-width:30rem}@-webkit-keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}@keyframes placeholderShimmer{0%{background-position:-1200px 0}100%{background-position:1200px 0}}.ui.placeholder+.ui.placeholder{margin-top:2rem}.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.15s;animation-delay:.15s}.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.3s;animation-delay:.3s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.45s;animation-delay:.45s}.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder+.ui.placeholder{-webkit-animation-delay:.6s;animation-delay:.6s}.ui.placeholder,.ui.placeholder .image.header:after,.ui.placeholder .line,.ui.placeholder .line:after,.ui.placeholder>:before{background-color:#fff}.ui.placeholder.hidden{display:none}.ui.placeholder .image:not(.header):not(.ui):not(.icon){height:100px}.ui.placeholder .square.image:not(.header){height:0;overflow:hidden;padding-top:100%}.ui.placeholder .rectangular.image:not(.header){height:0;overflow:hidden;padding-top:75%}.ui.placeholder .line{position:relative;height:.85714286em}.ui.placeholder .line:after,.ui.placeholder .line:before{top:100%;position:absolute;content:'';background-color:inherit}.ui.placeholder .line:before{left:0}.ui.placeholder .line:after{right:0}.ui.placeholder .line{margin-bottom:.5em}.ui.placeholder .line:after,.ui.placeholder .line:before{height:.5em}.ui.placeholder .line:not(:first-child){margin-top:.5em}.ui.placeholder .header{position:relative;overflow:hidden}.ui.placeholder .line:nth-child(1):after{width:0}.ui.placeholder .line:nth-child(2):after{width:50%}.ui.placeholder .line:nth-child(3):after{width:10%}.ui.placeholder .line:nth-child(4):after{width:35%}.ui.placeholder .line:nth-child(5):after{width:65%}.ui.placeholder .header .line{margin-bottom:.64285714em}.ui.placeholder .header .line:after,.ui.placeholder .header .line:before{height:.64285714em}.ui.placeholder .header .line:not(:first-child){margin-top:.64285714em}.ui.placeholder .header .line:after{width:20%}.ui.placeholder .header .line:nth-child(2):after{width:60%}.ui.placeholder .image.header .line{margin-left:3em}.ui.placeholder .image.header .line:before{width:.71428571rem}.ui.placeholder .image.header:after{display:block;height:.85714286em;content:'';margin-left:3em}.ui.placeholder .header .line:first-child,.ui.placeholder .image .line:first-child,.ui.placeholder .paragraph .line:first-child{height:.01px}.ui.placeholder .header:not(:first-child):before,.ui.placeholder .image:not(:first-child):before,.ui.placeholder .paragraph:not(:first-child):before{height:1.42857143em;content:'';display:block}.ui.inverted.placeholder{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.08)),color-stop(15%,rgba(255,255,255,.14)),color-stop(30%,rgba(255,255,255,.08)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%);background-image:linear-gradient(to right,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%)}.ui.inverted.placeholder,.ui.inverted.placeholder .image.header:after,.ui.inverted.placeholder .line,.ui.inverted.placeholder .line:after,.ui.inverted.placeholder>:before{background-color:#1b1c1d}.ui.placeholder .full.line.line.line:after{width:0}.ui.placeholder .very.long.line.line.line:after{width:10%}.ui.placeholder .long.line.line.line:after{width:35%}.ui.placeholder .medium.line.line.line:after{width:50%}.ui.placeholder .short.line.line.line:after{width:65%}.ui.placeholder .very.short.line.line.line:after{width:80%}.ui.fluid.placeholder{max-width:none} \ No newline at end of file diff --git a/dist/components/popup.css b/dist/components/popup.css index 86898248b8..ffc97ba602 100644 --- a/dist/components/popup.css +++ b/dist/components/popup.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Popup + * # Semantic UI 2.7.0 - Popup * http://github.com/semantic-org/semantic-ui/ * * @@ -16,8 +16,8 @@ .ui.popup { display: none; position: absolute; - top: 0px; - right: 0px; + top: 0; + right: 0; /* Fixes content being squished when inline (moz only) */ min-width: -webkit-min-content; @@ -33,11 +33,11 @@ font-style: normal; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } .ui.popup > .header { - padding: 0em; + padding: 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 1.14285714em; line-height: 1.2; @@ -55,8 +55,8 @@ -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - box-shadow: 1px 1px 0px 0px #bababc; + -webkit-box-shadow: 1px 1px 0 0 #bababc; + box-shadow: 1px 1px 0 0 #bababc; } @@ -87,8 +87,8 @@ -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; - -webkit-box-shadow: 1px 1px 0px 0px #bababc; - box-shadow: 1px 1px 0px 0px #bababc; + -webkit-box-shadow: 1px 1px 0 0 #bababc; + box-shadow: 1px 1px 0 0 #bababc; } /* Popup */ @@ -109,8 +109,8 @@ font-style: normal; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); z-index: 1; } @@ -227,7 +227,7 @@ box-shadow: none; } [data-tooltip][data-inverted]:after .header { - background-color: none; + background: none; color: #FFFFFF; } @@ -372,18 +372,18 @@ /* Arrow */ [data-position~="bottom"][data-tooltip]:before { background: #FFFFFF; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + -webkit-box-shadow: -1px -1px 0 0 #bababc; + box-shadow: -1px -1px 0 0 #bababc; } [data-position="left center"][data-tooltip]:before { background: #FFFFFF; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; + -webkit-box-shadow: 1px -1px 0 0 #bababc; + box-shadow: 1px -1px 0 0 #bababc; } [data-position="right center"][data-tooltip]:before { background: #FFFFFF; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; + -webkit-box-shadow: -1px 1px 0 0 #bababc; + box-shadow: -1px 1px 0 0 #bababc; } [data-position~="top"][data-tooltip]:before { background: #FFFFFF; @@ -392,18 +392,18 @@ /* Inverted Arrow Color */ [data-inverted][data-position~="bottom"][data-tooltip]:before { background: #1B1C1D; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + -webkit-box-shadow: -1px -1px 0 0 #bababc; + box-shadow: -1px -1px 0 0 #bababc; } [data-inverted][data-position="left center"][data-tooltip]:before { background: #1B1C1D; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; + -webkit-box-shadow: 1px -1px 0 0 #bababc; + box-shadow: 1px -1px 0 0 #bababc; } [data-inverted][data-position="right center"][data-tooltip]:before { background: #1B1C1D; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; + -webkit-box-shadow: -1px 1px 0 0 #bababc; + box-shadow: -1px 1px 0 0 #bababc; } [data-inverted][data-position~="top"][data-tooltip]:before { background: #1B1C1D; @@ -475,12 +475,12 @@ ---------------*/ .ui.popup { - margin: 0em; + margin: 0; } /* Extending from Top */ .ui.top.popup { - margin: 0em 0em 0.71428571em; + margin: 0 0 0.71428571em; } .ui.top.left.popup { -webkit-transform-origin: left bottom; @@ -497,19 +497,19 @@ /* Extending from Vertical Center */ .ui.left.center.popup { - margin: 0em 0.71428571em 0em 0em; + margin: 0 0.71428571em 0 0; -webkit-transform-origin: right 50%; transform-origin: right 50%; } .ui.right.center.popup { - margin: 0em 0em 0em 0.71428571em; + margin: 0 0 0 0.71428571em; -webkit-transform-origin: left 50%; transform-origin: left 50%; } /* Extending from Bottom */ .ui.bottom.popup { - margin: 0.71428571em 0em 0em; + margin: 0.71428571em 0 0; } .ui.bottom.left.popup { -webkit-transform-origin: left top; @@ -537,11 +537,11 @@ left: 50%; right: auto; bottom: auto; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + -webkit-box-shadow: -1px -1px 0 0 #bababc; + box-shadow: -1px -1px 0 0 #bababc; } .ui.bottom.left.popup { - margin-left: 0em; + margin-left: 0; } /*rtl:rename*/ .ui.bottom.left.popup:before { @@ -549,12 +549,12 @@ left: 1em; right: auto; bottom: auto; - margin-left: 0em; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + margin-left: 0; + -webkit-box-shadow: -1px -1px 0 0 #bababc; + box-shadow: -1px -1px 0 0 #bababc; } .ui.bottom.right.popup { - margin-right: 0em; + margin-right: 0; } /*rtl:rename*/ .ui.bottom.right.popup:before { @@ -562,9 +562,9 @@ right: 1em; bottom: auto; left: auto; - margin-left: 0em; - -webkit-box-shadow: -1px -1px 0px 0px #bababc; - box-shadow: -1px -1px 0px 0px #bababc; + margin-left: 0; + -webkit-box-shadow: -1px -1px 0 0 #bababc; + box-shadow: -1px -1px 0 0 #bababc; } /*--- Above ---*/ @@ -577,7 +577,7 @@ margin-left: -0.30714286em; } .ui.top.left.popup { - margin-left: 0em; + margin-left: 0; } /*rtl:rename*/ .ui.top.left.popup:before { @@ -585,10 +585,10 @@ left: 1em; top: auto; right: auto; - margin-left: 0em; + margin-left: 0; } .ui.top.right.popup { - margin-right: 0em; + margin-right: 0; } /*rtl:rename*/ .ui.top.right.popup:before { @@ -596,7 +596,7 @@ right: 1em; top: auto; left: auto; - margin-left: 0em; + margin-left: 0; } /*--- Left Center ---*/ @@ -608,8 +608,8 @@ bottom: auto; left: auto; margin-top: -0.30714286em; - -webkit-box-shadow: 1px -1px 0px 0px #bababc; - box-shadow: 1px -1px 0px 0px #bababc; + -webkit-box-shadow: 1px -1px 0 0 #bababc; + box-shadow: 1px -1px 0 0 #bababc; } /*--- Right Center ---*/ @@ -621,8 +621,8 @@ bottom: auto; right: auto; margin-top: -0.30714286em; - -webkit-box-shadow: -1px 1px 0px 0px #bababc; - box-shadow: -1px 1px 0px 0px #bababc; + -webkit-box-shadow: -1px 1px 0 0 #bababc; + box-shadow: -1px 1px 0 0 #bababc; } /* Arrow Color By Location */ @@ -676,8 +676,8 @@ display: block; } .ui.visible.popup { - -webkit-transform: translateZ(0px); - transform: translateZ(0px); + -webkit-transform: translateZ(0); + transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } diff --git a/dist/components/popup.js b/dist/components/popup.js index f9d7133adc..e717d54f94 100644 --- a/dist/components/popup.js +++ b/dist/components/popup.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Popup + * # Semantic UI 2.7.0 - Popup * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -28,7 +32,6 @@ $.fn.popup = function(parameters) { moduleSelector = $allModules.selector || '', - hasTouch = (true), time = new Date().getTime(), performance = [], @@ -185,7 +188,7 @@ $.fn.popup = function(parameters) { : settings.delay ; clearTimeout(module.hideTimer); - if(!openedWithTouch) { + if(!openedWithTouch || (openedWithTouch && settings.addTouchEvents) ) { module.showTimer = setTimeout(module.show, delay); } }, @@ -200,7 +203,9 @@ $.fn.popup = function(parameters) { }, touchstart: function(event) { openedWithTouch = true; - module.show(); + if(settings.addTouchEvents) { + module.show(); + } }, resize: function() { if( module.is.visible() ) { @@ -983,7 +988,7 @@ $.fn.popup = function(parameters) { .on('click' + eventNamespace, module.toggle) ; } - if(settings.on == 'hover' && hasTouch) { + if(settings.on == 'hover') { $module .on('touchstart' + eventNamespace, module.event.touchstart) ; @@ -1290,7 +1295,7 @@ $.fn.popup = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/dist/components/popup.min.css b/dist/components/popup.min.css index 0f41488c93..eb120e397d 100644 --- a/dist/components/popup.min.css +++ b/dist/components/popup.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Popup + * # Semantic UI 2.7.0 - Popup * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.popup{display:none;position:absolute;top:0;right:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;z-index:1900;border:1px solid #d4d4d5;line-height:1.4285em;max-width:250px;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.popup>.header{padding:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.14285714em;line-height:1.2;font-weight:700}.ui.popup>.header+.content{padding-top:.5em}.ui.popup:before{position:absolute;content:'';width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]{position:relative}[data-tooltip]:before{pointer-events:none;position:absolute;content:'';font-size:1rem;width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]:after{pointer-events:none;content:attr(data-tooltip);position:absolute;text-transform:none;text-align:left;white-space:nowrap;font-size:1rem;border:1px solid #d4d4d5;line-height:1.4285em;max-width:none;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);z-index:1}[data-tooltip]:not([data-position]):before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-tooltip]:not([data-position]):after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;margin-bottom:.5em}[data-tooltip]:after,[data-tooltip]:before{pointer-events:none;visibility:hidden}[data-tooltip]:before{opacity:0;-webkit-transform:rotate(45deg) scale(0)!important;transform:rotate(45deg) scale(0)!important;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:all .1s ease;transition:all .1s ease}[data-tooltip]:after{opacity:1;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:all .1s ease;transition:all .1s ease}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;pointer-events:auto}[data-tooltip]:hover:before{-webkit-transform:rotate(45deg) scale(1)!important;transform:rotate(45deg) scale(1)!important;opacity:1}[data-tooltip]:after,[data-tooltip][data-position="bottom center"]:after,[data-tooltip][data-position="top center"]:after{-webkit-transform:translateX(-50%) scale(0)!important;transform:translateX(-50%) scale(0)!important}[data-tooltip]:hover:after,[data-tooltip][data-position="bottom center"]:hover:after{-webkit-transform:translateX(-50%) scale(1)!important;transform:translateX(-50%) scale(1)!important}[data-tooltip][data-position="left center"]:after,[data-tooltip][data-position="right center"]:after{-webkit-transform:translateY(-50%) scale(0)!important;transform:translateY(-50%) scale(0)!important}[data-tooltip][data-position="left center"]:hover:after,[data-tooltip][data-position="right center"]:hover:after{-webkit-transform:translateY(-50%) scale(1)!important;transform:translateY(-50%) scale(1)!important}[data-tooltip][data-position="bottom left"]:after,[data-tooltip][data-position="bottom right"]:after,[data-tooltip][data-position="top left"]:after,[data-tooltip][data-position="top right"]:after{-webkit-transform:scale(0)!important;transform:scale(0)!important}[data-tooltip][data-position="bottom left"]:hover:after,[data-tooltip][data-position="bottom right"]:hover:after,[data-tooltip][data-position="top left"]:hover:after,[data-tooltip][data-position="top right"]:hover:after{-webkit-transform:scale(1)!important;transform:scale(1)!important}[data-tooltip][data-inverted]:before{-webkit-box-shadow:none!important;box-shadow:none!important}[data-tooltip][data-inverted]:before{background:#1b1c1d}[data-tooltip][data-inverted]:after{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}[data-tooltip][data-inverted]:after .header{background-color:none;color:#fff}[data-position="top center"][data-tooltip]:after{top:auto;right:auto;left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:.5em}[data-position="top center"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top left"][data-tooltip]:after{top:auto;right:auto;left:0;bottom:100%;margin-bottom:.5em}[data-position="top left"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top right"][data-tooltip]:after{top:auto;left:auto;right:0;bottom:100%;margin-bottom:.5em}[data-position="top right"][data-tooltip]:before{top:auto;left:auto;bottom:100%;right:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="bottom center"][data-tooltip]:after{bottom:auto;right:auto;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:.5em}[data-position="bottom center"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:50%;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom left"][data-tooltip]:after{left:0;top:100%;margin-top:.5em}[data-position="bottom left"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:1em;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom right"][data-tooltip]:after{right:0;top:100%;margin-top:.5em}[data-position="bottom right"][data-tooltip]:before{bottom:auto;left:auto;top:100%;right:1em;margin-left:-.14285714rem;margin-top:.07142857rem}[data-position="left center"][data-tooltip]:after{right:100%;top:50%;margin-right:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="left center"][data-tooltip]:before{right:100%;top:50%;margin-top:-.14285714rem;margin-right:-.07142857rem}[data-position="right center"][data-tooltip]:after{left:100%;top:50%;margin-left:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="right center"][data-tooltip]:before{left:100%;top:50%;margin-top:-.07142857rem;margin-left:.14285714rem}[data-position~=bottom][data-tooltip]:before{background:#fff;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-position="left center"][data-tooltip]:before{background:#fff;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-position="right center"][data-tooltip]:before{background:#fff;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-position~=top][data-tooltip]:before{background:#fff}[data-inverted][data-position~=bottom][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-inverted][data-position="left center"][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-inverted][data-position="right center"][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=top][data-tooltip]:before{background:#1b1c1d}[data-position~=bottom][data-tooltip]:before{-webkit-transform-origin:center bottom;transform-origin:center bottom}[data-position~=bottom][data-tooltip]:after{-webkit-transform-origin:center top;transform-origin:center top}[data-position="left center"][data-tooltip]:before{-webkit-transform-origin:top center;transform-origin:top center}[data-position="left center"][data-tooltip]:after{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:before{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:after{-webkit-transform-origin:left center;transform-origin:left center}[data-tooltip][data-variation~=mini]:after,[data-tooltip][data-variation~=mini]:before{font-size:.78571429rem}[data-tooltip][data-variation~=tiny]:after,[data-tooltip][data-variation~=tiny]:before{font-size:.85714286rem}[data-tooltip][data-variation~=small]:after,[data-tooltip][data-variation~=small]:before{font-size:.92857143rem}[data-tooltip][data-variation~=medium]:after,[data-tooltip][data-variation~=medium]:before{font-size:1rem}[data-tooltip][data-variation~=large]:after,[data-tooltip][data-variation~=large]:before{font-size:1.14285714rem}[data-tooltip][data-variation~=huge]:after,[data-tooltip][data-variation~=huge]:before{font-size:1.42857143rem}[data-tooltip][data-variation~=basic]:before{display:none}.ui.popup{margin:0}.ui.top.popup{margin:0 0 .71428571em}.ui.top.left.popup{-webkit-transform-origin:left bottom;transform-origin:left bottom}.ui.top.center.popup{-webkit-transform-origin:center bottom;transform-origin:center bottom}.ui.top.right.popup{-webkit-transform-origin:right bottom;transform-origin:right bottom}.ui.left.center.popup{margin:0 .71428571em 0 0;-webkit-transform-origin:right 50%;transform-origin:right 50%}.ui.right.center.popup{margin:0 0 0 .71428571em;-webkit-transform-origin:left 50%;transform-origin:left 50%}.ui.bottom.popup{margin:.71428571em 0 0}.ui.bottom.left.popup{-webkit-transform-origin:left top;transform-origin:left top}.ui.bottom.center.popup{-webkit-transform-origin:center top;transform-origin:center top}.ui.bottom.right.popup{-webkit-transform-origin:right top;transform-origin:right top}.ui.bottom.center.popup:before{margin-left:-.30714286em;top:-.30714286em;left:50%;right:auto;bottom:auto;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup:before{top:-.30714286em;left:1em;right:auto;bottom:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup:before{top:-.30714286em;right:1em;bottom:auto;left:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.top.center.popup:before{top:auto;right:auto;bottom:-.30714286em;left:50%;margin-left:-.30714286em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup:before{bottom:-.30714286em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup:before{bottom:-.30714286em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup:before{top:50%;right:-.30714286em;bottom:auto;left:auto;margin-top:-.30714286em;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}.ui.right.center.popup:before{top:50%;left:-.30714286em;bottom:auto;right:auto;margin-top:-.30714286em;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}.ui.bottom.popup:before{background:#fff}.ui.left.center.popup:before,.ui.right.center.popup:before{background:#fff}.ui.top.popup:before{background:#fff}.ui.inverted.bottom.popup:before{background:#1b1c1d}.ui.inverted.left.center.popup:before,.ui.inverted.right.center.popup:before{background:#1b1c1d}.ui.inverted.top.popup:before{background:#1b1c1d}.ui.popup>.ui.grid:not(.padded){width:calc(100% + 1.75rem);margin:-.7rem -.875rem}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup:before{display:none}.ui.wide.popup{max-width:350px}.ui[class*="very wide"].popup{max-width:550px}@media only screen and (max-width:767px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#fff}.ui.inverted.popup:before{background-color:#1b1c1d;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.flowing.popup{max-width:none}.ui.mini.popup{font-size:.78571429rem}.ui.tiny.popup{font-size:.85714286rem}.ui.small.popup{font-size:.92857143rem}.ui.popup{font-size:1rem}.ui.large.popup{font-size:1.14285714rem}.ui.huge.popup{font-size:1.42857143rem} \ No newline at end of file + */.ui.popup{display:none;position:absolute;top:0;right:0;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;z-index:1900;border:1px solid #d4d4d5;line-height:1.4285em;max-width:250px;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.popup>.header{padding:0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.14285714em;line-height:1.2;font-weight:700}.ui.popup>.header+.content{padding-top:.5em}.ui.popup:before{position:absolute;content:'';width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]{position:relative}[data-tooltip]:before{pointer-events:none;position:absolute;content:'';font-size:1rem;width:.71428571em;height:.71428571em;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-box-shadow:1px 1px 0 0 #bababc;box-shadow:1px 1px 0 0 #bababc}[data-tooltip]:after{pointer-events:none;content:attr(data-tooltip);position:absolute;text-transform:none;text-align:left;white-space:nowrap;font-size:1rem;border:1px solid #d4d4d5;line-height:1.4285em;max-width:none;background:#fff;padding:.833em 1em;font-weight:400;font-style:normal;color:rgba(0,0,0,.87);border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);z-index:1}[data-tooltip]:not([data-position]):before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-tooltip]:not([data-position]):after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:100%;margin-bottom:.5em}[data-tooltip]:after,[data-tooltip]:before{pointer-events:none;visibility:hidden}[data-tooltip]:before{opacity:0;-webkit-transform:rotate(45deg) scale(0)!important;transform:rotate(45deg) scale(0)!important;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:all .1s ease;transition:all .1s ease}[data-tooltip]:after{opacity:1;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:all .1s ease;transition:all .1s ease}[data-tooltip]:hover:after,[data-tooltip]:hover:before{visibility:visible;pointer-events:auto}[data-tooltip]:hover:before{-webkit-transform:rotate(45deg) scale(1)!important;transform:rotate(45deg) scale(1)!important;opacity:1}[data-tooltip]:after,[data-tooltip][data-position="bottom center"]:after,[data-tooltip][data-position="top center"]:after{-webkit-transform:translateX(-50%) scale(0)!important;transform:translateX(-50%) scale(0)!important}[data-tooltip]:hover:after,[data-tooltip][data-position="bottom center"]:hover:after{-webkit-transform:translateX(-50%) scale(1)!important;transform:translateX(-50%) scale(1)!important}[data-tooltip][data-position="left center"]:after,[data-tooltip][data-position="right center"]:after{-webkit-transform:translateY(-50%) scale(0)!important;transform:translateY(-50%) scale(0)!important}[data-tooltip][data-position="left center"]:hover:after,[data-tooltip][data-position="right center"]:hover:after{-webkit-transform:translateY(-50%) scale(1)!important;transform:translateY(-50%) scale(1)!important}[data-tooltip][data-position="bottom left"]:after,[data-tooltip][data-position="bottom right"]:after,[data-tooltip][data-position="top left"]:after,[data-tooltip][data-position="top right"]:after{-webkit-transform:scale(0)!important;transform:scale(0)!important}[data-tooltip][data-position="bottom left"]:hover:after,[data-tooltip][data-position="bottom right"]:hover:after,[data-tooltip][data-position="top left"]:hover:after,[data-tooltip][data-position="top right"]:hover:after{-webkit-transform:scale(1)!important;transform:scale(1)!important}[data-tooltip][data-inverted]:before{-webkit-box-shadow:none!important;box-shadow:none!important}[data-tooltip][data-inverted]:before{background:#1b1c1d}[data-tooltip][data-inverted]:after{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}[data-tooltip][data-inverted]:after .header{background:0 0;color:#fff}[data-position="top center"][data-tooltip]:after{top:auto;right:auto;left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:.5em}[data-position="top center"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:50%;background:#fff;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top left"][data-tooltip]:after{top:auto;right:auto;left:0;bottom:100%;margin-bottom:.5em}[data-position="top left"][data-tooltip]:before{top:auto;right:auto;bottom:100%;left:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="top right"][data-tooltip]:after{top:auto;left:auto;right:0;bottom:100%;margin-bottom:.5em}[data-position="top right"][data-tooltip]:before{top:auto;left:auto;bottom:100%;right:1em;margin-left:-.07142857rem;margin-bottom:.14285714rem}[data-position="bottom center"][data-tooltip]:after{bottom:auto;right:auto;left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:.5em}[data-position="bottom center"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:50%;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom left"][data-tooltip]:after{left:0;top:100%;margin-top:.5em}[data-position="bottom left"][data-tooltip]:before{bottom:auto;right:auto;top:100%;left:1em;margin-left:-.07142857rem;margin-top:.14285714rem}[data-position="bottom right"][data-tooltip]:after{right:0;top:100%;margin-top:.5em}[data-position="bottom right"][data-tooltip]:before{bottom:auto;left:auto;top:100%;right:1em;margin-left:-.14285714rem;margin-top:.07142857rem}[data-position="left center"][data-tooltip]:after{right:100%;top:50%;margin-right:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="left center"][data-tooltip]:before{right:100%;top:50%;margin-top:-.14285714rem;margin-right:-.07142857rem}[data-position="right center"][data-tooltip]:after{left:100%;top:50%;margin-left:.5em;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[data-position="right center"][data-tooltip]:before{left:100%;top:50%;margin-top:-.07142857rem;margin-left:.14285714rem}[data-position~=bottom][data-tooltip]:before{background:#fff;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-position="left center"][data-tooltip]:before{background:#fff;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-position="right center"][data-tooltip]:before{background:#fff;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-position~=top][data-tooltip]:before{background:#fff}[data-inverted][data-position~=bottom][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}[data-inverted][data-position="left center"][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}[data-inverted][data-position="right center"][data-tooltip]:before{background:#1b1c1d;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}[data-inverted][data-position~=top][data-tooltip]:before{background:#1b1c1d}[data-position~=bottom][data-tooltip]:before{-webkit-transform-origin:center bottom;transform-origin:center bottom}[data-position~=bottom][data-tooltip]:after{-webkit-transform-origin:center top;transform-origin:center top}[data-position="left center"][data-tooltip]:before{-webkit-transform-origin:top center;transform-origin:top center}[data-position="left center"][data-tooltip]:after{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:before{-webkit-transform-origin:right center;transform-origin:right center}[data-position="right center"][data-tooltip]:after{-webkit-transform-origin:left center;transform-origin:left center}[data-tooltip][data-variation~=mini]:after,[data-tooltip][data-variation~=mini]:before{font-size:.78571429rem}[data-tooltip][data-variation~=tiny]:after,[data-tooltip][data-variation~=tiny]:before{font-size:.85714286rem}[data-tooltip][data-variation~=small]:after,[data-tooltip][data-variation~=small]:before{font-size:.92857143rem}[data-tooltip][data-variation~=medium]:after,[data-tooltip][data-variation~=medium]:before{font-size:1rem}[data-tooltip][data-variation~=large]:after,[data-tooltip][data-variation~=large]:before{font-size:1.14285714rem}[data-tooltip][data-variation~=huge]:after,[data-tooltip][data-variation~=huge]:before{font-size:1.42857143rem}[data-tooltip][data-variation~=basic]:before{display:none}.ui.popup{margin:0}.ui.top.popup{margin:0 0 .71428571em}.ui.top.left.popup{-webkit-transform-origin:left bottom;transform-origin:left bottom}.ui.top.center.popup{-webkit-transform-origin:center bottom;transform-origin:center bottom}.ui.top.right.popup{-webkit-transform-origin:right bottom;transform-origin:right bottom}.ui.left.center.popup{margin:0 .71428571em 0 0;-webkit-transform-origin:right 50%;transform-origin:right 50%}.ui.right.center.popup{margin:0 0 0 .71428571em;-webkit-transform-origin:left 50%;transform-origin:left 50%}.ui.bottom.popup{margin:.71428571em 0 0}.ui.bottom.left.popup{-webkit-transform-origin:left top;transform-origin:left top}.ui.bottom.center.popup{-webkit-transform-origin:center top;transform-origin:center top}.ui.bottom.right.popup{-webkit-transform-origin:right top;transform-origin:right top}.ui.bottom.center.popup:before{margin-left:-.30714286em;top:-.30714286em;left:50%;right:auto;bottom:auto;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.left.popup{margin-left:0}.ui.bottom.left.popup:before{top:-.30714286em;left:1em;right:auto;bottom:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.bottom.right.popup{margin-right:0}.ui.bottom.right.popup:before{top:-.30714286em;right:1em;bottom:auto;left:auto;margin-left:0;-webkit-box-shadow:-1px -1px 0 0 #bababc;box-shadow:-1px -1px 0 0 #bababc}.ui.top.center.popup:before{top:auto;right:auto;bottom:-.30714286em;left:50%;margin-left:-.30714286em}.ui.top.left.popup{margin-left:0}.ui.top.left.popup:before{bottom:-.30714286em;left:1em;top:auto;right:auto;margin-left:0}.ui.top.right.popup{margin-right:0}.ui.top.right.popup:before{bottom:-.30714286em;right:1em;top:auto;left:auto;margin-left:0}.ui.left.center.popup:before{top:50%;right:-.30714286em;bottom:auto;left:auto;margin-top:-.30714286em;-webkit-box-shadow:1px -1px 0 0 #bababc;box-shadow:1px -1px 0 0 #bababc}.ui.right.center.popup:before{top:50%;left:-.30714286em;bottom:auto;right:auto;margin-top:-.30714286em;-webkit-box-shadow:-1px 1px 0 0 #bababc;box-shadow:-1px 1px 0 0 #bababc}.ui.bottom.popup:before{background:#fff}.ui.left.center.popup:before,.ui.right.center.popup:before{background:#fff}.ui.top.popup:before{background:#fff}.ui.inverted.bottom.popup:before{background:#1b1c1d}.ui.inverted.left.center.popup:before,.ui.inverted.right.center.popup:before{background:#1b1c1d}.ui.inverted.top.popup:before{background:#1b1c1d}.ui.popup>.ui.grid:not(.padded){width:calc(100% + 1.75rem);margin:-.7rem -.875rem}.ui.loading.popup{display:block;visibility:hidden;z-index:-1}.ui.animating.popup,.ui.visible.popup{display:block}.ui.visible.popup{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ui.basic.popup:before{display:none}.ui.wide.popup{max-width:350px}.ui[class*="very wide"].popup{max-width:550px}@media only screen and (max-width:767px){.ui.wide.popup,.ui[class*="very wide"].popup{max-width:250px}}.ui.fluid.popup{width:100%;max-width:none}.ui.inverted.popup{background:#1b1c1d;color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.popup .header{background-color:none;color:#fff}.ui.inverted.popup:before{background-color:#1b1c1d;-webkit-box-shadow:none!important;box-shadow:none!important}.ui.flowing.popup{max-width:none}.ui.mini.popup{font-size:.78571429rem}.ui.tiny.popup{font-size:.85714286rem}.ui.small.popup{font-size:.92857143rem}.ui.popup{font-size:1rem}.ui.large.popup{font-size:1.14285714rem}.ui.huge.popup{font-size:1.42857143rem} \ No newline at end of file diff --git a/dist/components/popup.min.js b/dist/components/popup.min.js index 8c48fc3706..04f48a4c0a 100644 --- a/dist/components/popup.min.js +++ b/dist/components/popup.min.js @@ -1 +1,11 @@ -!function(N,V,W,M){"use strict";V=void 0!==V&&V.Math==Math?V:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),N.fn.popup=function(x){var k,t=N(this),E=N(W),S=N(V),A=N("body"),F=t.selector||"",O=(new Date).getTime(),D=[],j=x,H="string"==typeof j,R=[].slice.call(arguments,1);return t.each(function(){var u,p,t,e,o,c,d=N.isPlainObject(x)?N.extend(!0,{},N.fn.popup.settings,x):N.extend({},N.fn.popup.settings),i=d.selector,f=d.className,g=d.error,h=d.metadata,n=d.namespace,r="."+d.namespace,a="module-"+n,m=N(this),s=N(d.context),l=N(d.scrollContext),v=N(d.boundary),b=d.target?N(d.target):m,w=0,y=!1,P=!1,C=this,T=m.data(a);c={initialize:function(){c.debug("Initializing",m),c.createID(),c.bind.events(),!c.exists()&&d.preserve&&c.create(),d.observeChanges&&c.observeChanges(),c.instantiate()},instantiate:function(){c.verbose("Storing instance",c),T=c,m.data(a,T)},observeChanges:function(){"MutationObserver"in V&&((t=new MutationObserver(c.event.documentChanged)).observe(W,{childList:!0,subtree:!0}),c.debug("Setting up mutation observer",t))},refresh:function(){d.popup?u=N(d.popup).eq(0):d.inline&&(u=b.nextAll(i.popup).eq(0),d.popup=u),d.popup?(u.addClass(f.loading),p=c.get.offsetParent(),u.removeClass(f.loading),d.movePopup&&c.has.popup()&&c.get.offsetParent(u)[0]!==p[0]&&(c.debug("Moving popup to the same offset parent as target"),u.detach().appendTo(p))):p=d.inline?c.get.offsetParent(b):c.has.popup()?c.get.offsetParent(u):A,p.is("html")&&p[0]!==A[0]&&(c.debug("Setting page as offset parent"),p=A),c.get.variation()&&c.set.variation()},reposition:function(){c.refresh(),c.set.position()},destroy:function(){c.debug("Destroying previous module"),t&&t.disconnect(),u&&!d.preserve&&c.removePopup(),clearTimeout(c.hideTimer),clearTimeout(c.showTimer),c.unbind.close(),c.unbind.events(),m.removeData(a)},event:{start:function(t){var e=N.isPlainObject(d.delay)?d.delay.show:d.delay;clearTimeout(c.hideTimer),P||(c.showTimer=setTimeout(c.show,e))},end:function(){var t=N.isPlainObject(d.delay)?d.delay.hide:d.delay;clearTimeout(c.showTimer),c.hideTimer=setTimeout(c.hide,t)},touchstart:function(t){P=!0,c.show()},resize:function(){c.is.visible()&&c.set.position()},documentChanged:function(t){[].forEach.call(t,function(t){t.removedNodes&&[].forEach.call(t.removedNodes,function(t){(t==C||0").addClass(f.popup).data(h.activator,m).html(t),d.inline?(c.verbose("Inserting popup element inline",u),u.insertAfter(m)):(c.verbose("Appending popup element to body",u),u.appendTo(s)),c.refresh(),c.set.variation(),d.hoverable&&c.bind.popup(),d.onCreate.call(u,C)):0!==b.next(i.popup).length?(c.verbose("Pre-existing popup found"),d.inline=!0,d.popup=b.next(i.popup).data(h.activator,m),c.refresh(),d.hoverable&&c.bind.popup()):d.popup?(N(d.popup).data(h.activator,m),c.verbose("Used popup specified in settings"),c.refresh(),d.hoverable&&c.bind.popup()):c.debug("No content specified skipping display",C)},createID:function(){o=(Math.random().toString(16)+"000000000").substr(2,8),e="."+o,c.verbose("Creating unique id for element",o)},toggle:function(){c.debug("Toggling pop-up"),c.is.hidden()?(c.debug("Popup is hidden, showing pop-up"),c.unbind.close(),c.show()):(c.debug("Popup is visible, hiding pop-up"),c.hide())},show:function(t){if(t=t||function(){},c.debug("Showing pop-up",d.transition),c.is.hidden()&&(!c.is.active()||!c.is.dropdown())){if(c.exists()||c.create(),!1===d.onShow.call(u,C))return void c.debug("onShow callback returned false, cancelling popup animation");d.preserve||d.popup||c.refresh(),u&&c.set.position()&&(c.save.conditions(),d.exclusive&&c.hideAll(),c.animate.show(t))}},hide:function(t){if(t=t||function(){},c.is.visible()||c.is.animating()){if(!1===d.onHide.call(u,C))return void c.debug("onHide callback returned false, cancelling popup animation");c.remove.visible(),c.unbind.close(),c.restore.conditions(),c.animate.hide(t)}},hideAll:function(){N(i.popup).filter("."+f.popupVisible).each(function(){N(this).data(h.activator).popup("hide")})},exists:function(){return!!u&&(d.inline||d.popup?c.has.popup():1<=u.closest(s).length)},removePopup:function(){c.has.popup()&&!d.popup&&(c.debug("Removing popup",u),u.remove(),u=M,d.onRemove.call(u,C))},save:{conditions:function(){c.cache={title:m.attr("title")},c.cache.title&&m.removeAttr("title"),c.verbose("Saving original attributes",c.cache.title)}},restore:{conditions:function(){return c.cache&&c.cache.title&&(m.attr("title",c.cache.title),c.verbose("Restoring original attributes",c.cache.title)),!0}},supports:{svg:function(){return"undefined"!=typeof SVGGraphicsElement}},animate:{show:function(t){t=N.isFunction(t)?t:function(){},d.transition&&N.fn.transition!==M&&m.transition("is supported")?(c.set.visible(),u.transition({animation:d.transition+" in",queue:!1,debug:d.debug,verbose:d.verbose,duration:d.duration,onComplete:function(){c.bind.close(),t.call(u,C),d.onVisible.call(u,C)}})):c.error(g.noTransition)},hide:function(t){t=N.isFunction(t)?t:function(){},c.debug("Hiding pop-up"),!1!==d.onHide.call(u,C)?d.transition&&N.fn.transition!==M&&m.transition("is supported")?u.transition({animation:d.transition+" out",queue:!1,duration:d.duration,debug:d.debug,verbose:d.verbose,onComplete:function(){c.reset(),t.call(u,C),d.onHidden.call(u,C)}}):c.error(g.noTransition):c.debug("onHide callback returned false, cancelling popup animation")}},change:{content:function(t){u.html(t)}},get:{html:function(){return m.removeData(h.html),m.data(h.html)||d.html},title:function(){return m.removeData(h.title),m.data(h.title)||d.title},content:function(){return m.removeData(h.content),m.data(h.content)||d.content||m.attr("title")},variation:function(){return m.removeData(h.variation),m.data(h.variation)||d.variation},popup:function(){return u},popupOffset:function(){return u.offset()},calculations:function(){var t,e=c.get.offsetParent(u),o=b[0],n=v[0]==V,i=d.inline||d.popup&&d.movePopup?b.position():b.offset(),r=n?{top:0,left:0}:v.offset(),a={},s=n?{top:S.scrollTop(),left:S.scrollLeft()}:{top:0,left:0};if(a={target:{element:b[0],width:b.outerWidth(),height:b.outerHeight(),top:i.top,left:i.left,margin:{}},popup:{width:u.outerWidth(),height:u.outerHeight()},parent:{width:p.outerWidth(),height:p.outerHeight()},screen:{top:r.top,left:r.left,scroll:{top:s.top,left:s.left},width:v.width(),height:v.height()}},e.get(0)!==p.get(0)){var l=e.offset();a.target.top-=l.top,a.target.left-=l.left,a.parent.width=e.outerWidth(),a.parent.height=e.outerHeight()}return d.setFluidWidth&&c.is.fluid()&&(a.container={width:u.parent().outerWidth()},a.popup.width=a.container.width),a.target.margin.top=d.inline?parseInt(V.getComputedStyle(o).getPropertyValue("margin-top"),10):0,a.target.margin.left=d.inline?c.is.rtl()?parseInt(V.getComputedStyle(o).getPropertyValue("margin-right"),10):parseInt(V.getComputedStyle(o).getPropertyValue("margin-left"),10):0,t=a.screen,a.boundary={top:t.top+t.scroll.top,bottom:t.top+t.scroll.top+t.height,left:t.left+t.scroll.left,right:t.left+t.scroll.left+t.width},a},id:function(){return o},startEvent:function(){return"hover"==d.on?"mouseenter":"focus"==d.on&&"focus"},scrollEvent:function(){return"scroll"},endEvent:function(){return"hover"==d.on?"mouseleave":"focus"==d.on&&"blur"},distanceFromBoundary:function(t,e){var o,n,i={};return o=(e=e||c.get.calculations()).popup,n=e.boundary,t&&(i={top:t.top-n.top,left:t.left-n.left,right:n.right-(t.left+o.width),bottom:n.bottom-(t.top+o.height)},c.verbose("Distance from boundaries determined",t,i)),i},offsetParent:function(t){var e=(t!==M?t[0]:b[0]).parentNode,o=N(e);if(e)for(var n="none"===o.css("transform"),i="static"===o.css("position"),r=o.is("body");e&&!r&&i&&n;)e=e.parentNode,n="none"===(o=N(e)).css("transform"),i="static"===o.css("position"),r=o.is("body");return o&&0",notFound:"The target or popup you specified does not exist on the page"},metadata:{activator:"activator",content:"content",html:"html",offset:"offset",position:"position",title:"title",variation:"variation"},className:{active:"active",basic:"basic",animating:"animating",dropdown:"dropdown",fluid:"fluid",loading:"loading",popup:"ui popup",position:"top left center bottom right",visible:"visible",popupVisible:"visible"},selector:{popup:".ui.popup"},templates:{escape:function(t){var e={"&":"&","<":"<",">":">",'"':""","'":"'","`":"`"};return/[&<>"'`]/.test(t)?t.replace(/[&<>"'`]/g,function(t){return e[t]}):t},popup:function(t){var e="",o=N.fn.popup.settings.templates.escape;return typeof t!==M&&(typeof t.title!==M&&t.title&&(t.title=o(t.title),e+='
    '+t.title+"
    "),typeof t.content!==M&&t.content&&(t.content=o(t.content),e+='
    '+t.content+"
    ")),e}}}}(jQuery,window,document); \ No newline at end of file + /* + * # Fomantic UI - 2.7.0 + * https://github.com/fomantic/Fomantic-UI + * http://fomantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +!function(N,V,W,M){"use strict";N.isFunction=N.isFunction||function(t){return"function"==typeof t&&"number"!=typeof t.nodeType},V=void 0!==V&&V.Math==Math?V:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),N.fn.popup=function(x){var k,t=N(this),E=N(W),S=N(V),A=N("body"),F=t.selector||"",O=(new Date).getTime(),D=[],j=x,H="string"==typeof j,R=[].slice.call(arguments,1);return t.each(function(){var u,l,t,e,o,c,d=N.isPlainObject(x)?N.extend(!0,{},N.fn.popup.settings,x):N.extend({},N.fn.popup.settings),i=d.selector,f=d.className,g=d.error,h=d.metadata,n=d.namespace,r="."+d.namespace,a="module-"+n,m=N(this),s=N(d.context),p=N(d.scrollContext),v=N(d.boundary),b=d.target?N(d.target):m,w=0,y=!1,P=!1,C=this,T=m.data(a);c={initialize:function(){c.debug("Initializing",m),c.createID(),c.bind.events(),!c.exists()&&d.preserve&&c.create(),d.observeChanges&&c.observeChanges(),c.instantiate()},instantiate:function(){c.verbose("Storing instance",c),T=c,m.data(a,T)},observeChanges:function(){"MutationObserver"in V&&((t=new MutationObserver(c.event.documentChanged)).observe(W,{childList:!0,subtree:!0}),c.debug("Setting up mutation observer",t))},refresh:function(){d.popup?u=N(d.popup).eq(0):d.inline&&(u=b.nextAll(i.popup).eq(0),d.popup=u),d.popup?(u.addClass(f.loading),l=c.get.offsetParent(),u.removeClass(f.loading),d.movePopup&&c.has.popup()&&c.get.offsetParent(u)[0]!==l[0]&&(c.debug("Moving popup to the same offset parent as target"),u.detach().appendTo(l))):l=d.inline?c.get.offsetParent(b):c.has.popup()?c.get.offsetParent(u):A,l.is("html")&&l[0]!==A[0]&&(c.debug("Setting page as offset parent"),l=A),c.get.variation()&&c.set.variation()},reposition:function(){c.refresh(),c.set.position()},destroy:function(){c.debug("Destroying previous module"),t&&t.disconnect(),u&&!d.preserve&&c.removePopup(),clearTimeout(c.hideTimer),clearTimeout(c.showTimer),c.unbind.close(),c.unbind.events(),m.removeData(a)},event:{start:function(t){var e=N.isPlainObject(d.delay)?d.delay.show:d.delay;clearTimeout(c.hideTimer),(!P||P&&d.addTouchEvents)&&(c.showTimer=setTimeout(c.show,e))},end:function(){var t=N.isPlainObject(d.delay)?d.delay.hide:d.delay;clearTimeout(c.showTimer),c.hideTimer=setTimeout(c.hide,t)},touchstart:function(t){P=!0,d.addTouchEvents&&c.show()},resize:function(){c.is.visible()&&c.set.position()},documentChanged:function(t){[].forEach.call(t,function(t){t.removedNodes&&[].forEach.call(t.removedNodes,function(t){(t==C||0").addClass(f.popup).data(h.activator,m).html(t),d.inline?(c.verbose("Inserting popup element inline",u),u.insertAfter(m)):(c.verbose("Appending popup element to body",u),u.appendTo(s)),c.refresh(),c.set.variation(),d.hoverable&&c.bind.popup(),d.onCreate.call(u,C)):0!==b.next(i.popup).length?(c.verbose("Pre-existing popup found"),d.inline=!0,d.popup=b.next(i.popup).data(h.activator,m),c.refresh(),d.hoverable&&c.bind.popup()):d.popup?(N(d.popup).data(h.activator,m),c.verbose("Used popup specified in settings"),c.refresh(),d.hoverable&&c.bind.popup()):c.debug("No content specified skipping display",C)},createID:function(){o=(Math.random().toString(16)+"000000000").substr(2,8),e="."+o,c.verbose("Creating unique id for element",o)},toggle:function(){c.debug("Toggling pop-up"),c.is.hidden()?(c.debug("Popup is hidden, showing pop-up"),c.unbind.close(),c.show()):(c.debug("Popup is visible, hiding pop-up"),c.hide())},show:function(t){if(t=t||function(){},c.debug("Showing pop-up",d.transition),c.is.hidden()&&(!c.is.active()||!c.is.dropdown())){if(c.exists()||c.create(),!1===d.onShow.call(u,C))return void c.debug("onShow callback returned false, cancelling popup animation");d.preserve||d.popup||c.refresh(),u&&c.set.position()&&(c.save.conditions(),d.exclusive&&c.hideAll(),c.animate.show(t))}},hide:function(t){if(t=t||function(){},c.is.visible()||c.is.animating()){if(!1===d.onHide.call(u,C))return void c.debug("onHide callback returned false, cancelling popup animation");c.remove.visible(),c.unbind.close(),c.restore.conditions(),c.animate.hide(t)}},hideAll:function(){N(i.popup).filter("."+f.popupVisible).each(function(){N(this).data(h.activator).popup("hide")})},exists:function(){return!!u&&(d.inline||d.popup?c.has.popup():1<=u.closest(s).length)},removePopup:function(){c.has.popup()&&!d.popup&&(c.debug("Removing popup",u),u.remove(),u=M,d.onRemove.call(u,C))},save:{conditions:function(){c.cache={title:m.attr("title")},c.cache.title&&m.removeAttr("title"),c.verbose("Saving original attributes",c.cache.title)}},restore:{conditions:function(){return c.cache&&c.cache.title&&(m.attr("title",c.cache.title),c.verbose("Restoring original attributes",c.cache.title)),!0}},supports:{svg:function(){return"undefined"!=typeof SVGGraphicsElement}},animate:{show:function(t){t=N.isFunction(t)?t:function(){},d.transition&&N.fn.transition!==M&&m.transition("is supported")?(c.set.visible(),u.transition({animation:d.transition+" in",queue:!1,debug:d.debug,verbose:d.verbose,duration:d.duration,onComplete:function(){c.bind.close(),t.call(u,C),d.onVisible.call(u,C)}})):c.error(g.noTransition)},hide:function(t){t=N.isFunction(t)?t:function(){},c.debug("Hiding pop-up"),!1!==d.onHide.call(u,C)?d.transition&&N.fn.transition!==M&&m.transition("is supported")?u.transition({animation:d.transition+" out",queue:!1,duration:d.duration,debug:d.debug,verbose:d.verbose,onComplete:function(){c.reset(),t.call(u,C),d.onHidden.call(u,C)}}):c.error(g.noTransition):c.debug("onHide callback returned false, cancelling popup animation")}},change:{content:function(t){u.html(t)}},get:{html:function(){return m.removeData(h.html),m.data(h.html)||d.html},title:function(){return m.removeData(h.title),m.data(h.title)||d.title},content:function(){return m.removeData(h.content),m.data(h.content)||d.content||m.attr("title")},variation:function(){return m.removeData(h.variation),m.data(h.variation)||d.variation},popup:function(){return u},popupOffset:function(){return u.offset()},calculations:function(){var t,e=c.get.offsetParent(u),o=b[0],n=v[0]==V,i=d.inline||d.popup&&d.movePopup?b.position():b.offset(),r=n?{top:0,left:0}:v.offset(),a={},s=n?{top:S.scrollTop(),left:S.scrollLeft()}:{top:0,left:0};if(a={target:{element:b[0],width:b.outerWidth(),height:b.outerHeight(),top:i.top,left:i.left,margin:{}},popup:{width:u.outerWidth(),height:u.outerHeight()},parent:{width:l.outerWidth(),height:l.outerHeight()},screen:{top:r.top,left:r.left,scroll:{top:s.top,left:s.left},width:v.width(),height:v.height()}},e.get(0)!==l.get(0)){var p=e.offset();a.target.top-=p.top,a.target.left-=p.left,a.parent.width=e.outerWidth(),a.parent.height=e.outerHeight()}return d.setFluidWidth&&c.is.fluid()&&(a.container={width:u.parent().outerWidth()},a.popup.width=a.container.width),a.target.margin.top=d.inline?parseInt(V.getComputedStyle(o).getPropertyValue("margin-top"),10):0,a.target.margin.left=d.inline?c.is.rtl()?parseInt(V.getComputedStyle(o).getPropertyValue("margin-right"),10):parseInt(V.getComputedStyle(o).getPropertyValue("margin-left"),10):0,t=a.screen,a.boundary={top:t.top+t.scroll.top,bottom:t.top+t.scroll.top+t.height,left:t.left+t.scroll.left,right:t.left+t.scroll.left+t.width},a},id:function(){return o},startEvent:function(){return"hover"==d.on?"mouseenter":"focus"==d.on&&"focus"},scrollEvent:function(){return"scroll"},endEvent:function(){return"hover"==d.on?"mouseleave":"focus"==d.on&&"blur"},distanceFromBoundary:function(t,e){var o,n,i={};return o=(e=e||c.get.calculations()).popup,n=e.boundary,t&&(i={top:t.top-n.top,left:t.left-n.left,right:n.right-(t.left+o.width),bottom:n.bottom-(t.top+o.height)},c.verbose("Distance from boundaries determined",t,i)),i},offsetParent:function(t){var e=(t!==M?t[0]:b[0]).parentNode,o=N(e);if(e)for(var n="none"===o.css("transform"),i="static"===o.css("position"),r=o.is("body");e&&!r&&i&&n;)e=e.parentNode,n="none"===(o=N(e)).css("transform"),i="static"===o.css("position"),r=o.is("body");return o&&0",notFound:"The target or popup you specified does not exist on the page"},metadata:{activator:"activator",content:"content",html:"html",offset:"offset",position:"position",title:"title",variation:"variation"},className:{active:"active",basic:"basic",animating:"animating",dropdown:"dropdown",fluid:"fluid",loading:"loading",popup:"ui popup",position:"top left center bottom right",visible:"visible",popupVisible:"visible"},selector:{popup:".ui.popup"},templates:{escape:function(t){var e={"&":"&","<":"<",">":">",'"':""","'":"'","`":"`"};return/[&<>"'`]/.test(t)?t.replace(/[&<>"'`]/g,function(t){return e[t]}):t},popup:function(t){var e="",o=N.fn.popup.settings.templates.escape;return typeof t!==M&&(typeof t.title!==M&&t.title&&(t.title=o(t.title),e+='
    '+t.title+"
    "),typeof t.content!==M&&t.content&&(t.content=o(t.content),e+='
    '+t.content+"
    ")),e}}}}(jQuery,window,document); \ No newline at end of file diff --git a/dist/components/progress.css b/dist/components/progress.css index 85afc1092e..2236fec674 100644 --- a/dist/components/progress.css +++ b/dist/components/progress.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Progress Bar + * # Semantic UI 2.7.0 - Progress Bar * http://github.com/semantic-org/semantic-ui/ * * @@ -18,18 +18,18 @@ display: block; max-width: 100%; border: none; - margin: 1em 0em 2.5em; + margin: 1em 0 2.5em; -webkit-box-shadow: none; box-shadow: none; background: rgba(0, 0, 0, 0.1); - padding: 0em; + padding: 0; border-radius: 0.28571429rem; } .ui.progress:first-child { - margin: 0em 0em 2.5em; + margin: 0 0 2.5em; } .ui.progress:last-child { - margin: 0em 0em 1.5em; + margin: 0 0 1.5em; } @@ -43,7 +43,7 @@ display: block; line-height: 1; position: relative; - width: 0%; + width: 0; min-width: 2em; background: #888888; border-radius: 0.28571429rem; @@ -75,7 +75,7 @@ font-size: 1em; top: 100%; right: auto; - left: 0%; + left: 0; bottom: auto; color: rgba(0, 0, 0, 0.87); font-weight: bold; @@ -235,10 +235,10 @@ content: ''; opacity: 0; position: absolute; - top: 0px; - left: 0px; - right: 0px; - bottom: 0px; + top: 0; + left: 0; + right: 0; + bottom: 0; background: #FFFFFF; border-radius: 0.28571429rem; -webkit-animation: progress-active 2s ease infinite; @@ -327,28 +327,28 @@ background: transparent; position: relative; border: none; - margin: 0em; + margin: 0; } .ui.progress.attached, .ui.progress.attached .bar { display: block; height: 0.2rem; - padding: 0px; + padding: 0; overflow: hidden; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } .ui.progress.attached .bar { - border-radius: 0em; + border-radius: 0; } /* top attached */ .ui.progress.top.attached, .ui.progress.top.attached .bar { - top: 0px; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + top: 0; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.progress.top.attached .bar { - border-radius: 0em; + border-radius: 0; } /* Coupling */ @@ -370,104 +370,90 @@ Colors ---------------*/ - -/* Red */ +.ui.primary.progress .bar { + background-color: #2185D0; +} +.ui.primary.inverted.progress .bar { + background-color: #54C8FF; +} +.ui.secondary.progress .bar { + background-color: #1B1C1D; +} +.ui.secondary.inverted.progress .bar { + background-color: #545454; +} .ui.red.progress .bar { background-color: #DB2828; } .ui.red.inverted.progress .bar { background-color: #FF695E; } - -/* Orange */ .ui.orange.progress .bar { background-color: #F2711C; } .ui.orange.inverted.progress .bar { background-color: #FF851B; } - -/* Yellow */ .ui.yellow.progress .bar { background-color: #FBBD08; } .ui.yellow.inverted.progress .bar { background-color: #FFE21F; } - -/* Olive */ .ui.olive.progress .bar { background-color: #B5CC18; } .ui.olive.inverted.progress .bar { background-color: #D9E778; } - -/* Green */ .ui.green.progress .bar { background-color: #21BA45; } .ui.green.inverted.progress .bar { background-color: #2ECC40; } - -/* Teal */ .ui.teal.progress .bar { background-color: #00B5AD; } .ui.teal.inverted.progress .bar { background-color: #6DFFFF; } - -/* Blue */ .ui.blue.progress .bar { background-color: #2185D0; } .ui.blue.inverted.progress .bar { background-color: #54C8FF; } - -/* Violet */ .ui.violet.progress .bar { background-color: #6435C9; } .ui.violet.inverted.progress .bar { background-color: #A291FB; } - -/* Purple */ .ui.purple.progress .bar { background-color: #A333C8; } .ui.purple.inverted.progress .bar { background-color: #DC73FF; } - -/* Pink */ .ui.pink.progress .bar { background-color: #E03997; } .ui.pink.inverted.progress .bar { background-color: #FF8EDF; } - -/* Brown */ .ui.brown.progress .bar { background-color: #A5673F; } .ui.brown.inverted.progress .bar { background-color: #D67C1C; } - -/* Grey */ .ui.grey.progress .bar { background-color: #767676; } .ui.grey.inverted.progress .bar { background-color: #DCDDDE; } - -/* Black */ .ui.black.progress .bar { background-color: #1B1C1D; } diff --git a/dist/components/progress.js b/dist/components/progress.js index 70a8d4f4e3..30ebba61aa 100644 --- a/dist/components/progress.js +++ b/dist/components/progress.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Progress + * # Semantic UI 2.7.0 - Progress * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -801,7 +805,7 @@ $.fn.progress = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/dist/components/progress.min.css b/dist/components/progress.min.css index e5e237aa8e..065c2d8b7f 100644 --- a/dist/components/progress.min.css +++ b/dist/components/progress.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Progress Bar + * # Semantic UI 2.7.0 - Progress Bar * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.progress{position:relative;display:block;max-width:100%;border:none;margin:1em 0 2.5em;-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.1);padding:0;border-radius:.28571429rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.progress .bar{display:block;line-height:1;position:relative;width:0%;min-width:2em;background:#888;border-radius:.28571429rem;-webkit-transition:width .1s ease,background-color .1s ease;transition:width .1s ease,background-color .1s ease}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.92857143em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.7);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.87);font-weight:700;text-shadow:none;margin-top:.2em;text-align:center;-webkit-transition:color .4s ease;transition:color .4s ease}.ui.indicating.progress[data-percent^="1"] .bar,.ui.indicating.progress[data-percent^="2"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent^="3"] .bar{background-color:#efbc72}.ui.indicating.progress[data-percent^="4"] .bar,.ui.indicating.progress[data-percent^="5"] .bar{background-color:#e6bb48}.ui.indicating.progress[data-percent^="6"] .bar{background-color:#ddc928}.ui.indicating.progress[data-percent^="7"] .bar,.ui.indicating.progress[data-percent^="8"] .bar{background-color:#b4d95c}.ui.indicating.progress[data-percent^="100"] .bar,.ui.indicating.progress[data-percent^="9"] .bar{background-color:#66da81}.ui.indicating.progress[data-percent^="1"] .label,.ui.indicating.progress[data-percent^="2"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="3"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="4"] .label,.ui.indicating.progress[data-percent^="5"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="6"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="7"] .label,.ui.indicating.progress[data-percent^="8"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="100"] .label,.ui.indicating.progress[data-percent^="9"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent="1"] .bar,.ui.indicating.progress[data-percent="2"] .bar,.ui.indicating.progress[data-percent="3"] .bar,.ui.indicating.progress[data-percent="4"] .bar,.ui.indicating.progress[data-percent="5"] .bar,.ui.indicating.progress[data-percent="6"] .bar,.ui.indicating.progress[data-percent="7"] .bar,.ui.indicating.progress[data-percent="8"] .bar,.ui.indicating.progress[data-percent="9"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent="1"] .label,.ui.indicating.progress[data-percent="2"] .label,.ui.indicating.progress[data-percent="3"] .label,.ui.indicating.progress[data-percent="4"] .label,.ui.indicating.progress[data-percent="5"] .label,.ui.indicating.progress[data-percent="6"] .label,.ui.indicating.progress[data-percent="7"] .label,.ui.indicating.progress[data-percent="8"] .label,.ui.indicating.progress[data-percent="9"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress.success .label{color:#1a531b}.ui.progress.success .bar{background-color:#21ba45!important}.ui.progress.success .bar,.ui.progress.success .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.success>.label{color:#1a531b}.ui.progress.warning .bar{background-color:#f2c037!important}.ui.progress.warning .bar,.ui.progress.warning .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.warning>.label{color:#794b02}.ui.progress.error .bar{background-color:#db2828!important}.ui.progress.error .bar,.ui.progress.error .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.error>.label{color:#912d2b}.ui.active.progress .bar{position:relative;min-width:2em}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.28571429rem;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite;-webkit-transform-origin:left;transform-origin:left}@-webkit-keyframes progress-active{0%{opacity:.3;-webkit-transform:scale(0,1);transform:scale(0,1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes progress-active{0%{opacity:.3;-webkit-transform:scale(0,1);transform:scale(0,1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.ui.disabled.progress{opacity:.35}.ui.disabled.progress .bar,.ui.disabled.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.inverted.progress{background:rgba(255,255,255,.08);border:none}.ui.inverted.progress .bar{background:#888}.ui.inverted.progress .bar>.progress{color:#1b1c1d}.ui.inverted.progress>.label{color:#fff}.ui.inverted.progress.success>.label{color:#21ba45}.ui.inverted.progress.warning>.label{color:#f2c037}.ui.inverted.progress.error>.label{color:#db2828}.ui.progress.attached{background:0 0;position:relative;border:none;margin:0}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:.2rem;padding:0;overflow:hidden;border-radius:0 0 .28571429rem .28571429rem}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:.28571429rem .28571429rem 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.card>.ui.attached.progress,.ui.segment>.ui.attached.progress{position:absolute;top:auto;left:0;bottom:100%;width:100%}.ui.card>.ui.bottom.attached.progress,.ui.segment>.ui.bottom.attached.progress{top:100%;bottom:auto}.ui.red.progress .bar{background-color:#db2828}.ui.red.inverted.progress .bar{background-color:#ff695e}.ui.orange.progress .bar{background-color:#f2711c}.ui.orange.inverted.progress .bar{background-color:#ff851b}.ui.yellow.progress .bar{background-color:#fbbd08}.ui.yellow.inverted.progress .bar{background-color:#ffe21f}.ui.olive.progress .bar{background-color:#b5cc18}.ui.olive.inverted.progress .bar{background-color:#d9e778}.ui.green.progress .bar{background-color:#21ba45}.ui.green.inverted.progress .bar{background-color:#2ecc40}.ui.teal.progress .bar{background-color:#00b5ad}.ui.teal.inverted.progress .bar{background-color:#6dffff}.ui.blue.progress .bar{background-color:#2185d0}.ui.blue.inverted.progress .bar{background-color:#54c8ff}.ui.violet.progress .bar{background-color:#6435c9}.ui.violet.inverted.progress .bar{background-color:#a291fb}.ui.purple.progress .bar{background-color:#a333c8}.ui.purple.inverted.progress .bar{background-color:#dc73ff}.ui.pink.progress .bar{background-color:#e03997}.ui.pink.inverted.progress .bar{background-color:#ff8edf}.ui.brown.progress .bar{background-color:#a5673f}.ui.brown.inverted.progress .bar{background-color:#d67c1c}.ui.grey.progress .bar{background-color:#767676}.ui.grey.inverted.progress .bar{background-color:#dcddde}.ui.black.progress .bar{background-color:#1b1c1d}.ui.black.inverted.progress .bar{background-color:#545454}.ui.tiny.progress{font-size:.85714286rem}.ui.tiny.progress .bar{height:.5em}.ui.small.progress{font-size:.92857143rem}.ui.small.progress .bar{height:1em}.ui.progress{font-size:1rem}.ui.progress .bar{height:1.75em}.ui.large.progress{font-size:1.14285714rem}.ui.large.progress .bar{height:2.5em}.ui.big.progress{font-size:1.28571429rem}.ui.big.progress .bar{height:3.5em} \ No newline at end of file + */.ui.progress{position:relative;display:block;max-width:100%;border:none;margin:1em 0 2.5em;-webkit-box-shadow:none;box-shadow:none;background:rgba(0,0,0,.1);padding:0;border-radius:.28571429rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.progress .bar{display:block;line-height:1;position:relative;width:0;min-width:2em;background:#888;border-radius:.28571429rem;-webkit-transition:width .1s ease,background-color .1s ease;transition:width .1s ease,background-color .1s ease}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.92857143em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.7);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.87);font-weight:700;text-shadow:none;margin-top:.2em;text-align:center;-webkit-transition:color .4s ease;transition:color .4s ease}.ui.indicating.progress[data-percent^="1"] .bar,.ui.indicating.progress[data-percent^="2"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent^="3"] .bar{background-color:#efbc72}.ui.indicating.progress[data-percent^="4"] .bar,.ui.indicating.progress[data-percent^="5"] .bar{background-color:#e6bb48}.ui.indicating.progress[data-percent^="6"] .bar{background-color:#ddc928}.ui.indicating.progress[data-percent^="7"] .bar,.ui.indicating.progress[data-percent^="8"] .bar{background-color:#b4d95c}.ui.indicating.progress[data-percent^="100"] .bar,.ui.indicating.progress[data-percent^="9"] .bar{background-color:#66da81}.ui.indicating.progress[data-percent^="1"] .label,.ui.indicating.progress[data-percent^="2"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="3"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="4"] .label,.ui.indicating.progress[data-percent^="5"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="6"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="7"] .label,.ui.indicating.progress[data-percent^="8"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent^="100"] .label,.ui.indicating.progress[data-percent^="9"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress[data-percent="1"] .bar,.ui.indicating.progress[data-percent="2"] .bar,.ui.indicating.progress[data-percent="3"] .bar,.ui.indicating.progress[data-percent="4"] .bar,.ui.indicating.progress[data-percent="5"] .bar,.ui.indicating.progress[data-percent="6"] .bar,.ui.indicating.progress[data-percent="7"] .bar,.ui.indicating.progress[data-percent="8"] .bar,.ui.indicating.progress[data-percent="9"] .bar{background-color:#d95c5c}.ui.indicating.progress[data-percent="1"] .label,.ui.indicating.progress[data-percent="2"] .label,.ui.indicating.progress[data-percent="3"] .label,.ui.indicating.progress[data-percent="4"] .label,.ui.indicating.progress[data-percent="5"] .label,.ui.indicating.progress[data-percent="6"] .label,.ui.indicating.progress[data-percent="7"] .label,.ui.indicating.progress[data-percent="8"] .label,.ui.indicating.progress[data-percent="9"] .label{color:rgba(0,0,0,.87)}.ui.indicating.progress.success .label{color:#1a531b}.ui.progress.success .bar{background-color:#21ba45!important}.ui.progress.success .bar,.ui.progress.success .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.success>.label{color:#1a531b}.ui.progress.warning .bar{background-color:#f2c037!important}.ui.progress.warning .bar,.ui.progress.warning .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.warning>.label{color:#794b02}.ui.progress.error .bar{background-color:#db2828!important}.ui.progress.error .bar,.ui.progress.error .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.error>.label{color:#912d2b}.ui.active.progress .bar{position:relative;min-width:2em}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.28571429rem;-webkit-animation:progress-active 2s ease infinite;animation:progress-active 2s ease infinite;-webkit-transform-origin:left;transform-origin:left}@-webkit-keyframes progress-active{0%{opacity:.3;-webkit-transform:scale(0,1);transform:scale(0,1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes progress-active{0%{opacity:.3;-webkit-transform:scale(0,1);transform:scale(0,1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.ui.disabled.progress{opacity:.35}.ui.disabled.progress .bar,.ui.disabled.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.inverted.progress{background:rgba(255,255,255,.08);border:none}.ui.inverted.progress .bar{background:#888}.ui.inverted.progress .bar>.progress{color:#1b1c1d}.ui.inverted.progress>.label{color:#fff}.ui.inverted.progress.success>.label{color:#21ba45}.ui.inverted.progress.warning>.label{color:#f2c037}.ui.inverted.progress.error>.label{color:#db2828}.ui.progress.attached{background:0 0;position:relative;border:none;margin:0}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:.2rem;padding:0;overflow:hidden;border-radius:0 0 .28571429rem .28571429rem}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:.28571429rem .28571429rem 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.card>.ui.attached.progress,.ui.segment>.ui.attached.progress{position:absolute;top:auto;left:0;bottom:100%;width:100%}.ui.card>.ui.bottom.attached.progress,.ui.segment>.ui.bottom.attached.progress{top:100%;bottom:auto}.ui.primary.progress .bar{background-color:#2185d0}.ui.primary.inverted.progress .bar{background-color:#54c8ff}.ui.secondary.progress .bar{background-color:#1b1c1d}.ui.secondary.inverted.progress .bar{background-color:#545454}.ui.red.progress .bar{background-color:#db2828}.ui.red.inverted.progress .bar{background-color:#ff695e}.ui.orange.progress .bar{background-color:#f2711c}.ui.orange.inverted.progress .bar{background-color:#ff851b}.ui.yellow.progress .bar{background-color:#fbbd08}.ui.yellow.inverted.progress .bar{background-color:#ffe21f}.ui.olive.progress .bar{background-color:#b5cc18}.ui.olive.inverted.progress .bar{background-color:#d9e778}.ui.green.progress .bar{background-color:#21ba45}.ui.green.inverted.progress .bar{background-color:#2ecc40}.ui.teal.progress .bar{background-color:#00b5ad}.ui.teal.inverted.progress .bar{background-color:#6dffff}.ui.blue.progress .bar{background-color:#2185d0}.ui.blue.inverted.progress .bar{background-color:#54c8ff}.ui.violet.progress .bar{background-color:#6435c9}.ui.violet.inverted.progress .bar{background-color:#a291fb}.ui.purple.progress .bar{background-color:#a333c8}.ui.purple.inverted.progress .bar{background-color:#dc73ff}.ui.pink.progress .bar{background-color:#e03997}.ui.pink.inverted.progress .bar{background-color:#ff8edf}.ui.brown.progress .bar{background-color:#a5673f}.ui.brown.inverted.progress .bar{background-color:#d67c1c}.ui.grey.progress .bar{background-color:#767676}.ui.grey.inverted.progress .bar{background-color:#dcddde}.ui.black.progress .bar{background-color:#1b1c1d}.ui.black.inverted.progress .bar{background-color:#545454}.ui.tiny.progress{font-size:.85714286rem}.ui.tiny.progress .bar{height:.5em}.ui.small.progress{font-size:.92857143rem}.ui.small.progress .bar{height:1em}.ui.progress{font-size:1rem}.ui.progress .bar{height:1.75em}.ui.large.progress{font-size:1.14285714rem}.ui.large.progress .bar{height:2.5em}.ui.big.progress{font-size:1.28571429rem}.ui.big.progress .bar{height:3.5em} \ No newline at end of file diff --git a/dist/components/progress.min.js b/dist/components/progress.min.js index 784df94c6e..58d06f1d55 100644 --- a/dist/components/progress.min.js +++ b/dist/components/progress.min.js @@ -1 +1,11 @@ -!function(E,e,P,T){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),E.fn.progress=function(m){var b,e=E(this),h=e.selector||"",x=(new Date).getTime(),w=[],y=m,V="string"==typeof y,C=[].slice.call(arguments,1);return e.each(function(){var s,r=E.isPlainObject(m)?E.extend(!0,{},E.fn.progress.settings,m):E.extend({},E.fn.progress.settings),t=r.className,n=r.metadata,e=r.namespace,a=r.selector,l=r.error,o="."+e,i="module-"+e,c=E(this),u=E(this).find(a.bar),g=E(this).find(a.progress),d=E(this).find(a.label),v=this,p=c.data(i),f=!1;s={initialize:function(){s.debug("Initializing progress bar",r),s.set.duration(),s.set.transitionEvent(),s.read.metadata(),s.read.settings(),s.instantiate()},instantiate:function(){s.verbose("Storing instance of progress",s),p=s,c.data(i,s)},destroy:function(){s.verbose("Destroying previous progress for",c),clearInterval(p.interval),s.remove.state(),c.removeData(i),p=T},reset:function(){s.remove.nextValue(),s.update.progress(0)},complete:function(){(s.percent===T||s.percent<100)&&(s.remove.progressPoll(),s.set.percent(100))},read:{metadata:function(){var e={percent:c.data(n.percent),total:c.data(n.total),value:c.data(n.value)};e.percent&&(s.debug("Current percent value set from metadata",e.percent),s.set.percent(e.percent)),e.total&&(s.debug("Total value set from metadata",e.total),s.set.total(e.total)),e.value&&(s.debug("Current value set from metadata",e.value),s.set.value(e.value),s.set.progress(e.value))},settings:function(){!1!==r.total&&(s.debug("Current total set in settings",r.total),s.set.total(r.total)),!1!==r.value&&(s.debug("Current value set in settings",r.value),s.set.value(r.value),s.set.progress(s.value)),!1!==r.percent&&(s.debug("Current percent set in settings",r.percent),s.set.percent(r.percent))}},bind:{transitionEnd:function(t){var e=s.get.transitionEnd();u.one(e+o,function(e){clearTimeout(s.failSafeTimer),t.call(this,e)}),s.failSafeTimer=setTimeout(function(){u.triggerHandler(e)},r.duration+r.failSafeDelay),s.verbose("Adding fail safe timer",s.timer)}},increment:function(e){var t,n;s.has.total()?n=(t=s.get.value())+(e=e||1):(n=(t=s.get.percent())+(e=e||s.get.randomValue()),100,s.debug("Incrementing percentage by",t,n)),n=s.get.normalizedValue(n),s.set.progress(n)},decrement:function(e){var t,n;s.get.total()?(n=(t=s.get.value())-(e=e||1),s.debug("Decrementing value by",e,t)):(n=(t=s.get.percent())-(e=e||s.get.randomValue()),s.debug("Decrementing percentage by",e,t)),n=s.get.normalizedValue(n),s.set.progress(n)},has:{progressPoll:function(){return s.progressPoll},total:function(){return!1!==s.get.total()}},get:{text:function(e){var t=s.value||0,n=s.total||0,r=f?s.get.displayPercent():s.percent||0,a=0s.total)return s.debug("Value cannot increment above total",s.total),s.total}else if(100 .bar",label:"> .label",progress:".bar > .progress"},text:{active:!1,error:!1,success:!1,warning:!1,percent:"{percent}%",ratio:"{value} of {total}"},className:{active:"active",error:"error",success:"success",warning:"warning"}}}(jQuery,window,document); \ No newline at end of file + /* + * # Fomantic UI - 2.7.0 + * https://github.com/fomantic/Fomantic-UI + * http://fomantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +!function(E,e,P,T){"use strict";E.isFunction=E.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),E.fn.progress=function(m){var b,e=E(this),h=e.selector||"",x=(new Date).getTime(),y=[],w=m,V="string"==typeof w,C=[].slice.call(arguments,1);return e.each(function(){var s,r=E.isPlainObject(m)?E.extend(!0,{},E.fn.progress.settings,m):E.extend({},E.fn.progress.settings),t=r.className,n=r.metadata,e=r.namespace,a=r.selector,l=r.error,o="."+e,i="module-"+e,c=E(this),u=E(this).find(a.bar),g=E(this).find(a.progress),d=E(this).find(a.label),p=this,v=c.data(i),f=!1;s={initialize:function(){s.debug("Initializing progress bar",r),s.set.duration(),s.set.transitionEvent(),s.read.metadata(),s.read.settings(),s.instantiate()},instantiate:function(){s.verbose("Storing instance of progress",s),v=s,c.data(i,s)},destroy:function(){s.verbose("Destroying previous progress for",c),clearInterval(v.interval),s.remove.state(),c.removeData(i),v=T},reset:function(){s.remove.nextValue(),s.update.progress(0)},complete:function(){(s.percent===T||s.percent<100)&&(s.remove.progressPoll(),s.set.percent(100))},read:{metadata:function(){var e={percent:c.data(n.percent),total:c.data(n.total),value:c.data(n.value)};e.percent&&(s.debug("Current percent value set from metadata",e.percent),s.set.percent(e.percent)),e.total&&(s.debug("Total value set from metadata",e.total),s.set.total(e.total)),e.value&&(s.debug("Current value set from metadata",e.value),s.set.value(e.value),s.set.progress(e.value))},settings:function(){!1!==r.total&&(s.debug("Current total set in settings",r.total),s.set.total(r.total)),!1!==r.value&&(s.debug("Current value set in settings",r.value),s.set.value(r.value),s.set.progress(s.value)),!1!==r.percent&&(s.debug("Current percent set in settings",r.percent),s.set.percent(r.percent))}},bind:{transitionEnd:function(t){var e=s.get.transitionEnd();u.one(e+o,function(e){clearTimeout(s.failSafeTimer),t.call(this,e)}),s.failSafeTimer=setTimeout(function(){u.triggerHandler(e)},r.duration+r.failSafeDelay),s.verbose("Adding fail safe timer",s.timer)}},increment:function(e){var t,n;s.has.total()?n=(t=s.get.value())+(e=e||1):(n=(t=s.get.percent())+(e=e||s.get.randomValue()),100,s.debug("Incrementing percentage by",t,n)),n=s.get.normalizedValue(n),s.set.progress(n)},decrement:function(e){var t,n;s.get.total()?(n=(t=s.get.value())-(e=e||1),s.debug("Decrementing value by",e,t)):(n=(t=s.get.percent())-(e=e||s.get.randomValue()),s.debug("Decrementing percentage by",e,t)),n=s.get.normalizedValue(n),s.set.progress(n)},has:{progressPoll:function(){return s.progressPoll},total:function(){return!1!==s.get.total()}},get:{text:function(e){var t=s.value||0,n=s.total||0,r=f?s.get.displayPercent():s.percent||0,a=0s.total)return s.debug("Value cannot increment above total",s.total),s.total}else if(100 .bar",label:"> .label",progress:".bar > .progress"},text:{active:!1,error:!1,success:!1,warning:!1,percent:"{percent}%",ratio:"{value} of {total}"},className:{active:"active",error:"error",success:"success",warning:"warning"}}}(jQuery,window,document); \ No newline at end of file diff --git a/dist/components/rail.css b/dist/components/rail.css index 0297caaf2f..816f192cfe 100644 --- a/dist/components/rail.css +++ b/dist/components/rail.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Rail + * # Semantic UI 2.7.0 - Rail * http://github.com/semantic-org/semantic-ui/ * * @@ -15,21 +15,21 @@ .ui.rail { position: absolute; - top: 0%; + top: 0; width: 300px; height: 100%; } .ui.left.rail { left: auto; right: 100%; - padding: 0em 2rem 0em 0em; - margin: 0em 2rem 0em 0em; + padding: 0 2rem 0 0; + margin: 0 2rem 0 0; } .ui.right.rail { left: 100%; right: auto; - padding: 0em 0em 0em 2rem; - margin: 0em 0em 0em 2rem; + padding: 0 0 0 2rem; + margin: 0 0 0 2rem; } @@ -43,16 +43,16 @@ ---------------*/ .ui.left.internal.rail { - left: 0%; + left: 0; right: auto; - padding: 0em 0em 0em 2rem; - margin: 0em 0em 0em 2rem; + padding: 0 0 0 2rem; + margin: 0 0 0 2rem; } .ui.right.internal.rail { left: auto; - right: 0%; - padding: 0em 2rem 0em 0em; - margin: 0em 2rem 0em 0em; + right: 0; + padding: 0 2rem 0 0; + margin: 0 2rem 0 0; } /*-------------- @@ -63,14 +63,14 @@ width: 302.5px; } .ui.left.dividing.rail { - padding: 0em 2.5rem 0em 0em; - margin: 0em 2.5rem 0em 0em; + padding: 0 2.5rem 0 0; + margin: 0 2.5rem 0 0; border-right: 1px solid rgba(34, 36, 38, 0.15); } .ui.right.dividing.rail { border-left: 1px solid rgba(34, 36, 38, 0.15); - padding: 0em 0em 0em 2.5rem; - margin: 0em 0em 0em 2.5rem; + padding: 0 0 0 2.5rem; + margin: 0 0 0 2.5rem; } /*-------------- @@ -81,23 +81,23 @@ width: calc(300px + 1em); } .ui.close.left.rail { - padding: 0em 1em 0em 0em; - margin: 0em 1em 0em 0em; + padding: 0 1em 0 0; + margin: 0 1em 0 0; } .ui.close.right.rail { - padding: 0em 0em 0em 1em; - margin: 0em 0em 0em 1em; + padding: 0 0 0 1em; + margin: 0 0 0 1em; } .ui.very.close.rail { width: calc(300px + 0.5em); } .ui.very.close.left.rail { - padding: 0em 0.5em 0em 0em; - margin: 0em 0.5em 0em 0em; + padding: 0 0.5em 0 0; + margin: 0 0.5em 0 0; } .ui.very.close.right.rail { - padding: 0em 0em 0em 0.5em; - margin: 0em 0em 0em 0.5em; + padding: 0 0 0 0.5em; + margin: 0 0 0 0.5em; } /*-------------- @@ -106,8 +106,8 @@ .ui.attached.left.rail, .ui.attached.right.rail { - padding: 0em; - margin: 0em; + padding: 0; + margin: 0; } /*-------------- diff --git a/dist/components/rail.min.css b/dist/components/rail.min.css index 6f40a3901a..ac401e5301 100644 --- a/dist/components/rail.min.css +++ b/dist/components/rail.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Rail + * # Semantic UI 2.7.0 - Rail * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/rating.css b/dist/components/rating.css index 9189e3dfdb..7cb5467390 100644 --- a/dist/components/rating.css +++ b/dist/components/rating.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Rating + * # Semantic UI 2.7.0 - Rating * http://github.com/semantic-org/semantic-ui/ * * @@ -21,13 +21,13 @@ vertical-align: baseline; } .ui.rating:last-child { - margin-right: 0em; + margin-right: 0; } /* Icon */ .ui.rating .icon { - padding: 0em; - margin: 0em; + padding: 0; + margin: 0; text-align: center; font-weight: normal; font-style: normal; @@ -71,60 +71,144 @@ color: rgba(0, 0, 0, 0.87); } -/*------------------- - Star ---------------------*/ - - -/* Inactive */ -.ui.star.rating .icon { - width: 1.25em; - height: auto; - background: transparent; - color: rgba(0, 0, 0, 0.15); - text-shadow: none; +/*-------------- + Colors +-------------- */ + +.ui.primary.rating .active.icon { + color: #54C8FF; + text-shadow: 0px -1px 0px #2185D0, -1px 0px 0px #2185D0, 0px 1px 0px #2185D0, 1px 0px 0px #2185D0; +} +.ui.primary.rating .icon.selected, +.ui.primary.rating .icon.selected.active { + color: #21b8ff; + text-shadow: 0px -1px 0px #1678c2, -1px 0px 0px #1678c2, 0px 1px 0px #1678c2, 1px 0px 0px #1678c2; +} +.ui.secondary.rating .active.icon { + color: #545454; + text-shadow: 0px -1px 0px #1B1C1D, -1px 0px 0px #1B1C1D, 0px 1px 0px #1B1C1D, 1px 0px 0px #1B1C1D; +} +.ui.secondary.rating .icon.selected, +.ui.secondary.rating .icon.selected.active { + color: #6e6e6e; + text-shadow: 0px -1px 0px #27292a, -1px 0px 0px #27292a, 0px 1px 0px #27292a, 1px 0px 0px #27292a; +} +.ui.red.rating .active.icon { + color: #FF695E; + text-shadow: 0px -1px 0px #DB2828, -1px 0px 0px #DB2828, 0px 1px 0px #DB2828, 1px 0px 0px #DB2828; +} +.ui.red.rating .icon.selected, +.ui.red.rating .icon.selected.active { + color: #ff392b; + text-shadow: 0px -1px 0px #d01919, -1px 0px 0px #d01919, 0px 1px 0px #d01919, 1px 0px 0px #d01919; +} +.ui.orange.rating .active.icon { + color: #FF851B; + text-shadow: 0px -1px 0px #F2711C, -1px 0px 0px #F2711C, 0px 1px 0px #F2711C, 1px 0px 0px #F2711C; +} +.ui.orange.rating .icon.selected, +.ui.orange.rating .icon.selected.active { + color: #e76b00; + text-shadow: 0px -1px 0px #f26202, -1px 0px 0px #f26202, 0px 1px 0px #f26202, 1px 0px 0px #f26202; +} +.ui.yellow.rating .active.icon { + color: #FFE21F; + text-shadow: 0px -1px 0px #FBBD08, -1px 0px 0px #FBBD08, 0px 1px 0px #FBBD08, 1px 0px 0px #FBBD08; } - -/* Active Star */ -.ui.star.rating .active.icon { - background: transparent !important; - color: #FFE623 !important; - text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important; +.ui.yellow.rating .icon.selected, +.ui.yellow.rating .icon.selected.active { + color: #ebcd00; + text-shadow: 0px -1px 0px #eaae00, -1px 0px 0px #eaae00, 0px 1px 0px #eaae00, 1px 0px 0px #eaae00; } - -/* Selected Star */ -.ui.star.rating .icon.selected, -.ui.star.rating .icon.selected.active { - background: transparent !important; - color: #FFCC00 !important; - text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important; +.ui.olive.rating .active.icon { + color: #D9E778; + text-shadow: 0px -1px 0px #B5CC18, -1px 0px 0px #B5CC18, 0px 1px 0px #B5CC18, 1px 0px 0px #B5CC18; } - -/*------------------- - Heart ---------------------*/ - -.ui.heart.rating .icon { - width: 1.4em; - height: auto; - background: transparent; - color: rgba(0, 0, 0, 0.15); - text-shadow: none !important; +.ui.olive.rating .icon.selected, +.ui.olive.rating .icon.selected.active { + color: #d2e745; + text-shadow: 0px -1px 0px #a7bd0d, -1px 0px 0px #a7bd0d, 0px 1px 0px #a7bd0d, 1px 0px 0px #a7bd0d; } - -/* Active Heart */ -.ui.heart.rating .active.icon { - background: transparent !important; - color: #FF6D75 !important; - text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important; +.ui.green.rating .active.icon { + color: #2ECC40; + text-shadow: 0px -1px 0px #21BA45, -1px 0px 0px #21BA45, 0px 1px 0px #21BA45, 1px 0px 0px #21BA45; } - -/* Selected Heart */ -.ui.heart.rating .icon.selected, -.ui.heart.rating .icon.selected.active { - background: transparent !important; - color: #FF3000 !important; - text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important; +.ui.green.rating .icon.selected, +.ui.green.rating .icon.selected.active { + color: #1ea92e; + text-shadow: 0px -1px 0px #16ab39, -1px 0px 0px #16ab39, 0px 1px 0px #16ab39, 1px 0px 0px #16ab39; +} +.ui.teal.rating .active.icon { + color: #6DFFFF; + text-shadow: 0px -1px 0px #00B5AD, -1px 0px 0px #00B5AD, 0px 1px 0px #00B5AD, 1px 0px 0px #00B5AD; +} +.ui.teal.rating .icon.selected, +.ui.teal.rating .icon.selected.active { + color: #3affff; + text-shadow: 0px -1px 0px #009c95, -1px 0px 0px #009c95, 0px 1px 0px #009c95, 1px 0px 0px #009c95; +} +.ui.blue.rating .active.icon { + color: #54C8FF; + text-shadow: 0px -1px 0px #2185D0, -1px 0px 0px #2185D0, 0px 1px 0px #2185D0, 1px 0px 0px #2185D0; +} +.ui.blue.rating .icon.selected, +.ui.blue.rating .icon.selected.active { + color: #21b8ff; + text-shadow: 0px -1px 0px #1678c2, -1px 0px 0px #1678c2, 0px 1px 0px #1678c2, 1px 0px 0px #1678c2; +} +.ui.violet.rating .active.icon { + color: #A291FB; + text-shadow: 0px -1px 0px #6435C9, -1px 0px 0px #6435C9, 0px 1px 0px #6435C9, 1px 0px 0px #6435C9; +} +.ui.violet.rating .icon.selected, +.ui.violet.rating .icon.selected.active { + color: #745aff; + text-shadow: 0px -1px 0px #5829bb, -1px 0px 0px #5829bb, 0px 1px 0px #5829bb, 1px 0px 0px #5829bb; +} +.ui.purple.rating .active.icon { + color: #DC73FF; + text-shadow: 0px -1px 0px #A333C8, -1px 0px 0px #A333C8, 0px 1px 0px #A333C8, 1px 0px 0px #A333C8; +} +.ui.purple.rating .icon.selected, +.ui.purple.rating .icon.selected.active { + color: #cf40ff; + text-shadow: 0px -1px 0px #9627ba, -1px 0px 0px #9627ba, 0px 1px 0px #9627ba, 1px 0px 0px #9627ba; +} +.ui.pink.rating .active.icon { + color: #FF8EDF; + text-shadow: 0px -1px 0px #E03997, -1px 0px 0px #E03997, 0px 1px 0px #E03997, 1px 0px 0px #E03997; +} +.ui.pink.rating .icon.selected, +.ui.pink.rating .icon.selected.active { + color: #ff5bd1; + text-shadow: 0px -1px 0px #e61a8d, -1px 0px 0px #e61a8d, 0px 1px 0px #e61a8d, 1px 0px 0px #e61a8d; +} +.ui.brown.rating .active.icon { + color: #D67C1C; + text-shadow: 0px -1px 0px #A5673F, -1px 0px 0px #A5673F, 0px 1px 0px #A5673F, 1px 0px 0px #A5673F; +} +.ui.brown.rating .icon.selected, +.ui.brown.rating .icon.selected.active { + color: #b0620f; + text-shadow: 0px -1px 0px #975b33, -1px 0px 0px #975b33, 0px 1px 0px #975b33, 1px 0px 0px #975b33; +} +.ui.grey.rating .active.icon { + color: #DCDDDE; + text-shadow: 0px -1px 0px #767676, -1px 0px 0px #767676, 0px 1px 0px #767676, 1px 0px 0px #767676; +} +.ui.grey.rating .icon.selected, +.ui.grey.rating .icon.selected.active { + color: #c2c4c5; + text-shadow: 0px -1px 0px #838383, -1px 0px 0px #838383, 0px 1px 0px #838383, 1px 0px 0px #838383; +} +.ui.black.rating .active.icon { + color: #545454; + text-shadow: 0px -1px 0px #1B1C1D, -1px 0px 0px #1B1C1D, 0px 1px 0px #1B1C1D, 1px 0px 0px #1B1C1D; +} +.ui.black.rating .icon.selected, +.ui.black.rating .icon.selected.active { + color: #000000; + text-shadow: 0px -1px 0px #27292a, -1px 0px 0px #27292a, 0px 1px 0px #27292a, 1px 0px 0px #27292a; } @@ -189,14 +273,7 @@ Theme Overrides *******************************/ -@font-face { - font-family: 'Rating'; - src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); - font-weight: normal; - font-style: normal; -} .ui.rating .icon { - font-family: 'Rating'; line-height: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; @@ -205,57 +282,6 @@ text-align: center; } -/* Empty Star */ -.ui.rating .icon:before { - content: '\f005'; -} - -/* Active Star */ -.ui.rating .active.icon:before { - content: '\f005'; -} - -/*------------------- - Star ---------------------*/ - - -/* Unfilled Star */ -.ui.star.rating .icon:before { - content: '\f005'; -} - -/* Active Star */ -.ui.star.rating .active.icon:before { - content: '\f005'; -} - -/* Partial */ -.ui.star.rating .partial.icon:before { - content: '\f006'; -} -.ui.star.rating .partial.icon { - content: '\f005'; -} - -/*------------------- - Heart ---------------------*/ - - -/* Empty Heart -.ui.heart.rating .icon:before { - content: '\f08a'; -} -*/ -.ui.heart.rating .icon:before { - content: '\f004'; -} -/* Active */ -.ui.heart.rating .active.icon:before { - content: '\f004'; -} - /******************************* Site Overrides diff --git a/dist/components/rating.js b/dist/components/rating.js index b89a4e366e..e445a1e041 100644 --- a/dist/components/rating.js +++ b/dist/components/rating.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Rating + * # Semantic UI 2.7.0 - Rating * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -103,7 +107,8 @@ $.fn.rating = function(parameters) { layout: function() { var maxRating = module.get.maxRating(), - html = $.fn.rating.settings.templates.icon(maxRating) + icon = module.get.icon(), + html = $.fn.rating.settings.templates.icon(maxRating, icon) ; module.debug('Generating icon html dynamically'); $module @@ -211,6 +216,13 @@ $.fn.rating = function(parameters) { }, get: { + icon: function(){ + var icon = $module.data(metadata.icon); + if (icon) { + $module.removeData(metadata.icon); + } + return icon || settings.icon; + }, initialRating: function() { if($module.data(metadata.rating) !== undefined) { $module.removeData(metadata.rating); @@ -418,7 +430,7 @@ $.fn.rating = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { @@ -456,7 +468,9 @@ $.fn.rating.settings = { name : 'Rating', namespace : 'rating', - slent : false, + icon : 'star', + + silent : false, debug : false, verbose : false, performance : true, @@ -478,7 +492,8 @@ $.fn.rating.settings = { metadata: { rating : 'rating', - maxRating : 'maxRating' + maxRating : 'maxRating', + icon : 'icon' }, className : { @@ -493,13 +508,13 @@ $.fn.rating.settings = { }, templates: { - icon: function(maxRating) { + icon: function(maxRating, iconClass) { var icon = 1, html = '' ; while(icon <= maxRating) { - html += ''; + html += ''; icon++; } return html; diff --git a/dist/components/rating.min.css b/dist/components/rating.min.css index 79ad1a6c55..ad03118fbc 100644 --- a/dist/components/rating.min.css +++ b/dist/components/rating.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Rating + * # Semantic UI 2.7.0 - Rating * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.rating{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap;vertical-align:baseline}.ui.rating:last-child{margin-right:0}.ui.rating .icon{padding:0;margin:0;text-align:center;font-weight:400;font-style:normal;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;cursor:pointer;width:1.25em;height:auto;-webkit-transition:opacity .1s ease,background .1s ease,text-shadow .1s ease,color .1s ease;transition:opacity .1s ease,background .1s ease,text-shadow .1s ease,color .1s ease}.ui.rating .icon{background:0 0;color:rgba(0,0,0,.15)}.ui.rating .active.icon{background:0 0;color:rgba(0,0,0,.85)}.ui.rating .icon.selected,.ui.rating .icon.selected.active{background:0 0;color:rgba(0,0,0,.87)}.ui.star.rating .icon{width:1.25em;height:auto;background:0 0;color:rgba(0,0,0,.15);text-shadow:none}.ui.star.rating .active.icon{background:0 0!important;color:#ffe623!important;text-shadow:0 -1px 0 #ddc507,-1px 0 0 #ddc507,0 1px 0 #ddc507,1px 0 0 #ddc507!important}.ui.star.rating .icon.selected,.ui.star.rating .icon.selected.active{background:0 0!important;color:#fc0!important;text-shadow:0 -1px 0 #e6a200,-1px 0 0 #e6a200,0 1px 0 #e6a200,1px 0 0 #e6a200!important}.ui.heart.rating .icon{width:1.4em;height:auto;background:0 0;color:rgba(0,0,0,.15);text-shadow:none!important}.ui.heart.rating .active.icon{background:0 0!important;color:#ff6d75!important;text-shadow:0 -1px 0 #cd0707,-1px 0 0 #cd0707,0 1px 0 #cd0707,1px 0 0 #cd0707!important}.ui.heart.rating .icon.selected,.ui.heart.rating .icon.selected.active{background:0 0!important;color:#ff3000!important;text-shadow:0 -1px 0 #aa0101,-1px 0 0 #aa0101,0 1px 0 #aa0101,1px 0 0 #aa0101!important}.ui.disabled.rating .icon{cursor:default}.ui.rating.selected .active.icon{opacity:1}.ui.rating .icon.selected,.ui.rating.selected .icon.selected{opacity:1}.ui.mini.rating{font-size:.78571429rem}.ui.tiny.rating{font-size:.85714286rem}.ui.small.rating{font-size:.92857143rem}.ui.rating{font-size:1rem}.ui.large.rating{font-size:1.14285714rem}.ui.huge.rating{font-size:1.42857143rem}.ui.massive.rating{font-size:2rem}@font-face{font-family:Rating;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight:400;font-style:normal}.ui.rating .icon{font-family:Rating;line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.rating .icon:before{content:'\f005'}.ui.rating .active.icon:before{content:'\f005'}.ui.star.rating .icon:before{content:'\f005'}.ui.star.rating .active.icon:before{content:'\f005'}.ui.star.rating .partial.icon:before{content:'\f006'}.ui.star.rating .partial.icon{content:'\f005'}.ui.heart.rating .icon:before{content:'\f004'}.ui.heart.rating .active.icon:before{content:'\f004'} \ No newline at end of file + */.ui.rating{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap;vertical-align:baseline}.ui.rating:last-child{margin-right:0}.ui.rating .icon{padding:0;margin:0;text-align:center;font-weight:400;font-style:normal;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;cursor:pointer;width:1.25em;height:auto;-webkit-transition:opacity .1s ease,background .1s ease,text-shadow .1s ease,color .1s ease;transition:opacity .1s ease,background .1s ease,text-shadow .1s ease,color .1s ease}.ui.rating .icon{background:0 0;color:rgba(0,0,0,.15)}.ui.rating .active.icon{background:0 0;color:rgba(0,0,0,.85)}.ui.rating .icon.selected,.ui.rating .icon.selected.active{background:0 0;color:rgba(0,0,0,.87)}.ui.primary.rating .active.icon{color:#54c8ff;text-shadow:0 -1px 0 #2185d0,-1px 0 0 #2185d0,0 1px 0 #2185d0,1px 0 0 #2185d0}.ui.primary.rating .icon.selected,.ui.primary.rating .icon.selected.active{color:#21b8ff;text-shadow:0 -1px 0 #1678c2,-1px 0 0 #1678c2,0 1px 0 #1678c2,1px 0 0 #1678c2}.ui.secondary.rating .active.icon{color:#545454;text-shadow:0 -1px 0 #1b1c1d,-1px 0 0 #1b1c1d,0 1px 0 #1b1c1d,1px 0 0 #1b1c1d}.ui.secondary.rating .icon.selected,.ui.secondary.rating .icon.selected.active{color:#6e6e6e;text-shadow:0 -1px 0 #27292a,-1px 0 0 #27292a,0 1px 0 #27292a,1px 0 0 #27292a}.ui.red.rating .active.icon{color:#ff695e;text-shadow:0 -1px 0 #db2828,-1px 0 0 #db2828,0 1px 0 #db2828,1px 0 0 #db2828}.ui.red.rating .icon.selected,.ui.red.rating .icon.selected.active{color:#ff392b;text-shadow:0 -1px 0 #d01919,-1px 0 0 #d01919,0 1px 0 #d01919,1px 0 0 #d01919}.ui.orange.rating .active.icon{color:#ff851b;text-shadow:0 -1px 0 #f2711c,-1px 0 0 #f2711c,0 1px 0 #f2711c,1px 0 0 #f2711c}.ui.orange.rating .icon.selected,.ui.orange.rating .icon.selected.active{color:#e76b00;text-shadow:0 -1px 0 #f26202,-1px 0 0 #f26202,0 1px 0 #f26202,1px 0 0 #f26202}.ui.yellow.rating .active.icon{color:#ffe21f;text-shadow:0 -1px 0 #fbbd08,-1px 0 0 #fbbd08,0 1px 0 #fbbd08,1px 0 0 #fbbd08}.ui.yellow.rating .icon.selected,.ui.yellow.rating .icon.selected.active{color:#ebcd00;text-shadow:0 -1px 0 #eaae00,-1px 0 0 #eaae00,0 1px 0 #eaae00,1px 0 0 #eaae00}.ui.olive.rating .active.icon{color:#d9e778;text-shadow:0 -1px 0 #b5cc18,-1px 0 0 #b5cc18,0 1px 0 #b5cc18,1px 0 0 #b5cc18}.ui.olive.rating .icon.selected,.ui.olive.rating .icon.selected.active{color:#d2e745;text-shadow:0 -1px 0 #a7bd0d,-1px 0 0 #a7bd0d,0 1px 0 #a7bd0d,1px 0 0 #a7bd0d}.ui.green.rating .active.icon{color:#2ecc40;text-shadow:0 -1px 0 #21ba45,-1px 0 0 #21ba45,0 1px 0 #21ba45,1px 0 0 #21ba45}.ui.green.rating .icon.selected,.ui.green.rating .icon.selected.active{color:#1ea92e;text-shadow:0 -1px 0 #16ab39,-1px 0 0 #16ab39,0 1px 0 #16ab39,1px 0 0 #16ab39}.ui.teal.rating .active.icon{color:#6dffff;text-shadow:0 -1px 0 #00b5ad,-1px 0 0 #00b5ad,0 1px 0 #00b5ad,1px 0 0 #00b5ad}.ui.teal.rating .icon.selected,.ui.teal.rating .icon.selected.active{color:#3affff;text-shadow:0 -1px 0 #009c95,-1px 0 0 #009c95,0 1px 0 #009c95,1px 0 0 #009c95}.ui.blue.rating .active.icon{color:#54c8ff;text-shadow:0 -1px 0 #2185d0,-1px 0 0 #2185d0,0 1px 0 #2185d0,1px 0 0 #2185d0}.ui.blue.rating .icon.selected,.ui.blue.rating .icon.selected.active{color:#21b8ff;text-shadow:0 -1px 0 #1678c2,-1px 0 0 #1678c2,0 1px 0 #1678c2,1px 0 0 #1678c2}.ui.violet.rating .active.icon{color:#a291fb;text-shadow:0 -1px 0 #6435c9,-1px 0 0 #6435c9,0 1px 0 #6435c9,1px 0 0 #6435c9}.ui.violet.rating .icon.selected,.ui.violet.rating .icon.selected.active{color:#745aff;text-shadow:0 -1px 0 #5829bb,-1px 0 0 #5829bb,0 1px 0 #5829bb,1px 0 0 #5829bb}.ui.purple.rating .active.icon{color:#dc73ff;text-shadow:0 -1px 0 #a333c8,-1px 0 0 #a333c8,0 1px 0 #a333c8,1px 0 0 #a333c8}.ui.purple.rating .icon.selected,.ui.purple.rating .icon.selected.active{color:#cf40ff;text-shadow:0 -1px 0 #9627ba,-1px 0 0 #9627ba,0 1px 0 #9627ba,1px 0 0 #9627ba}.ui.pink.rating .active.icon{color:#ff8edf;text-shadow:0 -1px 0 #e03997,-1px 0 0 #e03997,0 1px 0 #e03997,1px 0 0 #e03997}.ui.pink.rating .icon.selected,.ui.pink.rating .icon.selected.active{color:#ff5bd1;text-shadow:0 -1px 0 #e61a8d,-1px 0 0 #e61a8d,0 1px 0 #e61a8d,1px 0 0 #e61a8d}.ui.brown.rating .active.icon{color:#d67c1c;text-shadow:0 -1px 0 #a5673f,-1px 0 0 #a5673f,0 1px 0 #a5673f,1px 0 0 #a5673f}.ui.brown.rating .icon.selected,.ui.brown.rating .icon.selected.active{color:#b0620f;text-shadow:0 -1px 0 #975b33,-1px 0 0 #975b33,0 1px 0 #975b33,1px 0 0 #975b33}.ui.grey.rating .active.icon{color:#dcddde;text-shadow:0 -1px 0 #767676,-1px 0 0 #767676,0 1px 0 #767676,1px 0 0 #767676}.ui.grey.rating .icon.selected,.ui.grey.rating .icon.selected.active{color:#c2c4c5;text-shadow:0 -1px 0 #838383,-1px 0 0 #838383,0 1px 0 #838383,1px 0 0 #838383}.ui.black.rating .active.icon{color:#545454;text-shadow:0 -1px 0 #1b1c1d,-1px 0 0 #1b1c1d,0 1px 0 #1b1c1d,1px 0 0 #1b1c1d}.ui.black.rating .icon.selected,.ui.black.rating .icon.selected.active{color:#000;text-shadow:0 -1px 0 #27292a,-1px 0 0 #27292a,0 1px 0 #27292a,1px 0 0 #27292a}.ui.disabled.rating .icon{cursor:default}.ui.rating.selected .active.icon{opacity:1}.ui.rating .icon.selected,.ui.rating.selected .icon.selected{opacity:1}.ui.mini.rating{font-size:.78571429rem}.ui.tiny.rating{font-size:.85714286rem}.ui.small.rating{font-size:.92857143rem}.ui.rating{font-size:1rem}.ui.large.rating{font-size:1.14285714rem}.ui.huge.rating{font-size:1.42857143rem}.ui.massive.rating{font-size:2rem}.ui.rating .icon{line-height:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center} \ No newline at end of file diff --git a/dist/components/rating.min.js b/dist/components/rating.min.js index d5fbab3eee..afaad3e8f1 100644 --- a/dist/components/rating.min.js +++ b/dist/components/rating.min.js @@ -1 +1,11 @@ -!function(R,e,n,T){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),R.fn.rating=function(m){var f,v=R(this),b=v.selector||"",p=(new Date).getTime(),h=[],y=m,x="string"==typeof y,C=[].slice.call(arguments,1);return v.each(function(){var e,i,a=R.isPlainObject(m)?R.extend(!0,{},R.fn.rating.settings,m):R.extend({},R.fn.rating.settings),n=a.namespace,o=a.className,t=a.metadata,r=a.selector,s=(a.error,"."+n),l="module-"+n,c=this,u=R(this).data(l),d=R(this),g=d.find(r.icon);i={initialize:function(){i.verbose("Initializing rating module",a),0===g.length&&i.setup.layout(),a.interactive&&!i.is.disabled()?i.enable():i.disable(),i.set.initialLoad(),i.set.rating(i.get.initialRating()),i.remove.initialLoad(),i.instantiate()},instantiate:function(){i.verbose("Instantiating module",a),u=i,d.data(l,i)},destroy:function(){i.verbose("Destroying previous instance",u),i.remove.events(),d.removeData(l)},refresh:function(){g=d.find(r.icon)},setup:{layout:function(){var e=i.get.maxRating(),n=R.fn.rating.settings.templates.icon(e);i.debug("Generating icon html dynamically"),d.html(n),i.refresh()}},event:{mouseenter:function(){var e=R(this);e.nextAll().removeClass(o.selected),d.addClass(o.selected),e.addClass(o.selected).prevAll().addClass(o.selected)},mouseleave:function(){d.removeClass(o.selected),g.removeClass(o.selected)},click:function(){var e=R(this),n=i.get.rating(),t=g.index(e)+1;("auto"==a.clearable?1===g.length:a.clearable)&&n==t?i.clearRating():i.set.rating(t)}},clearRating:function(){i.debug("Clearing current rating"),i.set.rating(0)},bind:{events:function(){i.verbose("Binding events"),d.on("mouseenter"+s,r.icon,i.event.mouseenter).on("mouseleave"+s,r.icon,i.event.mouseleave).on("click"+s,r.icon,i.event.click)}},remove:{events:function(){i.verbose("Removing events"),d.off(s)},initialLoad:function(){e=!1}},enable:function(){i.debug("Setting rating to interactive mode"),i.bind.events(),d.removeClass(o.disabled)},disable:function(){i.debug("Setting rating to read-only mode"),i.remove.events(),d.addClass(o.disabled)},is:{initialLoad:function(){return e},disabled:function(){return d.hasClass(o.disabled)}},get:{initialRating:function(){return d.data(t.rating)!==T?(d.removeData(t.rating),d.data(t.rating)):a.initialRating},maxRating:function(){return d.data(t.maxRating)!==T?(d.removeData(t.maxRating),d.data(t.maxRating)):a.maxRating},rating:function(){var e=g.filter("."+o.active).length;return i.verbose("Current rating retrieved",e),e}},set:{rating:function(e){var n=0<=e-1?e-1:0,t=g.eq(n);d.removeClass(o.selected),g.removeClass(o.selected).removeClass(o.active),0',n++;return t}}}}(jQuery,window,document); \ No newline at end of file + /* + * # Fomantic UI - 2.7.0 + * https://github.com/fomantic/Fomantic-UI + * http://fomantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +!function(R,e,n,T){"use strict";R.isFunction=R.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),R.fn.rating=function(m){var f,v=R(this),b=v.selector||"",p=(new Date).getTime(),h=[],y=m,x="string"==typeof y,C=[].slice.call(arguments,1);return v.each(function(){var e,i,a=R.isPlainObject(m)?R.extend(!0,{},R.fn.rating.settings,m):R.extend({},R.fn.rating.settings),n=a.namespace,o=a.className,t=a.metadata,r=a.selector,s=(a.error,"."+n),l="module-"+n,c=this,u=R(this).data(l),d=R(this),g=d.find(r.icon);i={initialize:function(){i.verbose("Initializing rating module",a),0===g.length&&i.setup.layout(),a.interactive&&!i.is.disabled()?i.enable():i.disable(),i.set.initialLoad(),i.set.rating(i.get.initialRating()),i.remove.initialLoad(),i.instantiate()},instantiate:function(){i.verbose("Instantiating module",a),u=i,d.data(l,i)},destroy:function(){i.verbose("Destroying previous instance",u),i.remove.events(),d.removeData(l)},refresh:function(){g=d.find(r.icon)},setup:{layout:function(){var e=i.get.maxRating(),n=i.get.icon(),t=R.fn.rating.settings.templates.icon(e,n);i.debug("Generating icon html dynamically"),d.html(t),i.refresh()}},event:{mouseenter:function(){var e=R(this);e.nextAll().removeClass(o.selected),d.addClass(o.selected),e.addClass(o.selected).prevAll().addClass(o.selected)},mouseleave:function(){d.removeClass(o.selected),g.removeClass(o.selected)},click:function(){var e=R(this),n=i.get.rating(),t=g.index(e)+1;("auto"==a.clearable?1===g.length:a.clearable)&&n==t?i.clearRating():i.set.rating(t)}},clearRating:function(){i.debug("Clearing current rating"),i.set.rating(0)},bind:{events:function(){i.verbose("Binding events"),d.on("mouseenter"+s,r.icon,i.event.mouseenter).on("mouseleave"+s,r.icon,i.event.mouseleave).on("click"+s,r.icon,i.event.click)}},remove:{events:function(){i.verbose("Removing events"),d.off(s)},initialLoad:function(){e=!1}},enable:function(){i.debug("Setting rating to interactive mode"),i.bind.events(),d.removeClass(o.disabled)},disable:function(){i.debug("Setting rating to read-only mode"),i.remove.events(),d.addClass(o.disabled)},is:{initialLoad:function(){return e},disabled:function(){return d.hasClass(o.disabled)}},get:{icon:function(){var e=d.data(t.icon);return e&&d.removeData(t.icon),e||a.icon},initialRating:function(){return d.data(t.rating)!==T?(d.removeData(t.rating),d.data(t.rating)):a.initialRating},maxRating:function(){return d.data(t.maxRating)!==T?(d.removeData(t.maxRating),d.data(t.maxRating)):a.maxRating},rating:function(){var e=g.filter("."+o.active).length;return i.verbose("Current rating retrieved",e),e}},set:{rating:function(e){var n=0<=e-1?e-1:0,t=g.eq(n);d.removeClass(o.selected),g.removeClass(o.selected).removeClass(o.active),0',t++;return i}}}}(jQuery,window,document); \ No newline at end of file diff --git a/dist/components/reset.css b/dist/components/reset.css index 0265c20367..57926e68b0 100644 --- a/dist/components/reset.css +++ b/dist/components/reset.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Reset + * # Semantic UI 2.7.0 - Reset * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/reset.min.css b/dist/components/reset.min.css index 3d484daff8..dbf8e28193 100644 --- a/dist/components/reset.min.css +++ b/dist/components/reset.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Reset + * # Semantic UI 2.7.0 - Reset * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/reveal.css b/dist/components/reveal.css index d3231dbba0..61df574e89 100644 --- a/dist/components/reveal.css +++ b/dist/components/reveal.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Reveal + * # Semantic UI 2.7.0 - Reveal * http://github.com/semantic-org/semantic-ui/ * * @@ -16,12 +16,12 @@ .ui.reveal { display: inherit; position: relative !important; - font-size: 0em !important; + font-size: 0 !important; } .ui.reveal > .visible.content { position: absolute !important; - top: 0em !important; - left: 0em !important; + top: 0 !important; + left: 0 !important; z-index: 3 !important; -webkit-transition: all 0.5s ease 0.1s; transition: all 0.5s ease 0.1s; @@ -57,7 +57,7 @@ width: 100%; white-space: normal; float: left; - margin: 0em; + margin: 0; -webkit-transition: -webkit-transform 0.5s ease 0.1s; transition: -webkit-transform 0.5s ease 0.1s; transition: transform 0.5s ease 0.1s; @@ -68,7 +68,7 @@ } .ui.slide.reveal > .hidden.content { position: absolute !important; - left: 0% !important; + left: 0 !important; width: 100% !important; -webkit-transform: translateX(100%) !important; transform: translateX(100%) !important; @@ -155,7 +155,7 @@ display: block; float: left; white-space: normal; - margin: 0em; + margin: 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s; @@ -166,7 +166,7 @@ } .ui.move.reveal > .hidden.content { position: absolute !important; - left: 0% !important; + left: 0 !important; width: 100% !important; } .ui.move.active.reveal > .visible.content, diff --git a/dist/components/reveal.min.css b/dist/components/reveal.min.css index 23f9a9afc0..e55ca693b8 100644 --- a/dist/components/reveal.min.css +++ b/dist/components/reveal.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Reveal + * # Semantic UI 2.7.0 - Reveal * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/search.css b/dist/components/search.css index ee3faa667c..0066a953d4 100644 --- a/dist/components/search.css +++ b/dist/components/search.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Search + * # Semantic UI 2.7.0 - Search * http://github.com/semantic-org/semantic-ui/ * * @@ -17,7 +17,7 @@ position: relative; } .ui.search > .prompt { - margin: 0em; + margin: 0; outline: none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); @@ -30,8 +30,8 @@ background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0em 0em 0em 0em transparent inset; - box-shadow: 0em 0em 0em 0em transparent inset; + -webkit-box-shadow: 0 0 0 0 transparent inset; + box-shadow: 0 0 0 0 transparent inset; -webkit-transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, color 0.1s ease, border-color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease; @@ -57,7 +57,7 @@ display: none; position: absolute; top: 100%; - left: 0%; + left: 0; -webkit-transform-origin: center top; transform-origin: center top; white-space: normal; @@ -67,16 +67,16 @@ margin-top: 0.5em; width: 18em; border-radius: 0.28571429rem; - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); border: 1px solid #D4D4D5; z-index: 998; } .ui.search > .results > :first-child { - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.search > .results > :last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } /*-------------- @@ -117,10 +117,10 @@ ---------------*/ .ui.search > .results .result .image + .content { - margin: 0em 6em 0em 0em; + margin: 0 6em 0 0; } .ui.search > .results .result .title { - margin: -0.14285714em 0em 0em; + margin: -0.14285714em 0 0; font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1em; @@ -191,7 +191,7 @@ content: ''; top: 50%; left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; + margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; border-radius: 500rem; @@ -202,19 +202,15 @@ content: ''; top: 50%; left: 50%; - margin: -0.64285714em 0em 0em -0.64285714em; + margin: -0.64285714em 0 0 -0.64285714em; width: 1.28571429em; height: 1.28571429em; - -webkit-animation: button-spin 0.6s linear; - animation: button-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + -webkit-animation: loader 0.6s infinite linear; + animation: loader 0.6s infinite linear; + border: 0.2em solid #767676; border-radius: 500rem; - border-color: #767676 transparent transparent; - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + -webkit-box-shadow: 0 0 0 1px transparent; + box-shadow: 0 0 0 1px transparent; } /*-------------- @@ -287,8 +283,8 @@ left: auto; opacity: 0; color: ''; - top: 0em; - right: 0em; + top: 0; + right: 0; -webkit-transition: color 0.1s ease, opacity 0.1s ease; transition: color 0.1s ease, opacity 0.1s ease; } @@ -334,10 +330,10 @@ /* First / Last */ .ui.category.search > .results .category:first-child .name + .result { - border-radius: 0em 0.28571429rem 0em 0em; + border-radius: 0 0.28571429rem 0 0; } .ui.category.search > .results .category:last-child .result:last-child { - border-radius: 0em 0em 0.28571429rem 0em; + border-radius: 0 0 0.28571429rem 0; } /* Category Result Name */ @@ -381,10 +377,10 @@ .ui[class*="left aligned"].search > .results { right: auto; - left: 0%; + left: 0; } .ui[class*="right aligned"].search > .results { - right: 0%; + right: 0; left: auto; } diff --git a/dist/components/search.js b/dist/components/search.js index b02ec6a819..ccc37040f2 100644 --- a/dist/components/search.js +++ b/dist/components/search.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Search + * # Semantic UI 2.7.0 - Search * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -445,7 +449,7 @@ $.fn.search = function(parameters) { if(settings.type === 'category') { module.debug('Finding result that matches', value); $.each(results, function(index, category) { - if($.isArray(category.results)) { + if(Array.isArray(category.results)) { result = module.search.object(value, category.results, lookupFields)[0]; // don't continue searching if a result is found if(result) { @@ -525,7 +529,7 @@ $.fn.search = function(parameters) { } else { module.debug('Querying for', searchTerm); - if($.isPlainObject(settings.source) || $.isArray(settings.source)) { + if($.isPlainObject(settings.source) || Array.isArray(settings.source)) { module.search.local(searchTerm); callback(); } @@ -611,7 +615,7 @@ $.fn.search = function(parameters) { ; // search fields should be array to loop correctly - if(!$.isArray(searchFields)) { + if(!Array.isArray(searchFields)) { searchFields = [searchFields]; } @@ -687,6 +691,11 @@ $.fn.search = function(parameters) { parse: { response: function(response, searchTerm) { + if(Array.isArray(response)){ + var o={}; + o[fields.results]=response; + response = o; + } var searchHTML = module.generateResults(response) ; @@ -996,7 +1005,7 @@ $.fn.search = function(parameters) { var template = settings.templates[settings.type], isProperObject = ($.isPlainObject(response[fields.results]) && !$.isEmptyObject(response[fields.results])), - isProperArray = ($.isArray(response[fields.results]) && response[fields.results].length > 0), + isProperArray = (Array.isArray(response[fields.results]) && response[fields.results].length > 0), html = '' ; if(isProperObject || isProperArray ) { @@ -1011,7 +1020,7 @@ $.fn.search = function(parameters) { } } if($.isFunction(template)) { - html = template(response, fields); + html = template(response, fields, settings.preserveHTML); } else { module.error(error.noTemplate, false); @@ -1177,7 +1186,7 @@ $.fn.search = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { @@ -1269,6 +1278,9 @@ $.fn.search.settings = { // whether no results errors should be shown showNoResults : true, + // preserve possible html of resultset values + preserveHTML : true, + // transition settings transition : 'scale', duration : 200, @@ -1346,7 +1358,10 @@ $.fn.search.settings = { }, templates: { - escape: function(string) { + escape: function(string, preserveHTML) { + if (preserveHTML){ + return string; + } var badChars = /[&<>"'`]/g, shouldEscape = /[&<>"'`]/, @@ -1385,7 +1400,7 @@ $.fn.search.settings = { } return html; }, - category: function(response, fields) { + category: function(response, fields, preserveHTML) { var html = '', escape = $.fn.search.settings.templates.escape @@ -1399,14 +1414,14 @@ $.fn.search.settings = { html += '
    '; if(category[fields.categoryName] !== undefined) { - html += '
    ' + category[fields.categoryName] + '
    '; + html += '
    ' + escape(category[fields.categoryName], preserveHTML) + '
    '; } // each item inside category html += '
    '; $.each(category.results, function(index, result) { if(result[fields.url]) { - html += ''; + html += ''; } else { html += ''; @@ -1414,19 +1429,19 @@ $.fn.search.settings = { if(result[fields.image] !== undefined) { html += '' + '
    ' - + ' ' + + ' ' + '
    ' ; } html += '
    '; if(result[fields.price] !== undefined) { - html += '
    ' + result[fields.price] + '
    '; + html += '
    ' + escape(result[fields.price], preserveHTML) + '
    '; } if(result[fields.title] !== undefined) { - html += '
    ' + result[fields.title] + '
    '; + html += '
    ' + escape(result[fields.title], preserveHTML) + '
    '; } if(result[fields.description] !== undefined) { - html += '
    ' + result[fields.description] + '
    '; + html += '
    ' + escape(result[fields.description], preserveHTML) + '
    '; } html += '' + '
    ' @@ -1443,12 +1458,12 @@ $.fn.search.settings = { if(fields.actionURL === false) { html += '' + '
    ' - + response[fields.action][fields.actionText] + + escape(response[fields.action][fields.actionText], preserveHTML) + '
    '; } else { html += '' - + '    ' - + response[fields.action][fields.actionText] + + '' + + escape(response[fields.action][fields.actionText], preserveHTML) + ''; } } @@ -1456,16 +1471,17 @@ $.fn.search.settings = { } return false; }, - standard: function(response, fields) { + standard: function(response, fields, preserveHTML) { var - html = '' + html = '', + escape = $.fn.search.settings.templates.escape ; if(response[fields.results] !== undefined) { // each result $.each(response[fields.results], function(index, result) { if(result[fields.url]) { - html += '    '; + html += ''; } else { html += ''; @@ -1473,19 +1489,19 @@ $.fn.search.settings = { if(result[fields.image] !== undefined) { html += '' + '
    ' - + ' ' + + ' ' + '
    ' ; } html += '
    '; if(result[fields.price] !== undefined) { - html += '
    ' + result[fields.price] + '
    '; + html += '
    ' + escape(result[fields.price], preserveHTML) + '
    '; } if(result[fields.title] !== undefined) { - html += '
    ' + result[fields.title] + '
    '; + html += '
    ' + escape(result[fields.title], preserveHTML) + '
    '; } if(result[fields.description] !== undefined) { - html += '
    ' + result[fields.description] + '
    '; + html += '
    ' + escape(result[fields.description], preserveHTML) + '
    '; } html += '' + '
    ' @@ -1496,12 +1512,12 @@ $.fn.search.settings = { if(fields.actionURL === false) { html += '' + '
    ' - + response[fields.action][fields.actionText] + + escape(response[fields.action][fields.actionText], preserveHTML) + '
    '; } else { html += '' - + '    ' - + response[fields.action][fields.actionText] + + '' + + escape(response[fields.action][fields.actionText], preserveHTML) + ''; } } diff --git a/dist/components/search.min.css b/dist/components/search.min.css index 17402049a7..a728f77249 100644 --- a/dist/components/search.min.css +++ b/dist/components/search.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Search + * # Semantic UI 2.7.0 - Search * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.search{position:relative}.ui.search>.prompt{margin:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);text-shadow:none;font-style:normal;font-weight:400;line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color .1s ease,color .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,color .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease;transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease}.ui.search .prompt{border-radius:500rem}.ui.search .prompt~.search.icon{cursor:pointer}.ui.search>.results{display:none;position:absolute;top:100%;left:0;-webkit-transform-origin:center top;transform-origin:center top;white-space:normal;text-align:left;text-transform:none;background:#fff;margin-top:.5em;width:18em;border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);border:1px solid #d4d4d5;z-index:998}.ui.search>.results>:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.search>.results>:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.search>.results .result{cursor:pointer;display:block;overflow:hidden;font-size:1em;padding:.85714286em 1.14285714em;color:rgba(0,0,0,.87);line-height:1.33;border-bottom:1px solid rgba(34,36,38,.1)}.ui.search>.results .result:last-child{border-bottom:none!important}.ui.search>.results .result .image{float:right;overflow:hidden;background:0 0;width:5em;height:3em;border-radius:.25em}.ui.search>.results .result .image img{display:block;width:auto;height:100%}.ui.search>.results .result .image+.content{margin:0 6em 0 0}.ui.search>.results .result .title{margin:-.14285714em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;font-size:1em;color:rgba(0,0,0,.85)}.ui.search>.results .result .description{margin-top:0;font-size:.92857143em;color:rgba(0,0,0,.4)}.ui.search>.results .result .price{float:right;color:#21ba45}.ui.search>.results>.message{padding:1em 1em}.ui.search>.results>.message .header{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;color:rgba(0,0,0,.87)}.ui.search>.results>.message .description{margin-top:.25rem;font-size:1em;color:rgba(0,0,0,.87)}.ui.search>.results>.action{display:block;border-top:none;background:#f3f4f5;padding:.92857143em 1em;color:rgba(0,0,0,.87);font-weight:700;text-align:center}.ui.search>.prompt:focus{border-color:rgba(34,36,38,.35);background:#fff;color:rgba(0,0,0,.95)}.ui.loading.search .input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.search .input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.category.search>.results .category .result:hover,.ui.search>.results .result:hover{background:#f9fafb}.ui.search .action:hover:not(div){background:#e0e0e0}.ui.category.search>.results .category.active{background:#f3f4f5}.ui.category.search>.results .category.active>.name{color:rgba(0,0,0,.87)}.ui.category.search>.results .category .result.active,.ui.search>.results .result.active{position:relative;border-left-color:rgba(34,36,38,.1);background:#f3f4f5;-webkit-box-shadow:none;box-shadow:none}.ui.search>.results .result.active .title{color:rgba(0,0,0,.85)}.ui.search>.results .result.active .description{color:rgba(0,0,0,.85)}.ui.disabled.search{cursor:default;pointer-events:none;opacity:.45}.ui.search.selection .prompt{border-radius:.28571429rem}.ui.search.selection>.icon.input>.remove.icon{pointer-events:none;position:absolute;left:auto;opacity:0;color:'';top:0;right:0;-webkit-transition:color .1s ease,opacity .1s ease;transition:color .1s ease,opacity .1s ease}.ui.search.selection>.icon.input>.active.remove.icon{cursor:pointer;opacity:.8;pointer-events:auto}.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon{right:1.85714em}.ui.search.selection>.icon.input>.remove.icon:hover{opacity:1;color:#db2828}.ui.category.search .results{width:28em}.ui.category.search .results.animating,.ui.category.search .results.visible{display:table}.ui.category.search>.results .category{display:table-row;background:#f3f4f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background .1s ease,border-color .1s ease;transition:background .1s ease,border-color .1s ease}.ui.category.search>.results .category:last-child{border-bottom:none}.ui.category.search>.results .category:first-child .name+.result{border-radius:0 .28571429rem 0 0}.ui.category.search>.results .category:last-child .result:last-child{border-radius:0 0 .28571429rem 0}.ui.category.search>.results .category>.name{display:table-cell;text-overflow:ellipsis;width:100px;white-space:nowrap;background:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;padding:.4em 1em;font-weight:700;color:rgba(0,0,0,.4);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .results{display:table-cell;background:#fff;border-left:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .result{border-bottom:1px solid rgba(34,36,38,.1);-webkit-transition:background .1s ease,border-color .1s ease;transition:background .1s ease,border-color .1s ease;padding:.85714286em 1.14285714em}.ui[class*="left aligned"].search>.results{right:auto;left:0}.ui[class*="right aligned"].search>.results{right:0;left:auto}.ui.fluid.search .results{width:100%}.ui.mini.search{font-size:.78571429em}.ui.small.search{font-size:.92857143em}.ui.search{font-size:1em}.ui.large.search{font-size:1.14285714em}.ui.big.search{font-size:1.28571429em}.ui.huge.search{font-size:1.42857143em}.ui.massive.search{font-size:1.71428571em}@media only screen and (max-width:767px){.ui.search .results{max-width:calc(100vw - 2rem)}} \ No newline at end of file + */.ui.search{position:relative}.ui.search>.prompt{margin:0;outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);text-shadow:none;font-style:normal;font-weight:400;line-height:1.21428571em;padding:.67857143em 1em;font-size:1em;background:#fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);-webkit-box-shadow:0 0 0 0 transparent inset;box-shadow:0 0 0 0 transparent inset;-webkit-transition:background-color .1s ease,color .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,color .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease;transition:background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease,-webkit-box-shadow .1s ease}.ui.search .prompt{border-radius:500rem}.ui.search .prompt~.search.icon{cursor:pointer}.ui.search>.results{display:none;position:absolute;top:100%;left:0;-webkit-transform-origin:center top;transform-origin:center top;white-space:normal;text-align:left;text-transform:none;background:#fff;margin-top:.5em;width:18em;border-radius:.28571429rem;-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);border:1px solid #d4d4d5;z-index:998}.ui.search>.results>:first-child{border-radius:.28571429rem .28571429rem 0 0}.ui.search>.results>:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.search>.results .result{cursor:pointer;display:block;overflow:hidden;font-size:1em;padding:.85714286em 1.14285714em;color:rgba(0,0,0,.87);line-height:1.33;border-bottom:1px solid rgba(34,36,38,.1)}.ui.search>.results .result:last-child{border-bottom:none!important}.ui.search>.results .result .image{float:right;overflow:hidden;background:0 0;width:5em;height:3em;border-radius:.25em}.ui.search>.results .result .image img{display:block;width:auto;height:100%}.ui.search>.results .result .image+.content{margin:0 6em 0 0}.ui.search>.results .result .title{margin:-.14285714em 0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:700;font-size:1em;color:rgba(0,0,0,.85)}.ui.search>.results .result .description{margin-top:0;font-size:.92857143em;color:rgba(0,0,0,.4)}.ui.search>.results .result .price{float:right;color:#21ba45}.ui.search>.results>.message{padding:1em 1em}.ui.search>.results>.message .header{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;color:rgba(0,0,0,.87)}.ui.search>.results>.message .description{margin-top:.25rem;font-size:1em;color:rgba(0,0,0,.87)}.ui.search>.results>.action{display:block;border-top:none;background:#f3f4f5;padding:.92857143em 1em;color:rgba(0,0,0,.87);font-weight:700;text-align:center}.ui.search>.prompt:focus{border-color:rgba(34,36,38,.35);background:#fff;color:rgba(0,0,0,.95)}.ui.loading.search .input>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.search .input>i.icon:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.ui.category.search>.results .category .result:hover,.ui.search>.results .result:hover{background:#f9fafb}.ui.search .action:hover:not(div){background:#e0e0e0}.ui.category.search>.results .category.active{background:#f3f4f5}.ui.category.search>.results .category.active>.name{color:rgba(0,0,0,.87)}.ui.category.search>.results .category .result.active,.ui.search>.results .result.active{position:relative;border-left-color:rgba(34,36,38,.1);background:#f3f4f5;-webkit-box-shadow:none;box-shadow:none}.ui.search>.results .result.active .title{color:rgba(0,0,0,.85)}.ui.search>.results .result.active .description{color:rgba(0,0,0,.85)}.ui.disabled.search{cursor:default;pointer-events:none;opacity:.45}.ui.search.selection .prompt{border-radius:.28571429rem}.ui.search.selection>.icon.input>.remove.icon{pointer-events:none;position:absolute;left:auto;opacity:0;color:'';top:0;right:0;-webkit-transition:color .1s ease,opacity .1s ease;transition:color .1s ease,opacity .1s ease}.ui.search.selection>.icon.input>.active.remove.icon{cursor:pointer;opacity:.8;pointer-events:auto}.ui.search.selection>.icon.input:not([class*="left icon"])>.icon~.remove.icon{right:1.85714em}.ui.search.selection>.icon.input>.remove.icon:hover{opacity:1;color:#db2828}.ui.category.search .results{width:28em}.ui.category.search .results.animating,.ui.category.search .results.visible{display:table}.ui.category.search>.results .category{display:table-row;background:#f3f4f5;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background .1s ease,border-color .1s ease;transition:background .1s ease,border-color .1s ease}.ui.category.search>.results .category:last-child{border-bottom:none}.ui.category.search>.results .category:first-child .name+.result{border-radius:0 .28571429rem 0 0}.ui.category.search>.results .category:last-child .result:last-child{border-radius:0 0 .28571429rem 0}.ui.category.search>.results .category>.name{display:table-cell;text-overflow:ellipsis;width:100px;white-space:nowrap;background:0 0;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;padding:.4em 1em;font-weight:700;color:rgba(0,0,0,.4);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .results{display:table-cell;background:#fff;border-left:1px solid rgba(34,36,38,.15);border-bottom:1px solid rgba(34,36,38,.1)}.ui.category.search>.results .category .result{border-bottom:1px solid rgba(34,36,38,.1);-webkit-transition:background .1s ease,border-color .1s ease;transition:background .1s ease,border-color .1s ease;padding:.85714286em 1.14285714em}.ui[class*="left aligned"].search>.results{right:auto;left:0}.ui[class*="right aligned"].search>.results{right:0;left:auto}.ui.fluid.search .results{width:100%}.ui.mini.search{font-size:.78571429em}.ui.small.search{font-size:.92857143em}.ui.search{font-size:1em}.ui.large.search{font-size:1.14285714em}.ui.big.search{font-size:1.28571429em}.ui.huge.search{font-size:1.42857143em}.ui.massive.search{font-size:1.71428571em}@media only screen and (max-width:767px){.ui.search .results{max-width:calc(100vw - 2rem)}} \ No newline at end of file diff --git a/dist/components/search.min.js b/dist/components/search.min.js index 8f62bf4d33..6e053d1e37 100644 --- a/dist/components/search.min.js +++ b/dist/components/search.min.js @@ -1 +1,11 @@ -!function(q,A,E,D){"use strict";A=void 0!==A&&A.Math==Math?A:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),q.fn.search=function(o){var x,C=q(this),w=C.selector||"",S=(new Date).getTime(),F=[],T=o,j="string"==typeof T,k=[].slice.call(arguments,1);return q(this).each(function(){var f,u=q.isPlainObject(o)?q.extend(!0,{},q.fn.search.settings,o):q.extend({},q.fn.search.settings),g=u.className,l=u.metadata,d=u.regExp,i=u.fields,h=u.selector,p=u.error,e=u.namespace,n="."+e,t=e+"-module",m=q(this),v=m.find(h.prompt),s=m.find(h.searchButton),r=m.find(h.results),a=m.find(h.result),y=(m.find(h.category),this),c=m.data(t),b=!1,R=!1;f={initialize:function(){f.verbose("Initializing module"),f.get.settings(),f.determine.searchFields(),f.bind.events(),f.set.type(),f.create.results(),f.instantiate()},instantiate:function(){f.verbose("Storing instance of module",f),c=f,m.data(t,f)},destroy:function(){f.verbose("Destroying instance"),m.off(n).removeData(t)},refresh:function(){f.debug("Refreshing selector cache"),v=m.find(h.prompt),s=m.find(h.searchButton),m.find(h.category),r=m.find(h.results),a=m.find(h.result)},refreshResults:function(){r=m.find(h.results),a=m.find(h.result)},bind:{events:function(){f.verbose("Binding events to search"),u.automatic&&(m.on(f.get.inputEvent()+n,h.prompt,f.event.input),v.attr("autocomplete","off")),m.on("focus"+n,h.prompt,f.event.focus).on("blur"+n,h.prompt,f.event.blur).on("keydown"+n,h.prompt,f.handleKeyboard).on("click"+n,h.searchButton,f.query).on("mousedown"+n,h.results,f.event.result.mousedown).on("mouseup"+n,h.results,f.event.result.mouseup).on("click"+n,h.result,f.event.result.click)}},determine:{searchFields:function(){o&&o.searchFields!==D&&(u.searchFields=o.searchFields)}},event:{input:function(){u.searchDelay?(clearTimeout(f.timer),f.timer=setTimeout(function(){f.is.focused()&&f.query()},u.searchDelay)):f.query()},focus:function(){f.set.focus(),u.searchOnFocus&&f.has.minimumCharacters()&&f.query(function(){f.can.show()&&f.showResults()})},blur:function(e){var t=E.activeElement===this,s=function(){f.cancel.query(),f.remove.focus(),f.timer=setTimeout(f.hideResults,u.hideDelay)};t||(R=!1,f.resultsClicked?(f.debug("Determining if user action caused search to close"),m.one("click.close"+n,h.results,function(e){f.is.inMessage(e)||b?v.focus():(b=!1,f.is.animating()||f.is.hidden()||s())})):(f.debug("Input blurred without user action, closing results"),s()))},result:{mousedown:function(){f.resultsClicked=!0},mouseup:function(){f.resultsClicked=!1},click:function(e){f.debug("Search result selected");var t=q(this),s=t.find(h.title).eq(0),n=t.is("a[href]")?t:t.find("a[href]").eq(0),r=n.attr("href")||!1,i=n.attr("target")||!1,a=(s.html(),0=u.minCharacters},results:function(){return 0!==r.length&&""!=r.html()}},clear:{cache:function(e){var t=m.data(l.cache);e?e&&t&&t[e]&&(f.debug("Removing value from cache",e),delete t[e],m.data(l.cache,t)):(f.debug("Clearing cache",e),m.removeData(l.cache))}},read:{cache:function(e){var t=m.data(l.cache);return!!u.cache&&(f.verbose("Checking cache for generated html for query",e),"object"==typeof t&&t[e]!==D&&t[e])}},create:{categoryResults:function(e){var s={};return q.each(e,function(e,t){t.category&&(s[t.category]===D?(f.verbose("Creating new category of results",t.category),s[t.category]={name:t.category,results:[t]}):s[t.category].results.push(t))}),s},id:function(e,t){var s,n=e+1;return t!==D?(s=String.fromCharCode(97+t)+n,f.verbose("Creating category result id",s)):(s=n,f.verbose("Creating result id",s)),s},results:function(){0===r.length&&(r=q("
    ").addClass(g.results).appendTo(m))}},inject:{result:function(e,t,s){f.verbose("Injecting result into results");var n=s!==D?r.children().eq(s).children(h.results).first().children(h.result).eq(t):r.children(h.result).eq(t);f.verbose("Injecting results metadata",n),n.data(l.result,e)},id:function(n){f.debug("Injecting unique ids into results");var r=0,i=0;return"category"===u.type?q.each(n,function(e,n){i=0,q.each(n.results,function(e,t){var s=n.results[e];s.id===D&&(s.id=f.create.id(i,r)),f.inject.result(s,i,r),i++}),r++}):q.each(n,function(e,t){var s=n[e];s.id===D&&(s.id=f.create.id(i)),f.inject.result(s,i),i++}),n}},save:{results:function(e){f.verbose("Saving current search results to metadata",e),m.data(l.results,e)}},write:{cache:function(e,t){var s=m.data(l.cache)!==D?m.data(l.cache):{};u.cache&&(f.verbose("Writing generated html to cache",e,t),s[e]=t,m.data(l.cache,s))}},addResults:function(e){if(q.isFunction(u.onResultsAdd)&&!1===u.onResultsAdd.call(r,e))return f.debug("onResultsAdd callback cancelled default action"),!1;e?(r.html(e),f.refreshResults(),u.selectFirstResult&&f.select.firstResult(),f.showResults()):f.hideResults(function(){r.empty()})},showResults:function(e){e=q.isFunction(e)?e:function(){},R||!f.is.visible()&&f.has.results()&&(f.can.transition()?(f.debug("Showing results with css animations"),r.transition({animation:u.transition+" in",debug:u.debug,verbose:u.verbose,duration:u.duration,onComplete:function(){e()},queue:!0})):(f.debug("Showing results with javascript"),r.stop().fadeIn(u.duration,u.easing)),u.onResultsOpen.call(r))},hideResults:function(e){e=q.isFunction(e)?e:function(){},f.is.visible()&&(f.can.transition()?(f.debug("Hiding results with css animations"),r.transition({animation:u.transition+" out",debug:u.debug,verbose:u.verbose,duration:u.duration,onComplete:function(){e()},queue:!0})):(f.debug("Hiding results with javascript"),r.stop().fadeOut(u.duration,u.easing)),u.onResultsClose.call(r))},generateResults:function(e){f.debug("Generating html from response",e);var t=u.templates[u.type],s=q.isPlainObject(e[i.results])&&!q.isEmptyObject(e[i.results]),n=q.isArray(e[i.results])&&0 .message",category:".category",result:".result",title:".title, .name"},templates:{escape:function(e){var t={"&":"&","<":"<",">":">",'"':""","'":"'","`":"`"};return/[&<>"'`]/.test(e)?e.replace(/[&<>"'`]/g,function(e){return t[e]}):e},message:function(e,t,s){var n="";return e!==D&&t!==D&&(n+='
    ',s&&(n+='
    '+s+'
    '),n+='
    '+e+"
    ",n+="
    "),n},category:function(e,s){var n="";q.fn.search.settings.templates.escape;return e[s.categoryResults]!==D&&(q.each(e[s.categoryResults],function(e,t){t[s.results]!==D&&0',t[s.categoryName]!==D&&(n+='
    '+t[s.categoryName]+"
    "),n+='
    ',q.each(t.results,function(e,t){t[s.url]?n+='':n+='',t[s.image]!==D&&(n+='
    '),n+='
    ',t[s.price]!==D&&(n+='
    '+t[s.price]+"
    "),t[s.title]!==D&&(n+='
    '+t[s.title]+"
    "),t[s.description]!==D&&(n+='
    '+t[s.description]+"
    "),n+="
    ",n+="    "}),n+="
    ",n+="
    ")}),e[s.action]&&(!1===s.actionURL?n+='
    '+e[s.action][s.actionText]+"
    ":n+=''+e[s.action][s.actionText]+""),n)},standard:function(e,s){var n="";return e[s.results]!==D&&(q.each(e[s.results],function(e,t){t[s.url]?n+='':n+='',t[s.image]!==D&&(n+='
    '),n+='
    ',t[s.price]!==D&&(n+='
    '+t[s.price]+"
    "),t[s.title]!==D&&(n+='
    '+t[s.title]+"
    "),t[s.description]!==D&&(n+='
    '+t[s.description]+"
    "),n+="
    ",n+="    "}),e[s.action]&&(!1===s.actionURL?n+='
    '+e[s.action][s.actionText]+"
    ":n+=''+e[s.action][s.actionText]+""),n)}}}}(jQuery,window,document); \ No newline at end of file + /* + * # Fomantic UI - 2.7.0 + * https://github.com/fomantic/Fomantic-UI + * http://fomantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +!function(k,q,E,D){"use strict";k.isFunction=k.isFunction||function(e){return"function"==typeof e&&"number"!=typeof e.nodeType},q=void 0!==q&&q.Math==Math?q:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),k.fn.search=function(o){var x,C=k(this),w=C.selector||"",S=(new Date).getTime(),F=[],T=o,A="string"==typeof T,j=[].slice.call(arguments,1);return k(this).each(function(){var f,u=k.isPlainObject(o)?k.extend(!0,{},k.fn.search.settings,o):k.extend({},k.fn.search.settings),g=u.className,l=u.metadata,d=u.regExp,i=u.fields,h=u.selector,p=u.error,e=u.namespace,n="."+e,t=e+"-module",m=k(this),v=m.find(h.prompt),s=m.find(h.searchButton),r=m.find(h.results),a=m.find(h.result),y=(m.find(h.category),this),c=m.data(t),b=!1,R=!1;f={initialize:function(){f.verbose("Initializing module"),f.get.settings(),f.determine.searchFields(),f.bind.events(),f.set.type(),f.create.results(),f.instantiate()},instantiate:function(){f.verbose("Storing instance of module",f),c=f,m.data(t,f)},destroy:function(){f.verbose("Destroying instance"),m.off(n).removeData(t)},refresh:function(){f.debug("Refreshing selector cache"),v=m.find(h.prompt),s=m.find(h.searchButton),m.find(h.category),r=m.find(h.results),a=m.find(h.result)},refreshResults:function(){r=m.find(h.results),a=m.find(h.result)},bind:{events:function(){f.verbose("Binding events to search"),u.automatic&&(m.on(f.get.inputEvent()+n,h.prompt,f.event.input),v.attr("autocomplete","off")),m.on("focus"+n,h.prompt,f.event.focus).on("blur"+n,h.prompt,f.event.blur).on("keydown"+n,h.prompt,f.handleKeyboard).on("click"+n,h.searchButton,f.query).on("mousedown"+n,h.results,f.event.result.mousedown).on("mouseup"+n,h.results,f.event.result.mouseup).on("click"+n,h.result,f.event.result.click)}},determine:{searchFields:function(){o&&o.searchFields!==D&&(u.searchFields=o.searchFields)}},event:{input:function(){u.searchDelay?(clearTimeout(f.timer),f.timer=setTimeout(function(){f.is.focused()&&f.query()},u.searchDelay)):f.query()},focus:function(){f.set.focus(),u.searchOnFocus&&f.has.minimumCharacters()&&f.query(function(){f.can.show()&&f.showResults()})},blur:function(e){var t=E.activeElement===this,s=function(){f.cancel.query(),f.remove.focus(),f.timer=setTimeout(f.hideResults,u.hideDelay)};t||(R=!1,f.resultsClicked?(f.debug("Determining if user action caused search to close"),m.one("click.close"+n,h.results,function(e){f.is.inMessage(e)||b?v.focus():(b=!1,f.is.animating()||f.is.hidden()||s())})):(f.debug("Input blurred without user action, closing results"),s()))},result:{mousedown:function(){f.resultsClicked=!0},mouseup:function(){f.resultsClicked=!1},click:function(e){f.debug("Search result selected");var t=k(this),s=t.find(h.title).eq(0),n=t.is("a[href]")?t:t.find("a[href]").eq(0),r=n.attr("href")||!1,i=n.attr("target")||!1,a=(s.html(),0=u.minCharacters},results:function(){return 0!==r.length&&""!=r.html()}},clear:{cache:function(e){var t=m.data(l.cache);e?e&&t&&t[e]&&(f.debug("Removing value from cache",e),delete t[e],m.data(l.cache,t)):(f.debug("Clearing cache",e),m.removeData(l.cache))}},read:{cache:function(e){var t=m.data(l.cache);return!!u.cache&&(f.verbose("Checking cache for generated html for query",e),"object"==typeof t&&t[e]!==D&&t[e])}},create:{categoryResults:function(e){var s={};return k.each(e,function(e,t){t.category&&(s[t.category]===D?(f.verbose("Creating new category of results",t.category),s[t.category]={name:t.category,results:[t]}):s[t.category].results.push(t))}),s},id:function(e,t){var s,n=e+1;return t!==D?(s=String.fromCharCode(97+t)+n,f.verbose("Creating category result id",s)):(s=n,f.verbose("Creating result id",s)),s},results:function(){0===r.length&&(r=k("
    ").addClass(g.results).appendTo(m))}},inject:{result:function(e,t,s){f.verbose("Injecting result into results");var n=s!==D?r.children().eq(s).children(h.results).first().children(h.result).eq(t):r.children(h.result).eq(t);f.verbose("Injecting results metadata",n),n.data(l.result,e)},id:function(n){f.debug("Injecting unique ids into results");var r=0,i=0;return"category"===u.type?k.each(n,function(e,n){i=0,k.each(n.results,function(e,t){var s=n.results[e];s.id===D&&(s.id=f.create.id(i,r)),f.inject.result(s,i,r),i++}),r++}):k.each(n,function(e,t){var s=n[e];s.id===D&&(s.id=f.create.id(i)),f.inject.result(s,i),i++}),n}},save:{results:function(e){f.verbose("Saving current search results to metadata",e),m.data(l.results,e)}},write:{cache:function(e,t){var s=m.data(l.cache)!==D?m.data(l.cache):{};u.cache&&(f.verbose("Writing generated html to cache",e,t),s[e]=t,m.data(l.cache,s))}},addResults:function(e){if(k.isFunction(u.onResultsAdd)&&!1===u.onResultsAdd.call(r,e))return f.debug("onResultsAdd callback cancelled default action"),!1;e?(r.html(e),f.refreshResults(),u.selectFirstResult&&f.select.firstResult(),f.showResults()):f.hideResults(function(){r.empty()})},showResults:function(e){e=k.isFunction(e)?e:function(){},R||!f.is.visible()&&f.has.results()&&(f.can.transition()?(f.debug("Showing results with css animations"),r.transition({animation:u.transition+" in",debug:u.debug,verbose:u.verbose,duration:u.duration,onComplete:function(){e()},queue:!0})):(f.debug("Showing results with javascript"),r.stop().fadeIn(u.duration,u.easing)),u.onResultsOpen.call(r))},hideResults:function(e){e=k.isFunction(e)?e:function(){},f.is.visible()&&(f.can.transition()?(f.debug("Hiding results with css animations"),r.transition({animation:u.transition+" out",debug:u.debug,verbose:u.verbose,duration:u.duration,onComplete:function(){e()},queue:!0})):(f.debug("Hiding results with javascript"),r.stop().fadeOut(u.duration,u.easing)),u.onResultsClose.call(r))},generateResults:function(e){f.debug("Generating html from response",e);var t=u.templates[u.type],s=k.isPlainObject(e[i.results])&&!k.isEmptyObject(e[i.results]),n=Array.isArray(e[i.results])&&0 .message",category:".category",result:".result",title:".title, .name"},templates:{escape:function(e,t){if(t)return e;var s={"&":"&","<":"<",">":">",'"':""","'":"'","`":"`"};return/[&<>"'`]/.test(e)?e.replace(/[&<>"'`]/g,function(e){return s[e]}):e},message:function(e,t,s){var n="";return e!==D&&t!==D&&(n+='
    ',s&&(n+='
    '+s+'
    '),n+='
    '+e+"
    ",n+="
    "),n},category:function(e,s,n){var r="",i=k.fn.search.settings.templates.escape;return e[s.categoryResults]!==D&&(k.each(e[s.categoryResults],function(e,t){t[s.results]!==D&&0',t[s.categoryName]!==D&&(r+='
    '+i(t[s.categoryName],n)+"
    "),r+='
    ',k.each(t.results,function(e,t){t[s.url]?r+='':r+='',t[s.image]!==D&&(r+='
    '),r+='
    ',t[s.price]!==D&&(r+='
    '+i(t[s.price],n)+"
    "),t[s.title]!==D&&(r+='
    '+i(t[s.title],n)+"
    "),t[s.description]!==D&&(r+='
    '+i(t[s.description],n)+"
    "),r+="
    ",r+="    "}),r+="
    ",r+="
    ")}),e[s.action]&&(!1===s.actionURL?r+='
    '+i(e[s.action][s.actionText],n)+"
    ":r+=''+i(e[s.action][s.actionText],n)+""),r)},standard:function(e,s,n){var r="",i=k.fn.search.settings.templates.escape;return e[s.results]!==D&&(k.each(e[s.results],function(e,t){t[s.url]?r+='':r+='',t[s.image]!==D&&(r+='
    '),r+='
    ',t[s.price]!==D&&(r+='
    '+i(t[s.price],n)+"
    "),t[s.title]!==D&&(r+='
    '+i(t[s.title],n)+"
    "),t[s.description]!==D&&(r+='
    '+i(t[s.description],n)+"
    "),r+="
    ",r+="    "}),e[s.action]&&(!1===s.actionURL?r+='
    '+i(e[s.action][s.actionText],n)+"
    ":r+=''+i(e[s.action][s.actionText],n)+""),r)}}}}(jQuery,window,document); \ No newline at end of file diff --git a/dist/components/segment.css b/dist/components/segment.css index d739f0b501..8014405a5e 100644 --- a/dist/components/segment.css +++ b/dist/components/segment.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Segment + * # Semantic UI 2.7.0 - Segment * http://github.com/semantic-org/semantic-ui/ * * @@ -16,27 +16,27 @@ .ui.segment { position: relative; background: #FFFFFF; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - margin: 1rem 0em; + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); + margin: 1rem 0; padding: 1em 1em; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); } .ui.segment:first-child { - margin-top: 0em; + margin-top: 0; } .ui.segment:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /* Vertical */ .ui.vertical.segment { - margin: 0em; - padding-left: 0em; - padding-right: 0em; + margin: 0; + padding-left: 0; + padding-right: 0; background: none transparent; - border-radius: 0px; + border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none; @@ -58,20 +58,20 @@ /* Label */ .ui[class*="bottom attached"].segment > [class*="top attached"].label { - border-top-left-radius: 0em; - border-top-right-radius: 0em; + border-top-left-radius: 0; + border-top-right-radius: 0; } .ui[class*="top attached"].segment > [class*="bottom attached"].label { - border-bottom-left-radius: 0em; - border-bottom-right-radius: 0em; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } .ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label { - border-top-left-radius: 0em; - border-top-right-radius: 0em; + border-top-left-radius: 0; + border-top-right-radius: 0; } .ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label { - border-bottom-left-radius: 0em; - border-bottom-right-radius: 0em; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } /* Grid */ @@ -82,7 +82,7 @@ padding-bottom: 2em; } .ui.grid.segment { - margin: 1rem 0em; + margin: 1rem 0; border-radius: 0.28571429rem; } @@ -90,8 +90,8 @@ .ui.basic.table.segment { background: #FFFFFF; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); } .ui[class*="very basic"].table.segment { padding: 1em 1em; @@ -134,8 +134,8 @@ min-height: 18rem; background: #F9FAFB; border-color: rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset; - box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset; + -webkit-box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset; + box-shadow: 0 2px 25px 0 rgba(34, 36, 38, 0.05) inset; } .ui.placeholder.segment .button, .ui.placeholder.segment textarea { @@ -164,10 +164,10 @@ .ui.placeholder.segment > .inline > .button { display: inline-block; width: auto; - margin: 0px 0.35714286rem 0px 0px; + margin: 0 0.35714286rem 0 0; } .ui.placeholder.segment > .inline > .button:last-child { - margin-right: 0px; + margin-right: 0; } /*------------------- @@ -176,16 +176,16 @@ .ui.piled.segments, .ui.piled.segment { - margin: 3em 0em; + margin: 3em 0; -webkit-box-shadow: ''; box-shadow: ''; z-index: auto; } .ui.piled.segment:first-child { - margin-top: 0em; + margin-top: 0; } .ui.piled.segment:last-child { - margin-bottom: 0em; + margin-bottom: 0; } .ui.piled.segments:after, .ui.piled.segments:before, @@ -196,7 +196,7 @@ content: ''; display: block; height: 100%; - left: 0px; + left: 0; position: absolute; width: 100%; border: 1px solid rgba(34, 36, 38, 0.15); @@ -221,17 +221,17 @@ /* Piled Attached */ .ui[class*="top attached"].piled.segment { margin-top: 3em; - margin-bottom: 0em; + margin-bottom: 0; } .ui.piled.segment[class*="top attached"]:first-child { - margin-top: 0em; + margin-top: 0; } .ui.piled.segment[class*="bottom attached"] { - margin-top: 0em; + margin-top: 0; margin-bottom: 3em; } .ui.piled.segment[class*="bottom attached"]:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*------------------- @@ -248,7 +248,7 @@ content: ''; position: absolute; bottom: -3px; - left: 0%; + left: 0; border-top: 1px solid rgba(34, 36, 38, 0.15); background: rgba(0, 0, 0, 0.03); width: 100%; @@ -264,7 +264,7 @@ .ui.tall.stacked.segments:before, .ui.tall.stacked.segment:before { display: block; - bottom: 0px; + bottom: 0; } /* Inverted */ @@ -290,8 +290,8 @@ /* Padded vertical */ .ui.padded.segment.vertical.segment, .ui[class*="very padded"].vertical.segment { - padding-left: 0px; - padding-right: 0px; + padding-left: 0; + padding-right: 0; } /*------------------- @@ -334,8 +334,8 @@ .ui.raised.raised.segments, .ui.raised.raised.segment { - -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15); } @@ -351,25 +351,25 @@ -ms-flex-direction: column; flex-direction: column; position: relative; - margin: 1rem 0em; + margin: 1rem 0; border: 1px solid rgba(34, 36, 38, 0.15); - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); border-radius: 0.28571429rem; } .ui.segments:first-child { - margin-top: 0em; + margin-top: 0; } .ui.segments:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /* Nested Segment */ .ui.segments > .segment { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em; + top: 0; + bottom: 0; + border-radius: 0; + margin: 0; width: auto; -webkit-box-shadow: none; box-shadow: none; @@ -377,23 +377,23 @@ border-top: 1px solid rgba(34, 36, 38, 0.15); } .ui.segments:not(.horizontal) > .segment:first-child { - top: 0px; - bottom: 0px; + top: 0; + bottom: 0; border-top: none; - margin-top: 0em; - margin-bottom: 0em; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + margin-top: 0; + margin-bottom: 0; + border-radius: 0.28571429rem 0.28571429rem 0 0; } /* Bottom */ .ui.segments:not(.horizontal) > .segment:last-child { - top: 0px; - bottom: 0px; - margin-top: 0em; - margin-bottom: 0em; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + top: 0; + bottom: 0; + margin-top: 0; + margin-bottom: 0; + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; + border-radius: 0 0 0.28571429rem 0.28571429rem; } /* Only */ @@ -410,7 +410,7 @@ border-top: none; } .ui.segments > .segment + .segments:not(.horizontal) { - margin-top: 0em; + margin-top: 0; } /* Horizontal Group */ @@ -423,19 +423,19 @@ -ms-flex-direction: row; flex-direction: row; background-color: transparent; - padding: 0em; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15); - margin: 1rem 0em; + padding: 0; + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); + margin: 1rem 0; border-radius: 0.28571429rem; border: 1px solid rgba(34, 36, 38, 0.15); } /* Nested Horizontal Group */ .ui.segments > .horizontal.segments { - margin: 0em; + margin: 0; background-color: transparent; - border-radius: 0px; + border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; @@ -446,13 +446,13 @@ .ui.horizontal.segments > .segment { -webkit-box-flex: 1; flex: 1 1 auto; - -ms-flex: 1 1 0px; + -ms-flex: 1 1 0; /* Solves #2550 MS Flex */ - margin: 0em; - min-width: 0px; + margin: 0; + min-width: 0; background-color: transparent; - border-radius: 0px; + border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; @@ -498,8 +498,8 @@ .ui.loading.segment:before { position: absolute; content: ''; - top: 0%; - left: 0%; + top: 0; + left: 0; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; @@ -511,42 +511,18 @@ content: ''; top: 50%; left: 50%; - margin: -1.5em 0em 0em -1.5em; + margin: -1.5em 0 0 -1.5em; width: 3em; height: 3em; - -webkit-animation: segment-spin 0.6s linear; - animation: segment-spin 0.6s linear; - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; + -webkit-animation: loader 0.6s infinite linear; + animation: loader 0.6s infinite linear; + border: 0.2em solid #767676; border-radius: 500rem; - border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1); - border-style: solid; - border-width: 0.2em; - -webkit-box-shadow: 0px 0px 0px 1px transparent; - box-shadow: 0px 0px 0px 1px transparent; + -webkit-box-shadow: 0 0 0 1px transparent; + box-shadow: 0 0 0 1px transparent; visibility: visible; z-index: 101; } -@-webkit-keyframes segment-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@keyframes segment-spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} /******************************* @@ -565,7 +541,7 @@ -webkit-box-shadow: none; box-shadow: none; border: none; - border-radius: 0px; + border-radius: 0; } /*------------------- @@ -584,122 +560,110 @@ Colors --------------------*/ - -/* Red */ -.ui.red.segment:not(.inverted) { - border-top: 2px solid #DB2828 !important; +.ui.primary.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #2185D0; } -.ui.inverted.red.segment { - background-color: #DB2828 !important; - color: #FFFFFF !important; +.ui.inverted.primary.segment.segment.segment.segment.segment { + background-color: #2185D0; + color: #FFFFFF; } - -/* Orange */ -.ui.orange.segment:not(.inverted) { - border-top: 2px solid #F2711C !important; +.ui.secondary.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid rgba(0, 0, 0, 0.6); } -.ui.inverted.orange.segment { - background-color: #F2711C !important; - color: #FFFFFF !important; +.ui.inverted.secondary.segment.segment.segment.segment.segment { + background-color: rgba(0, 0, 0, 0.6); + color: #FFFFFF; } - -/* Yellow */ -.ui.yellow.segment:not(.inverted) { - border-top: 2px solid #FBBD08 !important; +.ui.red.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #DB2828; } -.ui.inverted.yellow.segment { - background-color: #FBBD08 !important; - color: #FFFFFF !important; +.ui.inverted.red.segment.segment.segment.segment.segment { + background-color: #DB2828; + color: #FFFFFF; } - -/* Olive */ -.ui.olive.segment:not(.inverted) { - border-top: 2px solid #B5CC18 !important; +.ui.orange.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #F2711C; } -.ui.inverted.olive.segment { - background-color: #B5CC18 !important; - color: #FFFFFF !important; +.ui.inverted.orange.segment.segment.segment.segment.segment { + background-color: #F2711C; + color: #FFFFFF; } - -/* Green */ -.ui.green.segment:not(.inverted) { - border-top: 2px solid #21BA45 !important; +.ui.yellow.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #FBBD08; } -.ui.inverted.green.segment { - background-color: #21BA45 !important; - color: #FFFFFF !important; +.ui.inverted.yellow.segment.segment.segment.segment.segment { + background-color: #FBBD08; + color: #FFFFFF; } - -/* Teal */ -.ui.teal.segment:not(.inverted) { - border-top: 2px solid #00B5AD !important; +.ui.olive.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #B5CC18; } -.ui.inverted.teal.segment { - background-color: #00B5AD !important; - color: #FFFFFF !important; +.ui.inverted.olive.segment.segment.segment.segment.segment { + background-color: #B5CC18; + color: #FFFFFF; } - -/* Blue */ -.ui.blue.segment:not(.inverted) { - border-top: 2px solid #2185D0 !important; +.ui.green.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #21BA45; } -.ui.inverted.blue.segment { - background-color: #2185D0 !important; - color: #FFFFFF !important; +.ui.inverted.green.segment.segment.segment.segment.segment { + background-color: #21BA45; + color: #FFFFFF; } - -/* Violet */ -.ui.violet.segment:not(.inverted) { - border-top: 2px solid #6435C9 !important; +.ui.teal.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #00B5AD; } -.ui.inverted.violet.segment { - background-color: #6435C9 !important; - color: #FFFFFF !important; +.ui.inverted.teal.segment.segment.segment.segment.segment { + background-color: #00B5AD; + color: #FFFFFF; } - -/* Purple */ -.ui.purple.segment:not(.inverted) { - border-top: 2px solid #A333C8 !important; +.ui.blue.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #2185D0; } -.ui.inverted.purple.segment { - background-color: #A333C8 !important; - color: #FFFFFF !important; +.ui.inverted.blue.segment.segment.segment.segment.segment { + background-color: #2185D0; + color: #FFFFFF; } - -/* Pink */ -.ui.pink.segment:not(.inverted) { - border-top: 2px solid #E03997 !important; +.ui.violet.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #6435C9; } -.ui.inverted.pink.segment { - background-color: #E03997 !important; - color: #FFFFFF !important; +.ui.inverted.violet.segment.segment.segment.segment.segment { + background-color: #6435C9; + color: #FFFFFF; } - -/* Brown */ -.ui.brown.segment:not(.inverted) { - border-top: 2px solid #A5673F !important; +.ui.purple.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #A333C8; } -.ui.inverted.brown.segment { - background-color: #A5673F !important; - color: #FFFFFF !important; +.ui.inverted.purple.segment.segment.segment.segment.segment { + background-color: #A333C8; + color: #FFFFFF; } - -/* Grey */ -.ui.grey.segment:not(.inverted) { - border-top: 2px solid #767676 !important; +.ui.pink.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #E03997; } -.ui.inverted.grey.segment { - background-color: #767676 !important; - color: #FFFFFF !important; +.ui.inverted.pink.segment.segment.segment.segment.segment { + background-color: #E03997; + color: #FFFFFF; } - -/* Black */ -.ui.black.segment:not(.inverted) { - border-top: 2px solid #1B1C1D !important; +.ui.brown.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #A5673F; } -.ui.inverted.black.segment { - background-color: #1B1C1D !important; - color: #FFFFFF !important; +.ui.inverted.brown.segment.segment.segment.segment.segment { + background-color: #A5673F; + color: #FFFFFF; +} +.ui.grey.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #767676; +} +.ui.inverted.grey.segment.segment.segment.segment.segment { + background-color: #767676; + color: #FFFFFF; +} +.ui.black.segment.segment.segment.segment.segment:not(.inverted) { + border-top: 2px solid #1B1C1D; +} +.ui.inverted.black.segment.segment.segment.segment.segment { + background-color: #1B1C1D; + color: #FFFFFF; } /*------------------- @@ -769,9 +733,9 @@ color: rgba(0, 0, 0, 0.6); } .ui.secondary.inverted.segment { - background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))); - background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); - background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); + background: #4c4f52 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2))); + background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%); + background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%); color: rgba(255, 255, 255, 0.8); } @@ -781,9 +745,9 @@ color: rgba(0, 0, 0, 0.6); } .ui.tertiary.inverted.segment { - background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); - background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); - background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%); + background: #717579 -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35))); + background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%); + background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%); color: rgba(255, 255, 255, 0.8); } @@ -794,10 +758,10 @@ /* Middle */ .ui.attached.segment { - top: 0px; - bottom: 0px; - border-radius: 0px; - margin: 0em -1px; + top: 0; + bottom: 0; + border-radius: 0; + margin: 0 -1px; width: calc(100% + 2px); max-width: calc(100% + 2px); -webkit-box-shadow: none; @@ -810,25 +774,25 @@ /* Top */ .ui[class*="top attached"].segment { - bottom: 0px; - margin-bottom: 0em; - top: 0px; + bottom: 0; + margin-bottom: 0; + top: 0; margin-top: 1rem; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.segment[class*="top attached"]:first-child { - margin-top: 0em; + margin-top: 0; } /* Bottom */ .ui.segment[class*="bottom attached"] { - bottom: 0px; - margin-top: 0em; - top: 0px; + bottom: 0; + margin-top: 0; + top: 0; margin-bottom: 1rem; - -webkit-box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; + box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none; + border-radius: 0 0 0.28571429rem 0.28571429rem; } .ui.segment[class*="bottom attached"]:last-child { margin-bottom: 1rem; diff --git a/dist/components/segment.min.css b/dist/components/segment.min.css index 5dd928326f..56471b8397 100644 --- a/dist/components/segment.min.css +++ b/dist/components/segment.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Segment + * # Semantic UI 2.7.0 - Segment * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.segment{position:relative;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;padding:1em 1em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background:none transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.segment:last-child{border-bottom:none}.ui.inverted.segment>.ui.header{color:#fff}.ui[class*="bottom attached"].segment>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="top attached"].segment>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column,.ui.page.grid.segment{padding-top:2em;padding-bottom:2em}.ui.grid.segment{margin:1rem 0;border-radius:.28571429rem}.ui.basic.table.segment{background:#fff;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui[class*="very basic"].table.segment{padding:1em 1em}.ui.segment.tab:last-child{margin-bottom:1rem}.ui.placeholder.segment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:initial;-webkit-animation:none;animation:none;overflow:visible;padding:1em 1em;min-height:18rem;background:#f9fafb;border-color:rgba(34,36,38,.15);-webkit-box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset;box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset}.ui.placeholder.segment .button,.ui.placeholder.segment textarea{display:block}.ui.placeholder.segment .button,.ui.placeholder.segment .field,.ui.placeholder.segment textarea,.ui.placeholder.segment>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment .column .button,.ui.placeholder.segment .column .field,.ui.placeholder.segment .column textarea,.ui.placeholder.segment .column>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment>.inline{-ms-flex-item-align:center;align-self:center}.ui.placeholder.segment>.inline>.button{display:inline-block;width:auto;margin:0 .35714286rem 0 0}.ui.placeholder.segment>.inline>.button:last-child{margin-right:0}.ui.piled.segment,.ui.piled.segments{margin:3em 0;-webkit-box-shadow:'';box-shadow:'';z-index:auto}.ui.piled.segment:first-child{margin-top:0}.ui.piled.segment:last-child{margin-bottom:0}.ui.piled.segment:after,.ui.piled.segment:before,.ui.piled.segments:after,.ui.piled.segments:before{background-color:#fff;visibility:visible;content:'';display:block;height:100%;left:0;position:absolute;width:100%;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:'';box-shadow:''}.ui.piled.segment:before,.ui.piled.segments:before{-webkit-transform:rotate(-1.2deg);transform:rotate(-1.2deg);top:0;z-index:-2}.ui.piled.segment:after,.ui.piled.segments:after{-webkit-transform:rotate(1.2deg);transform:rotate(1.2deg);top:0;z-index:-1}.ui[class*="top attached"].piled.segment{margin-top:3em;margin-bottom:0}.ui.piled.segment[class*="top attached"]:first-child{margin-top:0}.ui.piled.segment[class*="bottom attached"]{margin-top:0;margin-bottom:3em}.ui.piled.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.stacked.segment{padding-bottom:1.4em}.ui.stacked.segment:after,.ui.stacked.segment:before,.ui.stacked.segments:after,.ui.stacked.segments:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(34,36,38,.15);background:rgba(0,0,0,.03);width:100%;height:6px;visibility:visible}.ui.stacked.segment:before,.ui.stacked.segments:before{display:none}.ui.tall.stacked.segment:before,.ui.tall.stacked.segments:before{display:block;bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before,.ui.stacked.inverted.segments:after,.ui.stacked.inverted.segments:before{background-color:rgba(0,0,0,.03);border-top:1px solid rgba(34,36,38,.35)}.ui.padded.segment{padding:1.5em}.ui[class*="very padded"].segment{padding:3em}.ui.padded.segment.vertical.segment,.ui[class*="very padded"].vertical.segment{padding-left:0;padding-right:0}.ui.compact.segment{display:table}.ui.compact.segments{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.compact.segments .segment,.ui.segments .compact.segment{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ui.circular.segment{display:table-cell;padding:2em;text-align:center;vertical-align:middle;border-radius:500em}.ui.raised.raised.segment,.ui.raised.raised.segments{-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.segments{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin:1rem 0;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem}.ui.segments:first-child{margin-top:0}.ui.segments:last-child{margin-bottom:0}.ui.segments>.segment{top:0;bottom:0;border-radius:0;margin:0;width:auto;-webkit-box-shadow:none;box-shadow:none;border:none;border-top:1px solid rgba(34,36,38,.15)}.ui.segments:not(.horizontal)>.segment:first-child{top:0;bottom:0;border-top:none;margin-top:0;margin-bottom:0;border-radius:.28571429rem .28571429rem 0 0}.ui.segments:not(.horizontal)>.segment:last-child{top:0;bottom:0;margin-top:0;margin-bottom:0;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segments:not(.horizontal)>.segment:only-child{border-radius:.28571429rem}.ui.segments>.ui.segments{border-top:1px solid rgba(34,36,38,.15);margin:1rem 1rem}.ui.segments>.segments:first-child{border-top:none}.ui.segments>.segment+.segments:not(.horizontal){margin-top:0}.ui.horizontal.segments{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:transparent;padding:0;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segments>.horizontal.segments{margin:0;background-color:transparent;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid rgba(34,36,38,.15)}.ui.horizontal.segments>.segment{-webkit-box-flex:1;flex:1 1 auto;-ms-flex:1 1 0px;margin:0;min-width:0;background-color:transparent;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-left:1px solid rgba(34,36,38,.15)}.ui.segments>.horizontal.segments:first-child{border-top:none}.ui.horizontal.segments>.segment:first-child{border-left:none}.ui.disabled.segment{opacity:.45;color:rgba(40,40,40,.3)}.ui.loading.segment{position:relative;cursor:default;pointer-events:none;text-shadow:none!important;color:transparent!important;-webkit-transition:all 0s linear;transition:all 0s linear}.ui.loading.segment:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;border-radius:.28571429rem;z-index:100}.ui.loading.segment:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:segment-spin .6s linear;animation:segment-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);border-style:solid;border-width:.2em;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}@-webkit-keyframes segment-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes segment-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.basic.segment,.ui.basic.segments,.ui.segments .ui.basic.segment{background:none transparent;-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:0}.ui.clearing.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.red.segment:not(.inverted){border-top:2px solid #db2828!important}.ui.inverted.red.segment{background-color:#db2828!important;color:#fff!important}.ui.orange.segment:not(.inverted){border-top:2px solid #f2711c!important}.ui.inverted.orange.segment{background-color:#f2711c!important;color:#fff!important}.ui.yellow.segment:not(.inverted){border-top:2px solid #fbbd08!important}.ui.inverted.yellow.segment{background-color:#fbbd08!important;color:#fff!important}.ui.olive.segment:not(.inverted){border-top:2px solid #b5cc18!important}.ui.inverted.olive.segment{background-color:#b5cc18!important;color:#fff!important}.ui.green.segment:not(.inverted){border-top:2px solid #21ba45!important}.ui.inverted.green.segment{background-color:#21ba45!important;color:#fff!important}.ui.teal.segment:not(.inverted){border-top:2px solid #00b5ad!important}.ui.inverted.teal.segment{background-color:#00b5ad!important;color:#fff!important}.ui.blue.segment:not(.inverted){border-top:2px solid #2185d0!important}.ui.inverted.blue.segment{background-color:#2185d0!important;color:#fff!important}.ui.violet.segment:not(.inverted){border-top:2px solid #6435c9!important}.ui.inverted.violet.segment{background-color:#6435c9!important;color:#fff!important}.ui.purple.segment:not(.inverted){border-top:2px solid #a333c8!important}.ui.inverted.purple.segment{background-color:#a333c8!important;color:#fff!important}.ui.pink.segment:not(.inverted){border-top:2px solid #e03997!important}.ui.inverted.pink.segment{background-color:#e03997!important;color:#fff!important}.ui.brown.segment:not(.inverted){border-top:2px solid #a5673f!important}.ui.inverted.brown.segment{background-color:#a5673f!important;color:#fff!important}.ui.grey.segment:not(.inverted){border-top:2px solid #767676!important}.ui.inverted.grey.segment{background-color:#767676!important;color:#fff!important}.ui.black.segment:not(.inverted){border-top:2px solid #1b1c1d!important}.ui.inverted.black.segment{background-color:#1b1c1d!important;color:#fff!important}.ui[class*="left aligned"].segment{text-align:left}.ui[class*="right aligned"].segment{text-align:right}.ui[class*="center aligned"].segment{text-align:center}.ui.floated.segment,.ui[class*="left floated"].segment{float:left;margin-right:1em}.ui[class*="right floated"].segment{float:right;margin-left:1em}.ui.inverted.segment{border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.segment .segment{color:rgba(0,0,0,.87)}.ui.inverted.segment .inverted.segment{color:rgba(255,255,255,.9)}.ui.inverted.attached.segment{border-color:#555}.ui.secondary.segment{background:#f3f4f5;color:rgba(0,0,0,.6)}.ui.secondary.inverted.segment{background:#4c4f52 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.2)),to(rgba(255,255,255,.2)));background:#4c4f52 -webkit-linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);background:#4c4f52 linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);color:rgba(255,255,255,.8)}.ui.tertiary.segment{background:#dcddde;color:rgba(0,0,0,.6)}.ui.tertiary.inverted.segment{background:#717579 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.35)),to(rgba(255,255,255,.35)));background:#717579 -webkit-linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);background:#717579 linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);color:rgba(255,255,255,.8)}.ui.attached.segment{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5}.ui.attached:not(.message)+.ui.attached.segment:not(.top){border-top:none}.ui[class*="top attached"].segment{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.segment[class*="top attached"]:first-child{margin-top:0}.ui.segment[class*="bottom attached"]{bottom:0;margin-top:0;top:0;margin-bottom:1rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segment[class*="bottom attached"]:last-child{margin-bottom:1rem}.ui.mini.segment,.ui.mini.segments .segment{font-size:.78571429rem}.ui.tiny.segment,.ui.tiny.segments .segment{font-size:.85714286rem}.ui.small.segment,.ui.small.segments .segment{font-size:.92857143rem}.ui.segment,.ui.segments .segment{font-size:1rem}.ui.large.segment,.ui.large.segments .segment{font-size:1.14285714rem}.ui.big.segment,.ui.big.segments .segment{font-size:1.28571429rem}.ui.huge.segment,.ui.huge.segments .segment{font-size:1.42857143rem}.ui.massive.segment,.ui.massive.segments .segment{font-size:1.71428571rem} \ No newline at end of file + */.ui.segment{position:relative;background:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;padding:1em 1em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background:none transparent;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.segment:last-child{border-bottom:none}.ui.inverted.segment>.ui.header{color:#fff}.ui[class*="bottom attached"].segment>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui[class*="top attached"].segment>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="top attached"].label{border-top-left-radius:0;border-top-right-radius:0}.ui.attached.segment:not(.top):not(.bottom)>[class*="bottom attached"].label{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.grid>.row>.ui.segment.column,.ui.grid>.ui.segment.column,.ui.page.grid.segment{padding-top:2em;padding-bottom:2em}.ui.grid.segment{margin:1rem 0;border-radius:.28571429rem}.ui.basic.table.segment{background:#fff;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15)}.ui[class*="very basic"].table.segment{padding:1em 1em}.ui.segment.tab:last-child{margin-bottom:1rem}.ui.placeholder.segment{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:initial;-webkit-animation:none;animation:none;overflow:visible;padding:1em 1em;min-height:18rem;background:#f9fafb;border-color:rgba(34,36,38,.15);-webkit-box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset;box-shadow:0 2px 25px 0 rgba(34,36,38,.05) inset}.ui.placeholder.segment .button,.ui.placeholder.segment textarea{display:block}.ui.placeholder.segment .button,.ui.placeholder.segment .field,.ui.placeholder.segment textarea,.ui.placeholder.segment>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment .column .button,.ui.placeholder.segment .column .field,.ui.placeholder.segment .column textarea,.ui.placeholder.segment .column>.ui.input{max-width:15rem;margin-left:auto;margin-right:auto}.ui.placeholder.segment>.inline{-ms-flex-item-align:center;align-self:center}.ui.placeholder.segment>.inline>.button{display:inline-block;width:auto;margin:0 .35714286rem 0 0}.ui.placeholder.segment>.inline>.button:last-child{margin-right:0}.ui.piled.segment,.ui.piled.segments{margin:3em 0;-webkit-box-shadow:'';box-shadow:'';z-index:auto}.ui.piled.segment:first-child{margin-top:0}.ui.piled.segment:last-child{margin-bottom:0}.ui.piled.segment:after,.ui.piled.segment:before,.ui.piled.segments:after,.ui.piled.segments:before{background-color:#fff;visibility:visible;content:'';display:block;height:100%;left:0;position:absolute;width:100%;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:'';box-shadow:''}.ui.piled.segment:before,.ui.piled.segments:before{-webkit-transform:rotate(-1.2deg);transform:rotate(-1.2deg);top:0;z-index:-2}.ui.piled.segment:after,.ui.piled.segments:after{-webkit-transform:rotate(1.2deg);transform:rotate(1.2deg);top:0;z-index:-1}.ui[class*="top attached"].piled.segment{margin-top:3em;margin-bottom:0}.ui.piled.segment[class*="top attached"]:first-child{margin-top:0}.ui.piled.segment[class*="bottom attached"]{margin-top:0;margin-bottom:3em}.ui.piled.segment[class*="bottom attached"]:last-child{margin-bottom:0}.ui.stacked.segment{padding-bottom:1.4em}.ui.stacked.segment:after,.ui.stacked.segment:before,.ui.stacked.segments:after,.ui.stacked.segments:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(34,36,38,.15);background:rgba(0,0,0,.03);width:100%;height:6px;visibility:visible}.ui.stacked.segment:before,.ui.stacked.segments:before{display:none}.ui.tall.stacked.segment:before,.ui.tall.stacked.segments:before{display:block;bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before,.ui.stacked.inverted.segments:after,.ui.stacked.inverted.segments:before{background-color:rgba(0,0,0,.03);border-top:1px solid rgba(34,36,38,.35)}.ui.padded.segment{padding:1.5em}.ui[class*="very padded"].segment{padding:3em}.ui.padded.segment.vertical.segment,.ui[class*="very padded"].vertical.segment{padding-left:0;padding-right:0}.ui.compact.segment{display:table}.ui.compact.segments{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.ui.compact.segments .segment,.ui.segments .compact.segment{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.ui.circular.segment{display:table-cell;padding:2em;text-align:center;vertical-align:middle;border-radius:500em}.ui.raised.raised.segment,.ui.raised.raised.segments{-webkit-box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)}.ui.segments{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin:1rem 0;border:1px solid rgba(34,36,38,.15);-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);border-radius:.28571429rem}.ui.segments:first-child{margin-top:0}.ui.segments:last-child{margin-bottom:0}.ui.segments>.segment{top:0;bottom:0;border-radius:0;margin:0;width:auto;-webkit-box-shadow:none;box-shadow:none;border:none;border-top:1px solid rgba(34,36,38,.15)}.ui.segments:not(.horizontal)>.segment:first-child{top:0;bottom:0;border-top:none;margin-top:0;margin-bottom:0;border-radius:.28571429rem .28571429rem 0 0}.ui.segments:not(.horizontal)>.segment:last-child{top:0;bottom:0;margin-top:0;margin-bottom:0;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segments:not(.horizontal)>.segment:only-child{border-radius:.28571429rem}.ui.segments>.ui.segments{border-top:1px solid rgba(34,36,38,.15);margin:1rem 1rem}.ui.segments>.segments:first-child{border-top:none}.ui.segments>.segment+.segments:not(.horizontal){margin-top:0}.ui.horizontal.segments{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background-color:transparent;padding:0;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15);box-shadow:0 1px 2px 0 rgba(34,36,38,.15);margin:1rem 0;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.segments>.horizontal.segments{margin:0;background-color:transparent;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-top:1px solid rgba(34,36,38,.15)}.ui.horizontal.segments>.segment{-webkit-box-flex:1;flex:1 1 auto;-ms-flex:1 1 0;margin:0;min-width:0;background-color:transparent;border-radius:0;border:none;-webkit-box-shadow:none;box-shadow:none;border-left:1px solid rgba(34,36,38,.15)}.ui.segments>.horizontal.segments:first-child{border-top:none}.ui.horizontal.segments>.segment:first-child{border-left:none}.ui.disabled.segment{opacity:.45;color:rgba(40,40,40,.3)}.ui.loading.segment{position:relative;cursor:default;pointer-events:none;text-shadow:none!important;color:transparent!important;-webkit-transition:all 0s linear;transition:all 0s linear}.ui.loading.segment:before{position:absolute;content:'';top:0;left:0;background:rgba(255,255,255,.8);width:100%;height:100%;border-radius:.28571429rem;z-index:100}.ui.loading.segment:after{position:absolute;content:'';top:50%;left:50%;margin:-1.5em 0 0 -1.5em;width:3em;height:3em;-webkit-animation:loader .6s infinite linear;animation:loader .6s infinite linear;border:.2em solid #767676;border-radius:500rem;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent;visibility:visible;z-index:101}.ui.basic.segment,.ui.basic.segments,.ui.segments .ui.basic.segment{background:none transparent;-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:0}.ui.clearing.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.primary.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #2185d0}.ui.inverted.primary.segment.segment.segment.segment.segment{background-color:#2185d0;color:#fff}.ui.secondary.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid rgba(0,0,0,.6)}.ui.inverted.secondary.segment.segment.segment.segment.segment{background-color:rgba(0,0,0,.6);color:#fff}.ui.red.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #db2828}.ui.inverted.red.segment.segment.segment.segment.segment{background-color:#db2828;color:#fff}.ui.orange.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #f2711c}.ui.inverted.orange.segment.segment.segment.segment.segment{background-color:#f2711c;color:#fff}.ui.yellow.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #fbbd08}.ui.inverted.yellow.segment.segment.segment.segment.segment{background-color:#fbbd08;color:#fff}.ui.olive.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #b5cc18}.ui.inverted.olive.segment.segment.segment.segment.segment{background-color:#b5cc18;color:#fff}.ui.green.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #21ba45}.ui.inverted.green.segment.segment.segment.segment.segment{background-color:#21ba45;color:#fff}.ui.teal.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #00b5ad}.ui.inverted.teal.segment.segment.segment.segment.segment{background-color:#00b5ad;color:#fff}.ui.blue.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #2185d0}.ui.inverted.blue.segment.segment.segment.segment.segment{background-color:#2185d0;color:#fff}.ui.violet.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #6435c9}.ui.inverted.violet.segment.segment.segment.segment.segment{background-color:#6435c9;color:#fff}.ui.purple.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #a333c8}.ui.inverted.purple.segment.segment.segment.segment.segment{background-color:#a333c8;color:#fff}.ui.pink.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #e03997}.ui.inverted.pink.segment.segment.segment.segment.segment{background-color:#e03997;color:#fff}.ui.brown.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #a5673f}.ui.inverted.brown.segment.segment.segment.segment.segment{background-color:#a5673f;color:#fff}.ui.grey.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #767676}.ui.inverted.grey.segment.segment.segment.segment.segment{background-color:#767676;color:#fff}.ui.black.segment.segment.segment.segment.segment:not(.inverted){border-top:2px solid #1b1c1d}.ui.inverted.black.segment.segment.segment.segment.segment{background-color:#1b1c1d;color:#fff}.ui[class*="left aligned"].segment{text-align:left}.ui[class*="right aligned"].segment{text-align:right}.ui[class*="center aligned"].segment{text-align:center}.ui.floated.segment,.ui[class*="left floated"].segment{float:left;margin-right:1em}.ui[class*="right floated"].segment{float:right;margin-left:1em}.ui.inverted.segment{border:none;-webkit-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background:#1b1c1d;color:rgba(255,255,255,.9)}.ui.inverted.segment .segment{color:rgba(0,0,0,.87)}.ui.inverted.segment .inverted.segment{color:rgba(255,255,255,.9)}.ui.inverted.attached.segment{border-color:#555}.ui.secondary.segment{background:#f3f4f5;color:rgba(0,0,0,.6)}.ui.secondary.inverted.segment{background:#4c4f52 -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.2)),to(rgba(255,255,255,.2)));background:#4c4f52 -webkit-linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);background:#4c4f52 linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);color:rgba(255,255,255,.8)}.ui.tertiary.segment{background:#dcddde;color:rgba(0,0,0,.6)}.ui.tertiary.inverted.segment{background:#717579 -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.35)),to(rgba(255,255,255,.35)));background:#717579 -webkit-linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);background:#717579 linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);color:rgba(255,255,255,.8)}.ui.attached.segment{top:0;bottom:0;border-radius:0;margin:0 -1px;width:calc(100% + 2px);max-width:calc(100% + 2px);-webkit-box-shadow:none;box-shadow:none;border:1px solid #d4d4d5}.ui.attached:not(.message)+.ui.attached.segment:not(.top){border-top:none}.ui[class*="top attached"].segment{bottom:0;margin-bottom:0;top:0;margin-top:1rem;border-radius:.28571429rem .28571429rem 0 0}.ui.segment[class*="top attached"]:first-child{margin-top:0}.ui.segment[class*="bottom attached"]{bottom:0;margin-top:0;top:0;margin-bottom:1rem;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),none;border-radius:0 0 .28571429rem .28571429rem}.ui.segment[class*="bottom attached"]:last-child{margin-bottom:1rem}.ui.mini.segment,.ui.mini.segments .segment{font-size:.78571429rem}.ui.tiny.segment,.ui.tiny.segments .segment{font-size:.85714286rem}.ui.small.segment,.ui.small.segments .segment{font-size:.92857143rem}.ui.segment,.ui.segments .segment{font-size:1rem}.ui.large.segment,.ui.large.segments .segment{font-size:1.14285714rem}.ui.big.segment,.ui.big.segments .segment{font-size:1.28571429rem}.ui.huge.segment,.ui.huge.segments .segment{font-size:1.42857143rem}.ui.massive.segment,.ui.massive.segments .segment{font-size:1.71428571rem} \ No newline at end of file diff --git a/dist/components/shape.css b/dist/components/shape.css index 1ad3c30d08..907bfc4712 100644 --- a/dist/components/shape.css +++ b/dist/components/shape.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Shape + * # Semantic UI 2.7.0 - Shape * http://github.com/semantic-org/semantic-ui/ * * @@ -32,7 +32,7 @@ display: none; opacity: 1; width: 100%; - margin: 0em !important; + margin: 0 !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @@ -52,8 +52,8 @@ padding: 2em; background-color: #E6E6E6; color: rgba(0, 0, 0, 0.87); - -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .ui.cube.shape .side > .content { width: 100%; @@ -108,8 +108,8 @@ .ui.shape .animating.side { position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; display: block; z-index: 100; } diff --git a/dist/components/shape.js b/dist/components/shape.js index 68a56ac36d..984bb7c1e8 100644 --- a/dist/components/shape.js +++ b/dist/components/shape.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Shape + * # Semantic UI 2.7.0 - Shape * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -822,7 +826,7 @@ $.fn.shape = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/dist/components/shape.min.css b/dist/components/shape.min.css index 6436ddbd36..0a6f2838e6 100644 --- a/dist/components/shape.min.css +++ b/dist/components/shape.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Shape + * # Semantic UI 2.7.0 - Shape * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/shape.min.js b/dist/components/shape.min.js index c50c05d756..cea8072e00 100644 --- a/dist/components/shape.min.js +++ b/dist/components/shape.min.js @@ -1 +1,11 @@ -!function(H,e,T,Z){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),H.fn.shape=function(v){var b,x=H(this),y=(H("body"),(new Date).getTime()),S=[],w=v,C="string"==typeof w,W=[].slice.call(arguments,1),F=e.requestAnimationFrame||e.mozRequestAnimationFrame||e.webkitRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,0)};return x.each(function(){var n,a,o,t=x.selector||"",s=H.isPlainObject(v)?H.extend(!0,{},H.fn.shape.settings,v):H.extend({},H.fn.shape.settings),e=s.namespace,r=s.selector,i=s.error,l=s.className,d="."+e,u="module-"+e,c=H(this),g=c.find(r.sides),f=c.find(r.side),m=!1,h=this,p=c.data(u);o={initialize:function(){o.verbose("Initializing module for",h),o.set.defaultSide(),o.instantiate()},instantiate:function(){o.verbose("Storing instance of module",o),p=o,c.data(u,p)},destroy:function(){o.verbose("Destroying previous module for",h),c.removeData(u).off(d)},refresh:function(){o.verbose("Refreshing selector cache for",h),c=H(h),g=H(this).find(r.shape),f=H(this).find(r.side)},repaint:function(){o.verbose("Forcing repaint event");(g[0]||T.createElement("div")).offsetWidth},animate:function(e,t){o.verbose("Animating box with properties",e),t=t||function(e){o.verbose("Executing animation callback"),e!==Z&&e.stopPropagation(),o.reset(),o.set.active()},s.beforeChange.call(a[0]),o.get.transitionEvent()?(o.verbose("Starting CSS animation"),c.addClass(l.animating),g.css(e).one(o.get.transitionEvent(),t),o.set.duration(s.duration),F(function(){c.addClass(l.animating),n.addClass(l.hidden)})):t()},queue:function(e){o.debug("Queueing animation of",e),g.one(o.get.transitionEvent(),function(){o.debug("Executing queued animation"),setTimeout(function(){c.shape(e)},0)})},reset:function(){o.verbose("Animating states reset"),c.removeClass(l.animating).attr("style","").removeAttr("style"),g.attr("style","").removeAttr("style"),f.attr("style","").removeAttr("style").removeClass(l.hidden),a.removeClass(l.animating).attr("style","").removeAttr("style")},is:{complete:function(){return f.filter("."+l.active)[0]==a[0]},animating:function(){return c.hasClass(l.animating)}},set:{defaultSide:function(){n=c.find("."+s.className.active),a=0 .pusher { .pushable > .pusher:after { position: fixed; - top: 0px; - right: 0px; + top: 0; + right: 0; content: ''; background-color: rgba(0, 0, 0, 0.4); overflow: hidden; @@ -164,7 +164,7 @@ body.pushable > .pusher { ---------------*/ .ui.sidebar.menu .item { - border-radius: 0em !important; + border-radius: 0 !important; } @@ -204,13 +204,13 @@ body.pushable > .pusher { /* Shadow Direction */ .ui.left.visible.sidebar, .ui.right.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); + box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); } .ui.top.visible.sidebar, .ui.bottom.visible.sidebar { - -webkit-box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); - box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15); + -webkit-box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); + box-shadow: 0 0 20px rgba(34, 36, 38, 0.15); } /* Visible On Load */ @@ -344,12 +344,12 @@ body.pushable > .pusher { /* Initial */ .ui.left.overlay.sidebar { - -webkit-transform: translate3d(-100%, 0%, 0); - transform: translate3d(-100%, 0%, 0); + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); } .ui.right.overlay.sidebar { - -webkit-transform: translate3d(100%, 0%, 0); - transform: translate3d(100%, 0%, 0); + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); } .ui.top.overlay.sidebar { -webkit-transform: translate3d(0%, -100%, 0); @@ -371,20 +371,20 @@ body.pushable > .pusher { /* End - Sidebar */ .ui.visible.left.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); } .ui.visible.right.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); } .ui.visible.top.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); } .ui.visible.bottom.overlay.sidebar { - -webkit-transform: translate3d(0%, 0%, 0); - transform: translate3d(0%, 0%, 0); + -webkit-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); } /* End - Pusher */ diff --git a/dist/components/sidebar.js b/dist/components/sidebar.js index 0bbe816a58..defc3f1cd0 100644 --- a/dist/components/sidebar.js +++ b/dist/components/sidebar.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Sidebar + * # Semantic UI 2.7.0 - Sidebar * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -275,8 +279,8 @@ $.fn.sidebar = function(parameters) { style += '' + ' body.pushable > .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher:after,' + ' body.pushable > .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher:after {' - + ' -webkit-transform: translate3d(0px, 0, 0);' - + ' transform: translate3d(0px, 0, 0);' + + ' -webkit-transform: translate3d(0, 0, 0);' + + ' transform: translate3d(0, 0, 0);' + ' }' ; } @@ -913,7 +917,7 @@ $.fn.sidebar = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/dist/components/sidebar.min.css b/dist/components/sidebar.min.css index 03d6b4e02a..935e3042ec 100644 --- a/dist/components/sidebar.min.css +++ b/dist/components/sidebar.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Sidebar + * # Semantic UI 2.7.0 - Sidebar * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/sidebar.min.js b/dist/components/sidebar.min.js index 3aa8535d6b..b987e99123 100644 --- a/dist/components/sidebar.min.js +++ b/dist/components/sidebar.min.js @@ -1 +1,11 @@ -!function(D,j,R,z){"use strict";j=void 0!==j&&j.Math==Math?j:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),D.fn.sidebar=function(C){var k,e=D(this),w=D(j),T=D(R),x=D("html"),S=D("head"),A=e.selector||"",F=(new Date).getTime(),O=[],P=C,E="string"==typeof P,H=[].slice.call(arguments,1),M=j.requestAnimationFrame||j.mozRequestAnimationFrame||j.webkitRequestAnimationFrame||j.msRequestAnimationFrame||function(e){setTimeout(e,0)};return e.each(function(){var s,a,e,i,l,c,d=D.isPlainObject(C)?D.extend(!0,{},D.fn.sidebar.settings,C):D.extend({},D.fn.sidebar.settings),n=d.selector,r=d.className,t=d.namespace,o=d.regExp,u=d.error,f="."+t,b="module-"+t,h=D(this),m=D(d.context),g=h.children(n.sidebar),v=(m.children(n.fixed),m.children(n.pusher)),p=this,y=h.data(b);c={initialize:function(){c.debug("Initializing sidebar",C),c.create.id(),l=c.get.transitionEvent(),d.delaySetup?M(c.setup.layout):c.setup.layout(),M(function(){c.setup.cache()}),c.instantiate()},instantiate:function(){c.verbose("Storing instance of module",c),y=c,h.data(b,c)},create:{id:function(){e=(Math.random().toString(16)+"000000000").substr(2,8),a="."+e,c.verbose("Creating unique id for element",e)}},destroy:function(){c.verbose("Destroying previous module for",h),h.off(f).removeData(b),c.is.ios()&&c.remove.ios(),m.off(a),w.off(a),T.off(a)},event:{clickaway:function(e){var i=0=p.scrollHeight&&(p.scrollTop=p.scrollHeight-p.offsetHeight-1)},scroll:function(e){0===D(e.target).closest(n.sidebar).length&&e.preventDefault()}},bind:{clickaway:function(){c.verbose("Adding clickaway events to context",m),d.closable&&m.on("click"+a,c.event.clickaway).on("touchend"+a,c.event.clickaway)},scrollLock:function(){d.scrollLock&&(c.debug("Disabling page scroll"),w.on("DOMMouseScroll"+a,c.event.scroll)),c.verbose("Adding events to contain sidebar scroll"),T.on("touchmove"+a,c.event.touch),h.on("scroll"+f,c.event.containScroll)}},unbind:{clickaway:function(){c.verbose("Removing clickaway events from context",m),m.off(a)},scrollLock:function(){c.verbose("Removing scroll lock from page"),T.off(a),w.off(a),h.off("scroll"+f)}},add:{inlineCSS:function(){var e,i=c.cache.width||h.outerWidth(),n=c.cache.height||h.outerHeight(),t=c.is.rtl(),o=c.get.direction(),r={left:i,right:-i,top:n,bottom:-n};t&&(c.verbose("RTL detected, flipping widths"),r.left=-i,r.right=i),e="").appendTo(S),c.debug("Adding sizing css to head",s)}},refresh:function(){c.verbose("Refreshing selector cache"),m=D(d.context),g=m.children(n.sidebar),v=m.children(n.pusher),m.children(n.fixed),c.clear.cache()},refreshSidebars:function(){c.verbose("Refreshing other sidebars"),g=m.children(n.sidebar)},repaint:function(){c.verbose("Forcing repaint event"),p.style.display="none";p.offsetHeight;p.scrollTop=p.scrollTop,p.style.display=""},setup:{cache:function(){c.cache={width:h.outerWidth(),height:h.outerHeight(),rtl:"rtl"==h.css("direction")}},layout:function(){0===m.children(n.pusher).length&&(c.debug("Adding wrapper element for sidebar"),c.error(u.pusher),v=D('
    '),m.children().not(n.omitted).not(g).wrapAll(v),c.refresh()),0!==h.nextAll(n.pusher).length&&h.nextAll(n.pusher)[0]===v[0]||(c.debug("Moved sidebar to correct parent element"),c.error(u.movedSidebar,p),h.detach().prependTo(m),c.refresh()),c.clear.cache(),c.set.pushable(),c.set.direction()}},attachEvents:function(e,i){var n=D(e);i=D.isFunction(c[i])?c[i]:c.toggle,0=p.scrollHeight&&(p.scrollTop=p.scrollHeight-p.offsetHeight-1)},scroll:function(e){0===D(e.target).closest(n.sidebar).length&&e.preventDefault()}},bind:{clickaway:function(){c.verbose("Adding clickaway events to context",m),u.closable&&m.on("click"+a,c.event.clickaway).on("touchend"+a,c.event.clickaway)},scrollLock:function(){u.scrollLock&&(c.debug("Disabling page scroll"),k.on("DOMMouseScroll"+a,c.event.scroll)),c.verbose("Adding events to contain sidebar scroll"),w.on("touchmove"+a,c.event.touch),h.on("scroll"+f,c.event.containScroll)}},unbind:{clickaway:function(){c.verbose("Removing clickaway events from context",m),m.off(a)},scrollLock:function(){c.verbose("Removing scroll lock from page"),w.off(a),k.off(a),h.off("scroll"+f)}},add:{inlineCSS:function(){var e,i=c.cache.width||h.outerWidth(),n=c.cache.height||h.outerHeight(),t=c.is.rtl(),o=c.get.direction(),r={left:i,right:-i,top:n,bottom:-n};t&&(c.verbose("RTL detected, flipping widths"),r.left=-i,r.right=i),e="").appendTo(x),c.debug("Adding sizing css to head",s)}},refresh:function(){c.verbose("Refreshing selector cache"),m=D(u.context),g=m.children(n.sidebar),v=m.children(n.pusher),m.children(n.fixed),c.clear.cache()},refreshSidebars:function(){c.verbose("Refreshing other sidebars"),g=m.children(n.sidebar)},repaint:function(){c.verbose("Forcing repaint event"),p.style.display="none";p.offsetHeight;p.scrollTop=p.scrollTop,p.style.display=""},setup:{cache:function(){c.cache={width:h.outerWidth(),height:h.outerHeight(),rtl:"rtl"==h.css("direction")}},layout:function(){0===m.children(n.pusher).length&&(c.debug("Adding wrapper element for sidebar"),c.error(d.pusher),v=D('
    '),m.children().not(n.omitted).not(g).wrapAll(v),c.refresh()),0!==h.nextAll(n.pusher).length&&h.nextAll(n.pusher)[0]===v[0]||(c.debug("Moved sidebar to correct parent element"),c.error(d.movedSidebar,p),h.detach().prependTo(m),c.refresh()),c.clear.cache(),c.set.pushable(),c.set.direction()}},attachEvents:function(e,i){var n=D(e);i=D.isFunction(c[i])?c[i]:c.toggle,0 .labels .label { + -webkit-transform: translate(-100%, -100%); + transform: translate(-100%, -100%); +} + + +/******************************* + Variations +*******************************/ + + +/*-------------- + Vertical +---------------*/ + +.ui.vertical.slider { + height: 100%; + width: 1.5em; + padding: 0.5em 1em; +} +.ui.vertical.slider .inner { + height: 100%; +} +.ui.vertical.slider .inner .track { + height: 100%; + width: 0.4em; + left: 0.55em; + top: 0; +} +.ui.vertical.slider .inner .track-fill { + width: 0.4em; + left: 0.55em; + top: 0; +} + +/* Vertical Reversed */ +.ui.vertical.reversed.slider .inner .thumb { + top: auto; + bottom: 0; +} +.ui.vertical.reversed.slider .inner .track-fill { + top: auto; + bottom: 0; +} + +/*-------------- + Labeled +---------------*/ + +.ui.labeled.slider > .labels { + height: 1.5em; + width: auto; + margin: 0; + padding: 0; + position: absolute; + top: 50%; + left: 0; + right: 0; +} +.ui.labeled.slider:not(.vertical) > .labels { + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.ui.labeled.slider > .labels .label { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + position: absolute; + -webkit-transform: translate(-50%, -100%); + transform: translate(-50%, -100%); +} +.ui.labeled.ticked.slider > .labels .label:after { + content: ' '; + height: 1.5em; + width: 1px; + background: #ccc; + position: absolute; + top: 100%; + left: 50%; +} + +/* Vertical Labels */ +.ui.labeled.vertical.slider > .labels { + width: 1.5em; + height: auto; + left: 50%; + top: 0; + bottom: 0; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.ui.labeled.vertical.slider > .labels .label { + -webkit-transform: translate(-100%, -50%); + transform: translate(-100%, -50%); +} +.ui.labeled.vertical.slider > .labels .label:after { + width: 1.5em; + height: 1px; + left: 100%; + top: 50%; +} + +/* Vertical Reversed Labels */ +.ui.labeled.vertical.reversed.slider > .labels .label { + -webkit-transform: translate(-100%, 50%); + transform: translate(-100%, 50%); +} + +/*-------------- + Hover +---------------*/ + +.ui.hover.slider .inner .thumb { + opacity: 0; + -webkit-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} +.ui.hover.slider:not(.disabled):hover .inner .thumb, +.ui.hover.slider:not(.disabled):focus .inner .thumb { + opacity: 1; +} + +/*-------------- + Inverted +---------------*/ + +.ui.inverted.slider .inner .track-fill { + background-color: #545454; +} +.ui.inverted.slider .inner .track { + background-color: rgba(255, 255, 255, 0.08); +} + +/*-------------- + Colors +---------------*/ + + +/* Standard */ +.ui.primary.slider .inner .track-fill { + background-color: #2185D0; +} +.ui.primary.inverted.slider .inner .track-fill { + background-color: #54C8FF; +} + +/* Basic */ +.ui.primary.slider.basic .inner .thumb { + background-color: #2185D0; +} +.ui.primary.slider.basic .inner .thumb:hover, +.ui.primary.slider.basic:focus .inner .thumb { + background-color: #1678c2; +} + +/* Basic Inverted */ +.ui.primary.inverted.slider.basic .inner .thumb { + background-color: #54C8FF; +} +.ui.primary.inverted.slider.basic .inner .thumb:hover, +.ui.primary.inverted.slider.basic:focus .inner .thumb { + background-color: #21b8ff; +} + +/* Standard */ +.ui.secondary.slider .inner .track-fill { + background-color: #1B1C1D; +} +.ui.secondary.inverted.slider .inner .track-fill { + background-color: #545454; +} + +/* Basic */ +.ui.secondary.slider.basic .inner .thumb { + background-color: #1B1C1D; +} +.ui.secondary.slider.basic .inner .thumb:hover, +.ui.secondary.slider.basic:focus .inner .thumb { + background-color: #27292a; +} + +/* Basic Inverted */ +.ui.secondary.inverted.slider.basic .inner .thumb { + background-color: #545454; +} +.ui.secondary.inverted.slider.basic .inner .thumb:hover, +.ui.secondary.inverted.slider.basic:focus .inner .thumb { + background-color: #6e6e6e; +} + +/* Standard */ +.ui.red.slider .inner .track-fill { + background-color: #DB2828; +} +.ui.red.inverted.slider .inner .track-fill { + background-color: #FF695E; +} + +/* Basic */ +.ui.red.slider.basic .inner .thumb { + background-color: #DB2828; +} +.ui.red.slider.basic .inner .thumb:hover, +.ui.red.slider.basic:focus .inner .thumb { + background-color: #d01919; +} + +/* Basic Inverted */ +.ui.red.inverted.slider.basic .inner .thumb { + background-color: #FF695E; +} +.ui.red.inverted.slider.basic .inner .thumb:hover, +.ui.red.inverted.slider.basic:focus .inner .thumb { + background-color: #ff392b; +} + +/* Standard */ +.ui.orange.slider .inner .track-fill { + background-color: #F2711C; +} +.ui.orange.inverted.slider .inner .track-fill { + background-color: #FF851B; +} + +/* Basic */ +.ui.orange.slider.basic .inner .thumb { + background-color: #F2711C; +} +.ui.orange.slider.basic .inner .thumb:hover, +.ui.orange.slider.basic:focus .inner .thumb { + background-color: #f26202; +} + +/* Basic Inverted */ +.ui.orange.inverted.slider.basic .inner .thumb { + background-color: #FF851B; +} +.ui.orange.inverted.slider.basic .inner .thumb:hover, +.ui.orange.inverted.slider.basic:focus .inner .thumb { + background-color: #e76b00; +} + +/* Standard */ +.ui.yellow.slider .inner .track-fill { + background-color: #FBBD08; +} +.ui.yellow.inverted.slider .inner .track-fill { + background-color: #FFE21F; +} + +/* Basic */ +.ui.yellow.slider.basic .inner .thumb { + background-color: #FBBD08; +} +.ui.yellow.slider.basic .inner .thumb:hover, +.ui.yellow.slider.basic:focus .inner .thumb { + background-color: #eaae00; +} + +/* Basic Inverted */ +.ui.yellow.inverted.slider.basic .inner .thumb { + background-color: #FFE21F; +} +.ui.yellow.inverted.slider.basic .inner .thumb:hover, +.ui.yellow.inverted.slider.basic:focus .inner .thumb { + background-color: #ebcd00; +} + +/* Standard */ +.ui.olive.slider .inner .track-fill { + background-color: #B5CC18; +} +.ui.olive.inverted.slider .inner .track-fill { + background-color: #D9E778; +} + +/* Basic */ +.ui.olive.slider.basic .inner .thumb { + background-color: #B5CC18; +} +.ui.olive.slider.basic .inner .thumb:hover, +.ui.olive.slider.basic:focus .inner .thumb { + background-color: #a7bd0d; +} + +/* Basic Inverted */ +.ui.olive.inverted.slider.basic .inner .thumb { + background-color: #D9E778; +} +.ui.olive.inverted.slider.basic .inner .thumb:hover, +.ui.olive.inverted.slider.basic:focus .inner .thumb { + background-color: #d2e745; +} + +/* Standard */ +.ui.green.slider .inner .track-fill { + background-color: #21BA45; +} +.ui.green.inverted.slider .inner .track-fill { + background-color: #2ECC40; +} + +/* Basic */ +.ui.green.slider.basic .inner .thumb { + background-color: #21BA45; +} +.ui.green.slider.basic .inner .thumb:hover, +.ui.green.slider.basic:focus .inner .thumb { + background-color: #16ab39; +} + +/* Basic Inverted */ +.ui.green.inverted.slider.basic .inner .thumb { + background-color: #2ECC40; +} +.ui.green.inverted.slider.basic .inner .thumb:hover, +.ui.green.inverted.slider.basic:focus .inner .thumb { + background-color: #1ea92e; +} + +/* Standard */ +.ui.teal.slider .inner .track-fill { + background-color: #00B5AD; +} +.ui.teal.inverted.slider .inner .track-fill { + background-color: #6DFFFF; +} + +/* Basic */ +.ui.teal.slider.basic .inner .thumb { + background-color: #00B5AD; +} +.ui.teal.slider.basic .inner .thumb:hover, +.ui.teal.slider.basic:focus .inner .thumb { + background-color: #009c95; +} + +/* Basic Inverted */ +.ui.teal.inverted.slider.basic .inner .thumb { + background-color: #6DFFFF; +} +.ui.teal.inverted.slider.basic .inner .thumb:hover, +.ui.teal.inverted.slider.basic:focus .inner .thumb { + background-color: #3affff; +} + +/* Standard */ +.ui.blue.slider .inner .track-fill { + background-color: #2185D0; +} +.ui.blue.inverted.slider .inner .track-fill { + background-color: #54C8FF; +} + +/* Basic */ +.ui.blue.slider.basic .inner .thumb { + background-color: #2185D0; +} +.ui.blue.slider.basic .inner .thumb:hover, +.ui.blue.slider.basic:focus .inner .thumb { + background-color: #1678c2; +} + +/* Basic Inverted */ +.ui.blue.inverted.slider.basic .inner .thumb { + background-color: #54C8FF; +} +.ui.blue.inverted.slider.basic .inner .thumb:hover, +.ui.blue.inverted.slider.basic:focus .inner .thumb { + background-color: #21b8ff; +} + +/* Standard */ +.ui.violet.slider .inner .track-fill { + background-color: #6435C9; +} +.ui.violet.inverted.slider .inner .track-fill { + background-color: #A291FB; +} + +/* Basic */ +.ui.violet.slider.basic .inner .thumb { + background-color: #6435C9; +} +.ui.violet.slider.basic .inner .thumb:hover, +.ui.violet.slider.basic:focus .inner .thumb { + background-color: #5829bb; +} + +/* Basic Inverted */ +.ui.violet.inverted.slider.basic .inner .thumb { + background-color: #A291FB; +} +.ui.violet.inverted.slider.basic .inner .thumb:hover, +.ui.violet.inverted.slider.basic:focus .inner .thumb { + background-color: #745aff; +} + +/* Standard */ +.ui.purple.slider .inner .track-fill { + background-color: #A333C8; +} +.ui.purple.inverted.slider .inner .track-fill { + background-color: #DC73FF; +} + +/* Basic */ +.ui.purple.slider.basic .inner .thumb { + background-color: #A333C8; +} +.ui.purple.slider.basic .inner .thumb:hover, +.ui.purple.slider.basic:focus .inner .thumb { + background-color: #9627ba; +} + +/* Basic Inverted */ +.ui.purple.inverted.slider.basic .inner .thumb { + background-color: #DC73FF; +} +.ui.purple.inverted.slider.basic .inner .thumb:hover, +.ui.purple.inverted.slider.basic:focus .inner .thumb { + background-color: #cf40ff; +} + +/* Standard */ +.ui.pink.slider .inner .track-fill { + background-color: #E03997; +} +.ui.pink.inverted.slider .inner .track-fill { + background-color: #FF8EDF; +} + +/* Basic */ +.ui.pink.slider.basic .inner .thumb { + background-color: #E03997; +} +.ui.pink.slider.basic .inner .thumb:hover, +.ui.pink.slider.basic:focus .inner .thumb { + background-color: #e61a8d; +} + +/* Basic Inverted */ +.ui.pink.inverted.slider.basic .inner .thumb { + background-color: #FF8EDF; +} +.ui.pink.inverted.slider.basic .inner .thumb:hover, +.ui.pink.inverted.slider.basic:focus .inner .thumb { + background-color: #ff5bd1; +} + +/* Standard */ +.ui.brown.slider .inner .track-fill { + background-color: #A5673F; +} +.ui.brown.inverted.slider .inner .track-fill { + background-color: #D67C1C; +} + +/* Basic */ +.ui.brown.slider.basic .inner .thumb { + background-color: #A5673F; +} +.ui.brown.slider.basic .inner .thumb:hover, +.ui.brown.slider.basic:focus .inner .thumb { + background-color: #975b33; +} + +/* Basic Inverted */ +.ui.brown.inverted.slider.basic .inner .thumb { + background-color: #D67C1C; +} +.ui.brown.inverted.slider.basic .inner .thumb:hover, +.ui.brown.inverted.slider.basic:focus .inner .thumb { + background-color: #b0620f; +} + +/* Standard */ +.ui.grey.slider .inner .track-fill { + background-color: #767676; +} +.ui.grey.inverted.slider .inner .track-fill { + background-color: #DCDDDE; +} + +/* Basic */ +.ui.grey.slider.basic .inner .thumb { + background-color: #767676; +} +.ui.grey.slider.basic .inner .thumb:hover, +.ui.grey.slider.basic:focus .inner .thumb { + background-color: #838383; +} + +/* Basic Inverted */ +.ui.grey.inverted.slider.basic .inner .thumb { + background-color: #DCDDDE; +} +.ui.grey.inverted.slider.basic .inner .thumb:hover, +.ui.grey.inverted.slider.basic:focus .inner .thumb { + background-color: #c2c4c5; +} + +/* Standard */ +.ui.black.slider .inner .track-fill { + background-color: #1B1C1D; +} +.ui.black.inverted.slider .inner .track-fill { + background-color: #545454; +} + +/* Basic */ +.ui.black.slider.basic .inner .thumb { + background-color: #1B1C1D; +} +.ui.black.slider.basic .inner .thumb:hover, +.ui.black.slider.basic:focus .inner .thumb { + background-color: #27292a; +} + +/* Basic Inverted */ +.ui.black.inverted.slider.basic .inner .thumb { + background-color: #545454; +} +.ui.black.inverted.slider.basic .inner .thumb:hover, +.ui.black.inverted.slider.basic:focus .inner .thumb { + background-color: #000000; +} + +/*-------------- + Basic +---------------*/ + + +/* Standard */ +.ui.slider.basic .inner .thumb { + background-color: #1B1C1D; +} +.ui.slider.basic .inner .thumb:hover, +.ui.slider.basic:focus .inner .thumb { + background-color: #27292a; +} + +/*-------------- + Basic Inverted +---------------*/ + + +/* Standard */ +.ui.inverted.slider.basic .inner .thumb { + background-color: #545454; +} +.ui.inverted.slider.basic .inner .thumb:hover, +.ui.inverted.slider.basic:focus .inner .thumb { + background-color: #000000; +} + +/*-------------- + Sizing +---------------*/ + + +/* Small */ +.ui.slider.small .inner .thumb { + height: 1em; + width: 1em; +} +.ui.slider.small:not(.vertical) .inner { + height: 1em; +} +.ui.slider.small:not(.vertical) .inner .track, +.ui.slider.small:not(.vertical) .inner .track-fill { + height: 0.3em; + top: 0.35em; +} +.ui.small.labeled.slider:not(.vertical) > .labels, +.ui.small.labeled.slider:not(.vertical) > .labels .label:after { + height: 1em; +} + +/* Small Vertical */ +.ui.slider.small.vertical .inner { + width: 1em; +} +.ui.slider.small.vertical .inner .track, +.ui.slider.small.vertical .inner .track-fill { + width: 0.3em; + left: 0.35em; +} +.ui.small.labeled.vertical.slider > .labels, +.ui.small.labeled.vertical.slider > .labels .label:after { + width: 1em; +} + +/* Large */ +.ui.slider.large .inner .thumb { + height: 2em; + width: 2em; +} +.ui.slider.large:not(.vertical) .inner { + height: 2em; +} +.ui.slider.large:not(.vertical) .inner .track, +.ui.slider.large:not(.vertical) .inner .track-fill { + height: 0.5em; + top: 0.75em; +} +.ui.large.labeled.slider:not(.vertical) > .labels, +.ui.large.labeled.slider:not(.vertical) > .labels .label:after { + height: 2em; +} + +/* Large Vertical */ +.ui.slider.large.vertical .inner { + width: 2em; +} +.ui.slider.large.vertical .inner .track, +.ui.slider.large.vertical .inner .track-fill { + width: 0.5em; + left: 0.75em; +} +.ui.large.labeled.vertical.slider > .labels, +.ui.large.labeled.vertical.slider > .labels .label:after { + width: 2em; +} + +/* Big */ +.ui.slider.big .inner .thumb { + height: 2.5em; + width: 2.5em; +} +.ui.slider.big:not(.vertical) .inner { + height: 2.5em; +} +.ui.slider.big:not(.vertical) .inner .track, +.ui.slider.big:not(.vertical) .inner .track-fill { + height: 0.6em; + top: 0.95em; +} +.ui.big.labeled.slider:not(.vertical) > .labels, +.ui.big.labeled.slider:not(.vertical) > .labels .label:after { + height: 2.5em; +} + +/* Big Vertical */ +.ui.slider.big.vertical .inner { + width: 2.5em; +} +.ui.slider.big.vertical .inner .track, +.ui.slider.big.vertical .inner .track-fill { + width: 0.6em; + left: 0.95em; +} +.ui.big.labeled.vertical.slider > .labels, +.ui.big.labeled.vertical.slider > .labels .label:after { + width: 2.5em; +} + + +/******************************* + Slider Overrides +*******************************/ + diff --git a/dist/components/slider.js b/dist/components/slider.js new file mode 100644 index 0000000000..49dd3f26c5 --- /dev/null +++ b/dist/components/slider.js @@ -0,0 +1,1216 @@ +/*! + * # Semantic UI 2.7.0 - Slider + * http://github.com/semantic-org/semantic-ui/ + * + * + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ + +;(function ( $, window, document, undefined ) { + +"use strict"; + +window = (typeof window != 'undefined' && window.Math == Math) + ? window + : (typeof self != 'undefined' && self.Math == Math) + ? self + : Function('return this')() +; + +$.fn.slider = function(parameters) { + + var + $allModules = $(this), + + moduleSelector = $allModules.selector || '', + + time = new Date().getTime(), + performance = [], + + query = arguments[0], + methodInvoked = (typeof query == 'string'), + queryArguments = [].slice.call(arguments, 1), + + alphabet = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'], + + SINGLE_STEP = 1, + BIG_STEP = 2, + NO_STEP = 0, + SINGLE_BACKSTEP = -1, + BIG_BACKSTEP = -2, + + // Used to manage document bound events. + // Use this so that we can distinguish between which document events are bound to which range. + currentRange = 0, + + returnedValue + ; + + $allModules + .each(function() { + + var + settings = ( $.isPlainObject(parameters) ) + ? $.extend(true, {}, $.fn.slider.settings, parameters) + : $.extend({}, $.fn.slider.settings), + + className = settings.className, + metadata = settings.metadata, + namespace = settings.namespace, + error = settings.error, + keys = settings.keys, + interpretLabel = settings.interpretLabel, + + isHover = false, + eventNamespace = '.' + namespace, + moduleNamespace = 'module-' + namespace, + + $module = $(this), + $currThumb, + $thumb, + $secondThumb, + $track, + $trackFill, + $labels, + + element = this, + instance = $module.data(moduleNamespace), + + documentEventID, + + value, + position, + secondPos, + offset, + precision, + isTouch, + + module + ; + + module = { + + initialize: function() { + module.debug('Initializing slider', settings); + + currentRange += 1; + documentEventID = currentRange; + + isTouch = module.setup.testOutTouch(); + module.setup.layout(); + module.setup.labels(); + + if(!module.is.disabled()) { + module.bind.events(); + } + + module.read.metadata(); + module.read.settings(); + + module.instantiate(); + }, + + instantiate: function() { + module.verbose('Storing instance of slider', module); + instance = module; + $module + .data(moduleNamespace, module) + ; + }, + + destroy: function() { + module.verbose('Destroying previous slider for', $module); + clearInterval(instance.interval); + module.unbind.events(); + module.unbind.slidingEvents(); + $module.removeData(moduleNamespace); + instance = undefined; + }, + + setup: { + layout: function() { + if( $module.attr('tabindex') === undefined) { + $module.attr('tabindex', 0); + } + if($module.find('.inner').length == 0) { + $module.append("
    " + + "
    " + + "
    " + + "
    " + + "
    "); + } + precision = module.get.precision(); + $thumb = $module.find('.thumb:not(.second)'); + $currThumb = $thumb; + if(module.is.range()) { + if($module.find('.thumb.second').length == 0) { + $module.find('.inner').append("
    "); + } + $secondThumb = $module.find('.thumb.second'); + } + $track = $module.find('.track'); + $trackFill = $module.find('.track-fill'); + offset = $thumb.width() / 2; + }, + labels: function() { + if(module.is.labeled()) { + $labels = $module.find('.labels:not(.auto)'); + if($labels.length != 0) { + module.setup.customLabel(); + } else { + module.setup.autoLabel(); + } + + if (settings.showLabelTicks) { + $module.addClass(className.ticked) + } + } + }, + testOutTouch: function() { + try { + document.createEvent('TouchEvent'); + return true; + } catch (e) { + return false; + } + }, + customLabel: function() { + var + $children = $labels.find('.label'), + numChildren = $children.length, + min = module.get.min(), + max = module.get.max(), + ratio + ; + $children.each(function(index) { + var + $child = $(this), + attrValue = $child.attr('data-value') + ; + if(attrValue) { + attrValue = attrValue > max ? max : attrValue < min ? min : attrValue; + ratio = (attrValue - min) / (max - min); + } else { + ratio = (index + 1) / (numChildren + 1); + } + module.update.labelPosition(ratio, $(this)); + }); + }, + autoLabel: function() { + if(module.get.step() != 0) { + $labels = $module.find('.labels'); + if($labels.length != 0) { + $labels.empty(); + } + else { + $labels = $module.append('
      ').find('.labels'); + } + for(var i = 0, len = module.get.numLabels(); i <= len; i++) { + var + labelText = module.get.label(i), + $label = (labelText !== "") ? $('
    • ' + labelText + '
      • ') : null, + ratio = i / len + ; + if($label) { + module.update.labelPosition(ratio, $label); + $labels.append($label); + } + } + } + } + }, + + bind: { + events: function() { + module.bind.globalKeyboardEvents(); + module.bind.keyboardEvents(); + module.bind.mouseEvents(); + if(module.is.touch()) { + module.bind.touchEvents(); + } + }, + keyboardEvents: function() { + module.verbose('Binding keyboard events'); + $module.on('keydown' + eventNamespace, module.event.keydown); + }, + globalKeyboardEvents: function() { + $(document).on('keydown' + eventNamespace + documentEventID, module.event.activateFocus); + }, + mouseEvents: function() { + module.verbose('Binding mouse events'); + $module.find('.track, .thumb, .inner').on('mousedown' + eventNamespace, function(event) { + event.stopImmediatePropagation(); + event.preventDefault(); + module.event.down(event); + }); + $module.on('mousedown' + eventNamespace, module.event.down); + $module.on('mouseenter' + eventNamespace, function(event) { + isHover = true; + }); + $module.on('mouseleave' + eventNamespace, function(event) { + isHover = false; + }); + }, + touchEvents: function() { + module.verbose('Binding touch events'); + $module.find('.track, .thumb, .inner').on('touchstart' + eventNamespace, function(event) { + event.stopImmediatePropagation(); + event.preventDefault(); + module.event.down(event); + }); + $module.on('touchstart' + eventNamespace, module.event.down); + }, + slidingEvents: function() { + // these don't need the identifier because we only ever want one of them to be registered with document + module.verbose('Binding page wide events while handle is being draged'); + if(module.is.touch()) { + $(document).on('touchmove' + eventNamespace, module.event.move); + $(document).on('touchend' + eventNamespace, module.event.up); + } + else { + $(document).on('mousemove' + eventNamespace, module.event.move); + $(document).on('mouseup' + eventNamespace, module.event.up); + } + } + }, + + unbind: { + events: function() { + $module.find('.track, .thumb, .inner').off('mousedown' + eventNamespace); + $module.find('.track, .thumb, .inner').off('touchstart' + eventNamespace); + $module.off('mousedown' + eventNamespace); + $module.off('mouseenter' + eventNamespace); + $module.off('mouseleave' + eventNamespace); + $module.off('touchstart' + eventNamespace); + $module.off('keydown' + eventNamespace); + $module.off('focusout' + eventNamespace); + $(document).off('keydown' + eventNamespace + documentEventID, module.event.activateFocus); + }, + slidingEvents: function() { + if(module.is.touch()) { + $(document).off('touchmove' + eventNamespace); + $(document).off('touchend' + eventNamespace); + } else { + $(document).off('mousemove' + eventNamespace); + $(document).off('mouseup' + eventNamespace); + } + }, + }, + + event: { + down: function(event, originalEvent) { + event.preventDefault(); + if(module.is.range()) { + var + eventPos = module.determine.eventPos(event, originalEvent), + newPos = module.determine.pos(eventPos) + ; + $currThumb = module.determine.closestThumb(newPos); + } + if(!module.is.disabled()) { + module.bind.slidingEvents(); + } + }, + move: function(event, originalEvent) { + event.preventDefault(); + var value = module.determine.valueFromEvent(event, originalEvent); + if(module.get.step() == 0 || module.is.smooth()) { + var + thumbVal = module.thumbVal, + secondThumbVal = module.secondThumbVal, + thumbSmoothVal = module.determine.smoothValueFromEvent(event, originalEvent) + ; + if(!$currThumb.hasClass('second')) { + thumbVal = value; + } else { + secondThumbVal = value; + } + value = Math.abs(thumbVal - (secondThumbVal || 0)); + module.update.position(thumbSmoothVal); + settings.onMove.call(element, value, thumbVal, secondThumbVal); + } else { + module.update.value(value, function(value, thumbVal, secondThumbVal) { + settings.onMove.call(element, value, thumbVal, secondThumbVal); + }); + } + }, + up: function(event, originalEvent) { + event.preventDefault(); + var value = module.determine.valueFromEvent(event, originalEvent); + module.set.value(value); + module.unbind.slidingEvents(); + }, + keydown: function(event, first) { + if(module.is.focused()) { + $(document).trigger(event); + } + if(first || module.is.focused()) { + var step = module.determine.keyMovement(event); + if(step != NO_STEP) { + event.preventDefault(); + switch(step) { + case SINGLE_STEP: + module.takeStep(); + break; + case BIG_STEP: + module.takeStep(module.get.multiplier()); + break; + case SINGLE_BACKSTEP: + module.backStep(); + break; + case BIG_BACKSTEP: + module.backStep(module.get.multiplier()); + break; + } + } + } + }, + activateFocus: function(event) { + if(!module.is.focused() && module.is.hover() && module.determine.keyMovement(event) != NO_STEP) { + event.preventDefault(); + module.event.keydown(event, true); + $module.focus(); + } + }, + }, + + resync: function() { + module.verbose('Resyncing thumb position based on value'); + if(module.is.range()) { + module.update.position(module.secondThumbVal, $secondThumb); + } + module.update.position(module.thumbVal, $thumb); + module.setup.labels(); + }, + takeStep: function(multiplier) { + var + multiplier = multiplier != undefined ? multiplier : 1, + step = module.get.step(), + currValue = module.get.currentThumbValue() + ; + module.verbose('Taking a step'); + if(step > 0) { + module.set.value(currValue + step * multiplier); + } else if (step == 0){ + var + precision = module.get.precision(), + newValue = currValue + (multiplier/precision) + ; + module.set.value(Math.round(newValue * precision) / precision); + } + }, + + backStep: function(multiplier) { + var + multiplier = multiplier != undefined ? multiplier : 1, + step = module.get.step(), + currValue = module.get.currentThumbValue() + ; + module.verbose('Going back a step'); + if(step > 0) { + module.set.value(currValue - step * multiplier); + } else if (step == 0) { + var + precision = module.get.precision(), + newValue = currValue - (multiplier/precision) + ; + module.set.value(Math.round(newValue * precision) / precision); + } + }, + + is: { + range: function() { + return $module.hasClass(settings.className.range); + }, + hover: function() { + return isHover; + }, + focused: function() { + return $module.is(':focus'); + }, + disabled: function() { + return $module.hasClass(settings.className.disabled); + }, + labeled: function() { + return $module.hasClass(settings.className.labeled); + }, + reversed: function() { + return $module.hasClass(settings.className.reversed); + }, + vertical: function() { + return $module.hasClass(settings.className.vertical); + }, + smooth: function() { + return settings.smooth || $module.hasClass(settings.className.smooth); + }, + touch: function() { + return isTouch; + } + }, + + get: { + trackOffset: function() { + if (module.is.vertical()) { + return $track.offset().top; + } else { + return $track.offset().left; + } + }, + trackLength: function() { + if (module.is.vertical()) { + return $track.height(); + } else { + return $track.width(); + } + }, + trackLeft: function() { + if (module.is.vertical()) { + return $track.position().top; + } else { + return $track.position().left; + } + }, + trackStartPos: function() { + return module.is.reversed() ? module.get.trackLeft() + module.get.trackLength() : module.get.trackLeft(); + }, + trackEndPos: function() { + return module.is.reversed() ? module.get.trackLeft() : module.get.trackLeft() + module.get.trackLength(); + }, + trackStartMargin: function () { + var margin; + if (module.is.vertical()) { + margin = module.is.reversed() ? $module.css('padding-bottom') : $module.css('padding-top'); + } else { + margin = module.is.reversed() ? $module.css('padding-right') : $module.css('padding-left'); + } + return margin || '0px'; + }, + trackEndMargin: function () { + var margin; + if (module.is.vertical()) { + margin = module.is.reversed() ? $module.css('padding-top') : $module.css('padding-bottom'); + } else { + margin = module.is.reversed() ? $module.css('padding-left') : $module.css('padding-right'); + } + return margin || '0px'; + }, + precision: function() { + var + decimalPlaces, + step = module.get.step() + ; + if(step != 0) { + var split = String(step).split('.'); + if(split.length == 2) { + decimalPlaces = split[1].length; + } else { + decimalPlaces = 0; + } + } else { + decimalPlaces = settings.decimalPlaces; + } + var precision = Math.pow(10, decimalPlaces); + module.debug('Precision determined', precision); + return precision; + }, + min: function() { + return settings.min; + }, + max: function() { + return settings.max; + }, + step: function() { + return settings.step; + }, + numLabels: function() { + var value = Math.round((module.get.max() - module.get.min()) / module.get.step()); + module.debug('Determined that their should be ' + value + ' labels'); + return value; + }, + labelType: function() { + return settings.labelType; + }, + label: function(value) { + if(interpretLabel) { + return interpretLabel(value); + } + + switch (settings.labelType) { + case settings.labelTypes.number: + return (value * module.get.step()) + module.get.min(); + case settings.labelTypes.letter: + return alphabet[(value) % 26]; + default: + return value; + } + }, + value: function() { + return value; + }, + currentThumbValue: function() { + return $currThumb.hasClass('second') ? module.secondThumbVal : module.thumbVal; + }, + thumbValue: function(which) { + switch(which) { + case 'second': + if(module.is.range()) { + return module.secondThumbVal; + } + else { + module.error(error.notrange); + break; + } + case 'first': + default: + return module.thumbVal; + } + }, + multiplier: function() { + return settings.pageMultiplier; + }, + thumbPosition: function(which) { + switch(which) { + case 'second': + if(module.is.range()) { + return secondPos; + } + else { + module.error(error.notrange); + break; + } + case 'first': + default: + return position; + } + } + }, + + determine: { + pos: function(pagePos) { + return module.is.reversed() + ? + module.get.trackStartPos() - pagePos + module.get.trackOffset() + : + pagePos - module.get.trackOffset() - module.get.trackStartPos() + ; + }, + closestThumb: function(eventPos) { + var + thumbPos = parseFloat(module.determine.thumbPos($thumb)), + thumbDelta = Math.abs(eventPos - thumbPos), + secondThumbPos = parseFloat(module.determine.thumbPos($secondThumb)), + secondThumbDelta = Math.abs(eventPos - secondThumbPos) + ; + return thumbDelta <= secondThumbDelta ? $thumb : $secondThumb; + }, + closestThumbPos: function(eventPos) { + var + thumbPos = parseFloat(module.determine.thumbPos($thumb)), + thumbDelta = Math.abs(eventPos - thumbPos), + secondThumbPos = parseFloat(module.determine.thumbPos($secondThumb)), + secondThumbDelta = Math.abs(eventPos - secondThumbPos) + ; + return thumbDelta <= secondThumbDelta ? thumbPos : secondThumbPos; + }, + thumbPos: function($element) { + var pos = + module.is.vertical() + ? + module.is.reversed() ? $element.css('bottom') : $element.css('top') + : + module.is.reversed() ? $element.css('right') : $element.css('left') + ; + return pos; + }, + positionFromValue: function(value) { + var + min = module.get.min(), + max = module.get.max(), + value = value > max ? max : value < min ? min : value, + trackLength = module.get.trackLength(), + ratio = (value - min) / (max - min), + position = Math.round(ratio * trackLength) + ; + module.verbose('Determined position: ' + position + ' from value: ' + value); + return position; + }, + positionFromRatio: function(ratio) { + var + trackLength = module.get.trackLength(), + step = module.get.step(), + position = Math.round(ratio * trackLength), + adjustedPos = (step == 0) ? position : Math.round(position / step) * step + ; + return adjustedPos; + }, + valueFromEvent: function(event, originalEvent) { + var + eventPos = module.determine.eventPos(event, originalEvent), + newPos = module.determine.pos(eventPos), + value + ; + if(eventPos < module.get.trackOffset()) { + value = module.is.reversed() ? module.get.max() : module.get.min(); + } else if(eventPos > module.get.trackOffset() + module.get.trackLength()) { + value = module.is.reversed() ? module.get.min() : module.get.max(); + } else { + value = module.determine.value(newPos); + } + return value; + }, + smoothValueFromEvent: function(event, originalEvent) { + var + min = module.get.min(), + max = module.get.max(), + trackLength = module.get.trackLength(), + eventPos = module.determine.eventPos(event, originalEvent), + newPos = eventPos - module.get.trackOffset(), + ratio, + value + ; + newPos = newPos < 0 ? 0 : newPos > trackLength ? trackLength : newPos; + ratio = newPos / trackLength; + if (module.is.reversed()) { + ratio = 1 - ratio; + } + value = ratio * (max - min) + min; + return value; + }, + eventPos: function(event, originalEvent) { + if(module.is.touch()) { + var + touchY = event.changedTouches[0].pageY || event.touches[0].pageY, + touchX = event.changedTouches[0].pageX || event.touches[0].pageX + ; + return module.is.vertical() ? touchY : touchX; + } + var + clickY = event.pageY || originalEvent.pageY, + clickX = event.pageX || originalEvent.pageX + ; + return module.is.vertical() ? clickY : clickX; + }, + value: function(position) { + var + startPos = module.is.reversed() ? module.get.trackEndPos() : module.get.trackStartPos(), + endPos = module.is.reversed() ? module.get.trackStartPos() : module.get.trackEndPos(), + ratio = (position - startPos) / (endPos - startPos), + range = module.get.max() - module.get.min(), + step = module.get.step(), + value = (ratio * range), + difference = (step == 0) ? value : Math.round(value / step) * step + ; + module.verbose('Determined value based upon position: ' + position + ' as: ' + value); + if(value != difference) { + module.verbose('Rounding value to closest step: ' + difference); + } + // Use precision to avoid ugly Javascript floating point rounding issues + // (like 35 * .01 = 0.35000000000000003) + difference = Math.round(difference * precision) / precision; + module.verbose('Cutting off additional decimal places'); + return difference + module.get.min(); + }, + keyMovement: function(event) { + var + key = event.which, + downArrow = + module.is.vertical() + ? + module.is.reversed() ? keys.downArrow : keys.upArrow + : + keys.downArrow + , + upArrow = + module.is.vertical() + ? + module.is.reversed() ? keys.upArrow : keys.downArrow + : + keys.upArrow + , + leftArrow = + !module.is.vertical() + ? + module.is.reversed() ? keys.rightArrow : keys.leftArrow + : + keys.leftArrow + , + rightArrow = + !module.is.vertical() + ? + module.is.reversed() ? keys.leftArrow : keys.rightArrow + : + keys.rightArrow + ; + if(key == downArrow || key == leftArrow) { + return SINGLE_BACKSTEP; + } else if(key == upArrow || key == rightArrow) { + return SINGLE_STEP; + } else if (key == keys.pageDown) { + return BIG_BACKSTEP; + } else if (key == keys.pageUp) { + return BIG_STEP; + } else { + return NO_STEP; + } + } + }, + + handleNewValuePosition: function(val) { + var + min = module.get.min(), + max = module.get.max(), + newPos + ; + if (val <= min) { + val = min; + } else if (val >= max) { + val = max; + } + newPos = module.determine.positionFromValue(val); + return newPos; + }, + + set: { + value: function(newValue) { + module.update.value(newValue, function(value, thumbVal, secondThumbVal) { + settings.onChange.call(element, value, thumbVal, secondThumbVal); + settings.onMove.call(element, value, thumbVal, secondThumbVal); + }); + }, + rangeValue: function(first, second) { + if(module.is.range()) { + var + min = module.get.min(), + max = module.get.max() + ; + if (first <= min) { + first = min; + } else if(first >= max){ + first = max; + } + if (second <= min) { + second = min; + } else if(second >= max){ + second = max; + } + module.thumbVal = first; + module.secondThumbVal = second; + value = Math.abs(module.thumbVal - module.secondThumbVal); + module.update.position(module.thumbVal, $thumb); + module.update.position(module.secondThumbVal, $secondThumb); + settings.onChange.call(element, value, module.thumbVal, module.secondThumbVal); + settings.onMove.call(element, value, module.thumbVal, module.secondThumbVal); + } else { + module.error(error.notrange); + } + }, + position: function(position, which) { + var thumbVal = module.determine.value(position); + switch (which) { + case 'second': + module.secondThumbVal = thumbVal; + module.update.position(thumbVal, $secondThumb); + break; + default: + module.thumbVal = thumbVal; + module.update.position(thumbVal, $thumb); + } + value = Math.abs(module.thumbVal - (module.secondThumbVal || 0)); + module.set.value(value); + } + }, + + update: { + value: function(newValue, callback) { + var + min = module.get.min(), + max = module.get.max() + ; + if (newValue <= min) { + newValue = min; + } else if(newValue >= max){ + newValue = max; + } + if(!module.is.range()) { + value = newValue; + module.thumbVal = value; + } else { + if(!$currThumb.hasClass('second')) { + module.thumbVal = newValue; + } else { + module.secondThumbVal = newValue; + } + value = Math.abs(module.thumbVal - module.secondThumbVal); + } + module.update.position(newValue); + module.debug('Setting slider value to ' + value); + if(typeof callback === 'function') { + callback(value, module.thumbVal, module.secondThumbVal); + } + }, + position: function(newValue, $element) { + var + newPos = module.handleNewValuePosition(newValue), + $targetThumb = $element != undefined ? $element : $currThumb, + thumbVal = module.thumbVal || module.get.min(), + secondThumbVal = module.secondThumbVal || module.get.min() + ; + if(module.is.range()) { + if(!$targetThumb.hasClass('second')) { + position = newPos; + thumbVal = newValue; + } else { + secondPos = newPos; + secondThumbVal = newValue; + } + } else { + position = newPos; + thumbVal = newValue; + } + var + trackPosValue, + thumbPosValue, + min = module.get.min(), + max = module.get.max(), + thumbPosPercent = 100 * (newValue - min) / (max - min), + trackStartPosPercent = 100 * (Math.min(thumbVal, secondThumbVal) - min) / (max - min), + trackEndPosPercent = 100 * (1 - (Math.max(thumbVal, secondThumbVal) - min) / (max - min)) + ; + if (module.is.vertical()) { + if (module.is.reversed()) { + thumbPosValue = {bottom: 'calc(' + thumbPosPercent + '% - ' + offset + 'px)', top: 'auto'}; + trackPosValue = {bottom: trackStartPosPercent + '%', top: trackEndPosPercent + '%'}; + } + else { + thumbPosValue = {top: 'calc(' + thumbPosPercent + '% - ' + offset + 'px)', bottom: 'auto'}; + trackPosValue = {top: trackStartPosPercent + '%', bottom: trackEndPosPercent + '%'}; + } + } else { + if (module.is.reversed()) { + thumbPosValue = {right: 'calc(' + thumbPosPercent + '% - ' + offset + 'px)', left: 'auto'}; + trackPosValue = {right: trackStartPosPercent + '%', left: trackEndPosPercent + '%'}; + } + else { + thumbPosValue = {left: 'calc(' + thumbPosPercent + '% - ' + offset + 'px)', right: 'auto'}; + trackPosValue = {left: trackStartPosPercent + '%', right: trackEndPosPercent + '%'}; + } + } + $targetThumb.css(thumbPosValue); + $trackFill.css(trackPosValue); + module.debug('Setting slider position to ' + newPos); + }, + labelPosition: function (ratio, $label) { + var + startMargin = module.get.trackStartMargin(), + endMargin = module.get.trackEndMargin(), + posDir = + module.is.vertical() + ? + module.is.reversed() ? 'bottom' : 'top' + : + module.is.reversed() ? 'right' : 'left', + startMarginMod = module.is.reversed() && !module.is.vertical() ? ' - ' : ' + ' + ; + var position = '(100% - ' + startMargin + ' - ' + endMargin + ') * ' + ratio; + $label.css(posDir, 'calc(' + position + startMarginMod + startMargin + ')'); + } + }, + + goto: { + max: function() { + module.set.value(module.get.max()); + }, + min: function() { + module.set.value(module.get.min()); + }, + }, + + read: { + metadata: function() { + var + data = { + thumbVal : $module.data(metadata.thumbVal), + secondThumbVal : $module.data(metadata.secondThumbVal) + } + ; + if(data.thumbVal) { + if(module.is.range() && data.secondThumbVal) { + module.debug('Current value set from metadata', data.thumbVal, data.secondThumbVal); + module.set.rangeValue(data.thumbVal, data.secondThumbVal); + } else { + module.debug('Current value set from metadata', data.thumbVal); + module.set.value(data.thumbVal); + } + } + }, + settings: function() { + if(settings.start !== false) { + if(module.is.range()) { + module.debug('Start position set from settings', settings.start, settings.end); + module.set.rangeValue(settings.start, settings.end); + } else { + module.debug('Start position set from settings', settings.start); + module.set.value(settings.start); + } + } + } + }, + + setting: function(name, value) { + module.debug('Changing setting', name, value); + if( $.isPlainObject(name) ) { + $.extend(true, settings, name); + } + else if(value !== undefined) { + if($.isPlainObject(settings[name])) { + $.extend(true, settings[name], value); + } + else { + settings[name] = value; + } + } + else { + return settings[name]; + } + }, + internal: function(name, value) { + if( $.isPlainObject(name) ) { + $.extend(true, module, name); + } + else if(value !== undefined) { + module[name] = value; + } + else { + return module[name]; + } + }, + debug: function() { + if(!settings.silent && settings.debug) { + if(settings.performance) { + module.performance.log(arguments); + } + else { + module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.debug.apply(console, arguments); + } + } + }, + verbose: function() { + if(!settings.silent && settings.verbose && settings.debug) { + if(settings.performance) { + module.performance.log(arguments); + } + else { + module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); + module.verbose.apply(console, arguments); + } + } + }, + error: function() { + if(!settings.silent) { + module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); + module.error.apply(console, arguments); + } + }, + + performance: { + log: function(message) { + var + currentTime, + executionTime, + previousTime + ; + if(settings.performance) { + currentTime = new Date().getTime(); + previousTime = time || currentTime; + executionTime = currentTime - previousTime; + time = currentTime; + performance.push({ + 'Name' : message[0], + 'Arguments' : [].slice.call(message, 1) || '', + 'Element' : element, + 'Execution Time' : executionTime + }); + } + clearTimeout(module.performance.timer); + module.performance.timer = setTimeout(module.performance.display, 500); + }, + display: function() { + var + title = settings.name + ':', + totalTime = 0 + ; + time = false; + clearTimeout(module.performance.timer); + $.each(performance, function(index, data) { + totalTime += data['Execution Time']; + }); + title += ' ' + totalTime + 'ms'; + if(moduleSelector) { + title += ' \'' + moduleSelector + '\''; + } + if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { + console.groupCollapsed(title); + if(console.table) { + console.table(performance); + } + else { + $.each(performance, function(index, data) { + console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); + }); + } + console.groupEnd(); + } + performance = []; + } + }, + + invoke: function(query, passedArguments, context) { + var + object = instance, + maxDepth, + found, + response + ; + passedArguments = passedArguments || queryArguments; + context = element || context; + if(typeof query == 'string' && object !== undefined) { + query = query.split(/[\. ]/); + maxDepth = query.length - 1; + $.each(query, function(depth, value) { + var camelCaseValue = (depth != maxDepth) + ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) + : query + ; + if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { + object = object[camelCaseValue]; + } + else if( object[camelCaseValue] !== undefined ) { + found = object[camelCaseValue]; + return false; + } + else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { + object = object[value]; + } + else if( object[value] !== undefined ) { + found = object[value]; + return false; + } + else { + module.error(error.method, query); + return false; + } + }); + } + if ( $.isFunction( found ) ) { + response = found.apply(context, passedArguments); + } + else if(found !== undefined) { + response = found; + } + if($.isArray(returnedValue)) { + returnedValue.push(response); + } + else if(returnedValue !== undefined) { + returnedValue = [returnedValue, response]; + } + else if(response !== undefined) { + returnedValue = response; + } + return found; + } + }; + + if(methodInvoked) { + if(instance === undefined) { + module.initialize(); + } + module.invoke(query); + } + else { + if(instance !== undefined) { + instance.invoke('destroy'); + } + module.initialize(); + } + }) + ; + + return (returnedValue !== undefined) + ? returnedValue + : this + ; + +}; + +$.fn.slider.settings = { + + silent : false, + debug : false, + verbose : false, + performance : true, + + name : 'Slider', + namespace : 'slider', + + error : { + method : 'The method you called is not defined.', + notrange : 'This slider is not a range slider' + }, + + metadata: { + thumbVal : 'thumbVal', + secondThumbVal : 'secondThumbVal' + }, + + min : 0, + max : 20, + step : 1, + start : 0, + end : 20, + labelType : 'number', + showLabelTicks : false, + smooth : false, + + //the decimal place to round to if step is undefined + decimalPlaces : 2, + + // page up/down multiplier. How many more times the steps to take on page up/down press + pageMultiplier : 2, + + selector: { + + }, + + className : { + reversed : 'reversed', + disabled : 'disabled', + labeled : 'labeled', + ticked : 'ticked', + vertical : 'vertical', + range : 'range', + smooth : 'smooth' + }, + + keys : { + pageUp : 33, + pageDown : 34, + leftArrow : 37, + upArrow : 38, + rightArrow : 39, + downArrow : 40 + }, + + labelTypes : { + number : 'number', + letter : 'letter' + }, + + onChange : function(value, thumbVal, secondThumbVal){}, + onMove : function(value, thumbVal, secondThumbVal){}, +}; + + +})( jQuery, window, document ); diff --git a/dist/components/slider.min.css b/dist/components/slider.min.css new file mode 100644 index 0000000000..b7c4df1f59 --- /dev/null +++ b/dist/components/slider.min.css @@ -0,0 +1 @@ +.ui.slider:not(.vertical){width:100%;padding:1em .5em}.ui.slider{position:relative}.ui.slider:focus{outline:0}.ui.slider .inner{position:relative;z-index:2}.ui.slider:not(.vertical) .inner{height:1.5em}.ui.slider .inner:hover{cursor:auto}.ui.slider .inner .track{position:absolute;border-radius:4px;background-color:rgba(0,0,0,.05)}.ui.slider:not(.vertical) .inner .track{width:100%;height:.4em;top:.55em;left:0}.ui.slider .inner .track-fill{position:absolute;border-radius:4px;background-color:#1b1c1d}.ui.slider:not(.vertical) .inner .track-fill{height:.4em;top:.55em;left:0}.ui.slider .inner .thumb{position:absolute;left:0;top:0;height:1.5em;width:1.5em;background:#fff -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#fff -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#fff linear-gradient(transparent,rgba(0,0,0,.05));border-radius:100%;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;-webkit-transition:background .3s ease;transition:background .3s ease}.ui.slider:not(.disabled) .inner .thumb:hover{cursor:pointer;background:#f2f2f2 -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#f2f2f2 -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#f2f2f2 linear-gradient(transparent,rgba(0,0,0,.05))}.ui.slider:not(.disabled):focus .inner .thumb{background:#f2f2f2 -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#f2f2f2 -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#f2f2f2 linear-gradient(transparent,rgba(0,0,0,.05))}.ui.disabled.slider{opacity:.5}.ui.disabled.slider .inner:hover{cursor:auto}.ui.disabled.slider .inner .track-fill{background:#ccc}.ui.reversed.slider .inner .track-fill{left:auto;right:0}.ui.reversed.slider .inner .thumb{left:auto;right:0}.ui.labeled.reversed.slider>.labels .label{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.ui.vertical.slider{height:100%;width:1.5em;padding:.5em 1em}.ui.vertical.slider .inner{height:100%}.ui.vertical.slider .inner .track{height:100%;width:.4em;left:.55em;top:0}.ui.vertical.slider .inner .track-fill{width:.4em;left:.55em;top:0}.ui.vertical.reversed.slider .inner .thumb{top:auto;bottom:0}.ui.vertical.reversed.slider .inner .track-fill{top:auto;bottom:0}.ui.labeled.slider>.labels{height:1.5em;width:auto;margin:0;padding:0;position:absolute;top:50%;left:0;right:0}.ui.labeled.slider:not(.vertical)>.labels{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ui.labeled.slider>.labels .label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:absolute;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.ui.labeled.ticked.slider>.labels .label:after{content:' ';height:1.5em;width:1px;background:#ccc;position:absolute;top:100%;left:50%}.ui.labeled.vertical.slider>.labels{width:1.5em;height:auto;left:50%;top:0;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.ui.labeled.vertical.slider>.labels .label{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.ui.labeled.vertical.slider>.labels .label:after{width:1.5em;height:1px;left:100%;top:50%}.ui.labeled.vertical.reversed.slider>.labels .label{-webkit-transform:translate(-100%,50%);transform:translate(-100%,50%)}.ui.hover.slider .inner .thumb{opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.ui.hover.slider:not(.disabled):focus .inner .thumb,.ui.hover.slider:not(.disabled):hover .inner .thumb{opacity:1}.ui.inverted.slider .inner .track-fill{background-color:#545454}.ui.inverted.slider .inner .track{background-color:rgba(255,255,255,.08)}.ui.primary.slider .inner .track-fill{background-color:#2185d0}.ui.primary.inverted.slider .inner .track-fill{background-color:#54c8ff}.ui.primary.slider.basic .inner .thumb{background-color:#2185d0}.ui.primary.slider.basic .inner .thumb:hover,.ui.primary.slider.basic:focus .inner .thumb{background-color:#1678c2}.ui.primary.inverted.slider.basic .inner .thumb{background-color:#54c8ff}.ui.primary.inverted.slider.basic .inner .thumb:hover,.ui.primary.inverted.slider.basic:focus .inner .thumb{background-color:#21b8ff}.ui.secondary.slider .inner .track-fill{background-color:#1b1c1d}.ui.secondary.inverted.slider .inner .track-fill{background-color:#545454}.ui.secondary.slider.basic .inner .thumb{background-color:#1b1c1d}.ui.secondary.slider.basic .inner .thumb:hover,.ui.secondary.slider.basic:focus .inner .thumb{background-color:#27292a}.ui.secondary.inverted.slider.basic .inner .thumb{background-color:#545454}.ui.secondary.inverted.slider.basic .inner .thumb:hover,.ui.secondary.inverted.slider.basic:focus .inner .thumb{background-color:#6e6e6e}.ui.red.slider .inner .track-fill{background-color:#db2828}.ui.red.inverted.slider .inner .track-fill{background-color:#ff695e}.ui.red.slider.basic .inner .thumb{background-color:#db2828}.ui.red.slider.basic .inner .thumb:hover,.ui.red.slider.basic:focus .inner .thumb{background-color:#d01919}.ui.red.inverted.slider.basic .inner .thumb{background-color:#ff695e}.ui.red.inverted.slider.basic .inner .thumb:hover,.ui.red.inverted.slider.basic:focus .inner .thumb{background-color:#ff392b}.ui.orange.slider .inner .track-fill{background-color:#f2711c}.ui.orange.inverted.slider .inner .track-fill{background-color:#ff851b}.ui.orange.slider.basic .inner .thumb{background-color:#f2711c}.ui.orange.slider.basic .inner .thumb:hover,.ui.orange.slider.basic:focus .inner .thumb{background-color:#f26202}.ui.orange.inverted.slider.basic .inner .thumb{background-color:#ff851b}.ui.orange.inverted.slider.basic .inner .thumb:hover,.ui.orange.inverted.slider.basic:focus .inner .thumb{background-color:#e76b00}.ui.yellow.slider .inner .track-fill{background-color:#fbbd08}.ui.yellow.inverted.slider .inner .track-fill{background-color:#ffe21f}.ui.yellow.slider.basic .inner .thumb{background-color:#fbbd08}.ui.yellow.slider.basic .inner .thumb:hover,.ui.yellow.slider.basic:focus .inner .thumb{background-color:#eaae00}.ui.yellow.inverted.slider.basic .inner .thumb{background-color:#ffe21f}.ui.yellow.inverted.slider.basic .inner .thumb:hover,.ui.yellow.inverted.slider.basic:focus .inner .thumb{background-color:#ebcd00}.ui.olive.slider .inner .track-fill{background-color:#b5cc18}.ui.olive.inverted.slider .inner .track-fill{background-color:#d9e778}.ui.olive.slider.basic .inner .thumb{background-color:#b5cc18}.ui.olive.slider.basic .inner .thumb:hover,.ui.olive.slider.basic:focus .inner .thumb{background-color:#a7bd0d}.ui.olive.inverted.slider.basic .inner .thumb{background-color:#d9e778}.ui.olive.inverted.slider.basic .inner .thumb:hover,.ui.olive.inverted.slider.basic:focus .inner .thumb{background-color:#d2e745}.ui.green.slider .inner .track-fill{background-color:#21ba45}.ui.green.inverted.slider .inner .track-fill{background-color:#2ecc40}.ui.green.slider.basic .inner .thumb{background-color:#21ba45}.ui.green.slider.basic .inner .thumb:hover,.ui.green.slider.basic:focus .inner .thumb{background-color:#16ab39}.ui.green.inverted.slider.basic .inner .thumb{background-color:#2ecc40}.ui.green.inverted.slider.basic .inner .thumb:hover,.ui.green.inverted.slider.basic:focus .inner .thumb{background-color:#1ea92e}.ui.teal.slider .inner .track-fill{background-color:#00b5ad}.ui.teal.inverted.slider .inner .track-fill{background-color:#6dffff}.ui.teal.slider.basic .inner .thumb{background-color:#00b5ad}.ui.teal.slider.basic .inner .thumb:hover,.ui.teal.slider.basic:focus .inner .thumb{background-color:#009c95}.ui.teal.inverted.slider.basic .inner .thumb{background-color:#6dffff}.ui.teal.inverted.slider.basic .inner .thumb:hover,.ui.teal.inverted.slider.basic:focus .inner .thumb{background-color:#3affff}.ui.blue.slider .inner .track-fill{background-color:#2185d0}.ui.blue.inverted.slider .inner .track-fill{background-color:#54c8ff}.ui.blue.slider.basic .inner .thumb{background-color:#2185d0}.ui.blue.slider.basic .inner .thumb:hover,.ui.blue.slider.basic:focus .inner .thumb{background-color:#1678c2}.ui.blue.inverted.slider.basic .inner .thumb{background-color:#54c8ff}.ui.blue.inverted.slider.basic .inner .thumb:hover,.ui.blue.inverted.slider.basic:focus .inner .thumb{background-color:#21b8ff}.ui.violet.slider .inner .track-fill{background-color:#6435c9}.ui.violet.inverted.slider .inner .track-fill{background-color:#a291fb}.ui.violet.slider.basic .inner .thumb{background-color:#6435c9}.ui.violet.slider.basic .inner .thumb:hover,.ui.violet.slider.basic:focus .inner .thumb{background-color:#5829bb}.ui.violet.inverted.slider.basic .inner .thumb{background-color:#a291fb}.ui.violet.inverted.slider.basic .inner .thumb:hover,.ui.violet.inverted.slider.basic:focus .inner .thumb{background-color:#745aff}.ui.purple.slider .inner .track-fill{background-color:#a333c8}.ui.purple.inverted.slider .inner .track-fill{background-color:#dc73ff}.ui.purple.slider.basic .inner .thumb{background-color:#a333c8}.ui.purple.slider.basic .inner .thumb:hover,.ui.purple.slider.basic:focus .inner .thumb{background-color:#9627ba}.ui.purple.inverted.slider.basic .inner .thumb{background-color:#dc73ff}.ui.purple.inverted.slider.basic .inner .thumb:hover,.ui.purple.inverted.slider.basic:focus .inner .thumb{background-color:#cf40ff}.ui.pink.slider .inner .track-fill{background-color:#e03997}.ui.pink.inverted.slider .inner .track-fill{background-color:#ff8edf}.ui.pink.slider.basic .inner .thumb{background-color:#e03997}.ui.pink.slider.basic .inner .thumb:hover,.ui.pink.slider.basic:focus .inner .thumb{background-color:#e61a8d}.ui.pink.inverted.slider.basic .inner .thumb{background-color:#ff8edf}.ui.pink.inverted.slider.basic .inner .thumb:hover,.ui.pink.inverted.slider.basic:focus .inner .thumb{background-color:#ff5bd1}.ui.brown.slider .inner .track-fill{background-color:#a5673f}.ui.brown.inverted.slider .inner .track-fill{background-color:#d67c1c}.ui.brown.slider.basic .inner .thumb{background-color:#a5673f}.ui.brown.slider.basic .inner .thumb:hover,.ui.brown.slider.basic:focus .inner .thumb{background-color:#975b33}.ui.brown.inverted.slider.basic .inner .thumb{background-color:#d67c1c}.ui.brown.inverted.slider.basic .inner .thumb:hover,.ui.brown.inverted.slider.basic:focus .inner .thumb{background-color:#b0620f}.ui.grey.slider .inner .track-fill{background-color:#767676}.ui.grey.inverted.slider .inner .track-fill{background-color:#dcddde}.ui.grey.slider.basic .inner .thumb{background-color:#767676}.ui.grey.slider.basic .inner .thumb:hover,.ui.grey.slider.basic:focus .inner .thumb{background-color:#838383}.ui.grey.inverted.slider.basic .inner .thumb{background-color:#dcddde}.ui.grey.inverted.slider.basic .inner .thumb:hover,.ui.grey.inverted.slider.basic:focus .inner .thumb{background-color:#c2c4c5}.ui.black.slider .inner .track-fill{background-color:#1b1c1d}.ui.black.inverted.slider .inner .track-fill{background-color:#545454}.ui.black.slider.basic .inner .thumb{background-color:#1b1c1d}.ui.black.slider.basic .inner .thumb:hover,.ui.black.slider.basic:focus .inner .thumb{background-color:#27292a}.ui.black.inverted.slider.basic .inner .thumb{background-color:#545454}.ui.black.inverted.slider.basic .inner .thumb:hover,.ui.black.inverted.slider.basic:focus .inner .thumb{background-color:#000}.ui.slider.basic .inner .thumb{background-color:#1b1c1d}.ui.slider.basic .inner .thumb:hover,.ui.slider.basic:focus .inner .thumb{background-color:#27292a}.ui.inverted.slider.basic .inner .thumb{background-color:#545454}.ui.inverted.slider.basic .inner .thumb:hover,.ui.inverted.slider.basic:focus .inner .thumb{background-color:#000}.ui.slider.small .inner .thumb{height:1em;width:1em}.ui.slider.small:not(.vertical) .inner{height:1em}.ui.slider.small:not(.vertical) .inner .track,.ui.slider.small:not(.vertical) .inner .track-fill{height:.3em;top:.35em}.ui.small.labeled.slider:not(.vertical)>.labels,.ui.small.labeled.slider:not(.vertical)>.labels .label:after{height:1em}.ui.slider.small.vertical .inner{width:1em}.ui.slider.small.vertical .inner .track,.ui.slider.small.vertical .inner .track-fill{width:.3em;left:.35em}.ui.small.labeled.vertical.slider>.labels,.ui.small.labeled.vertical.slider>.labels .label:after{width:1em}.ui.slider.large .inner .thumb{height:2em;width:2em}.ui.slider.large:not(.vertical) .inner{height:2em}.ui.slider.large:not(.vertical) .inner .track,.ui.slider.large:not(.vertical) .inner .track-fill{height:.5em;top:.75em}.ui.large.labeled.slider:not(.vertical)>.labels,.ui.large.labeled.slider:not(.vertical)>.labels .label:after{height:2em}.ui.slider.large.vertical .inner{width:2em}.ui.slider.large.vertical .inner .track,.ui.slider.large.vertical .inner .track-fill{width:.5em;left:.75em}.ui.large.labeled.vertical.slider>.labels,.ui.large.labeled.vertical.slider>.labels .label:after{width:2em}.ui.slider.big .inner .thumb{height:2.5em;width:2.5em}.ui.slider.big:not(.vertical) .inner{height:2.5em}.ui.slider.big:not(.vertical) .inner .track,.ui.slider.big:not(.vertical) .inner .track-fill{height:.6em;top:.95em}.ui.big.labeled.slider:not(.vertical)>.labels,.ui.big.labeled.slider:not(.vertical)>.labels .label:after{height:2.5em}.ui.slider.big.vertical .inner{width:2.5em}.ui.slider.big.vertical .inner .track,.ui.slider.big.vertical .inner .track-fill{width:.6em;left:.95em}.ui.big.labeled.vertical.slider>.labels,.ui.big.labeled.vertical.slider>.labels .label:after{width:2.5em} \ No newline at end of file diff --git a/dist/components/slider.min.js b/dist/components/slider.min.js new file mode 100644 index 0000000000..67e922b6d0 --- /dev/null +++ b/dist/components/slider.min.js @@ -0,0 +1,11 @@ + /* + * # Fomantic UI - 2.7.0 + * https://github.com/fomantic/Fomantic-UI + * http://fomantic-ui.com/ + * + * Copyright 2014 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + */ +!function(B,e,I,X){"use strict";e=void 0!==e&&e.Math==Math?e:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),B.fn.slider=function(E){var L,e=B(this),C=e.selector||"",F=(new Date).getTime(),S=[],A=E,D="string"==typeof A,O=[].slice.call(arguments,1),N=["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"],j=0;return e.each(function(){var f,o,r,e,v,s,t,i,g,b,h,u,n,p,l=B.isPlainObject(E)?B.extend(!0,{},B.fn.slider.settings,E):B.extend({},B.fn.slider.settings),a=l.className,c=l.metadata,d=l.namespace,m=l.error,k=l.keys,V=l.interpretLabel,w=!1,T="."+d,y="module-"+d,M=B(this),P=this,x=M.data(y);p={initialize:function(){p.debug("Initializing slider",l),t=j+=1,n=p.setup.testOutTouch(),p.setup.layout(),p.setup.labels(),p.is.disabled()||p.bind.events(),p.read.metadata(),p.read.settings(),p.instantiate()},instantiate:function(){p.verbose("Storing instance of slider",p),x=p,M.data(y,p)},destroy:function(){p.verbose("Destroying previous slider for",M),clearInterval(x.interval),p.unbind.events(),p.unbind.slidingEvents(),M.removeData(y),x=X},setup:{layout:function(){M.attr("tabindex")===X&&M.attr("tabindex",0),0==M.find(".inner").length&&M.append("
      "),u=p.get.precision(),o=M.find(".thumb:not(.second)"),f=o,p.is.range()&&(0==M.find(".thumb.second").length&&M.find(".inner").append("
      "),r=M.find(".thumb.second")),e=M.find(".track"),v=M.find(".track-fill"),h=o.width()/2},labels:function(){p.is.labeled()&&(0!=(s=M.find(".labels:not(.auto)")).length?p.setup.customLabel():p.setup.autoLabel(),l.showLabelTicks&&M.addClass(a.ticked))},testOutTouch:function(){try{return I.createEvent("TouchEvent"),!0}catch(e){return!1}},customLabel:function(){var n,e=s.find(".label"),a=e.length,o=p.get.min(),r=p.get.max();e.each(function(e){var t=B(this).attr("data-value");n=t?((t=r').find(".labels");for(var e=0,t=p.get.numLabels();e<=t;e++){var n=p.get.label(e),a=""!==n?B('
    • '+n+"
      • "):null,o=e/t;a&&(p.update.labelPosition(o,a),s.append(a))}}}},bind:{events:function(){p.bind.globalKeyboardEvents(),p.bind.keyboardEvents(),p.bind.mouseEvents(),p.is.touch()&&p.bind.touchEvents()},keyboardEvents:function(){p.verbose("Binding keyboard events"),M.on("keydown"+T,p.event.keydown)},globalKeyboardEvents:function(){B(I).on("keydown"+T+t,p.event.activateFocus)},mouseEvents:function(){p.verbose("Binding mouse events"),M.find(".track, .thumb, .inner").on("mousedown"+T,function(e){e.stopImmediatePropagation(),e.preventDefault(),p.event.down(e)}),M.on("mousedown"+T,p.event.down),M.on("mouseenter"+T,function(e){w=!0}),M.on("mouseleave"+T,function(e){w=!1})},touchEvents:function(){p.verbose("Binding touch events"),M.find(".track, .thumb, .inner").on("touchstart"+T,function(e){e.stopImmediatePropagation(),e.preventDefault(),p.event.down(e)}),M.on("touchstart"+T,p.event.down)},slidingEvents:function(){p.verbose("Binding page wide events while handle is being draged"),p.is.touch()?(B(I).on("touchmove"+T,p.event.move),B(I).on("touchend"+T,p.event.up)):(B(I).on("mousemove"+T,p.event.move),B(I).on("mouseup"+T,p.event.up))}},unbind:{events:function(){M.find(".track, .thumb, .inner").off("mousedown"+T),M.find(".track, .thumb, .inner").off("touchstart"+T),M.off("mousedown"+T),M.off("mouseenter"+T),M.off("mouseleave"+T),M.off("touchstart"+T),M.off("keydown"+T),M.off("focusout"+T),B(I).off("keydown"+T+t,p.event.activateFocus)},slidingEvents:function(){p.is.touch()?(B(I).off("touchmove"+T),B(I).off("touchend"+T)):(B(I).off("mousemove"+T),B(I).off("mouseup"+T))}},event:{down:function(e,t){if(e.preventDefault(),p.is.range()){var n=p.determine.eventPos(e,t),a=p.determine.pos(n);f=p.determine.closestThumb(a)}p.is.disabled()||p.bind.slidingEvents()},move:function(e,t){e.preventDefault();var n=p.determine.valueFromEvent(e,t);if(0==p.get.step()||p.is.smooth()){var a=p.thumbVal,o=p.secondThumbVal,r=p.determine.smoothValueFromEvent(e,t);f.hasClass("second")?o=n:a=n,n=Math.abs(a-(o||0)),p.update.position(r),l.onMove.call(P,n,a,o)}else p.update.value(n,function(e,t,n){l.onMove.call(P,e,t,n)})},up:function(e,t){e.preventDefault();var n=p.determine.valueFromEvent(e,t);p.set.value(n),p.unbind.slidingEvents()},keydown:function(e,t){if(p.is.focused()&&B(I).trigger(e),t||p.is.focused()){var n=p.determine.keyMovement(e);if(0!=n)switch(e.preventDefault(),n){case 1:p.takeStep();break;case 2:p.takeStep(p.get.multiplier());break;case-1:p.backStep();break;case-2:p.backStep(p.get.multiplier())}}},activateFocus:function(e){!p.is.focused()&&p.is.hover()&&0!=p.determine.keyMovement(e)&&(e.preventDefault(),p.event.keydown(e,!0),M.focus())}},resync:function(){p.verbose("Resyncing thumb position based on value"),p.is.range()&&p.update.position(p.secondThumbVal,r),p.update.position(p.thumbVal,o),p.setup.labels()},takeStep:function(e){e=e!=X?e:1;var t=p.get.step(),n=p.get.currentThumbValue();if(p.verbose("Taking a step"),0p.get.trackOffset()+p.get.trackLength()?p.is.reversed()?p.get.min():p.get.max():p.determine.value(a)},smoothValueFromEvent:function(e,t){var n,a=p.get.min(),o=p.get.max(),r=p.get.trackLength(),s=p.determine.eventPos(e,t)-p.get.trackOffset();return n=(s=s<0?0:r .label ~ .value, .ui.statistic > .label ~ .value { - margin-top: 0rem; + margin-top: 0; } /* Bottom Label */ .ui.statistics .statistic > .value ~ .label, .ui.statistic > .value ~ .label { - margin-top: 0rem; + margin-top: 0; } @@ -148,7 +148,7 @@ .ui.statistic > .value .icon { opacity: 1; width: auto; - margin: 0em; + margin: 0; } /*-------------- @@ -188,74 +188,74 @@ ---------------*/ .ui.ten.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.ten.statistics .statistic { min-width: 10%; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.nine.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.nine.statistics .statistic { min-width: 11.11111111%; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.eight.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.eight.statistics .statistic { min-width: 12.5%; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.seven.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.seven.statistics .statistic { min-width: 14.28571429%; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.six.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.six.statistics .statistic { min-width: 16.66666667%; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.five.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.five.statistics .statistic { min-width: 20%; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.four.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.four.statistics .statistic { min-width: 25%; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.three.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.three.statistics .statistic { min-width: 33.33333333%; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.two.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.two.statistics .statistic { min-width: 50%; - margin: 0em 0em 1em; + margin: 0 0 1em; } .ui.one.statistics { - margin: 0em 0em -1em; + margin: 0 0 -1em; } .ui.one.statistics .statistic { min-width: 100%; - margin: 0em 0em 1em; + margin: 0 0 1em; } /*-------------- @@ -276,7 +276,7 @@ -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; - margin: 0em; + margin: 0; max-width: none; } .ui.horizontal.statistics .statistic { @@ -288,11 +288,11 @@ -ms-flex-align: center; align-items: center; max-width: none; - margin: 1em 0em; + margin: 1em 0; } .ui.horizontal.statistic > .text.value, .ui.horizontal.statistics > .statistic > .text.value { - min-height: 0em !important; + min-height: 0 !important; } .ui.horizontal.statistics .statistic > .value .icon, .ui.horizontal.statistic > .value .icon { @@ -307,72 +307,7 @@ .ui.horizontal.statistic > .label { display: inline-block; vertical-align: middle; - margin: 0em 0em 0em 0.75em; -} - -/*-------------- - Colors ----------------*/ - -.ui.red.statistics .statistic > .value, -.ui.statistics .red.statistic > .value, -.ui.red.statistic > .value { - color: #DB2828; -} -.ui.orange.statistics .statistic > .value, -.ui.statistics .orange.statistic > .value, -.ui.orange.statistic > .value { - color: #F2711C; -} -.ui.yellow.statistics .statistic > .value, -.ui.statistics .yellow.statistic > .value, -.ui.yellow.statistic > .value { - color: #FBBD08; -} -.ui.olive.statistics .statistic > .value, -.ui.statistics .olive.statistic > .value, -.ui.olive.statistic > .value { - color: #B5CC18; -} -.ui.green.statistics .statistic > .value, -.ui.statistics .green.statistic > .value, -.ui.green.statistic > .value { - color: #21BA45; -} -.ui.teal.statistics .statistic > .value, -.ui.statistics .teal.statistic > .value, -.ui.teal.statistic > .value { - color: #00B5AD; -} -.ui.blue.statistics .statistic > .value, -.ui.statistics .blue.statistic > .value, -.ui.blue.statistic > .value { - color: #2185D0; -} -.ui.violet.statistics .statistic > .value, -.ui.statistics .violet.statistic > .value, -.ui.violet.statistic > .value { - color: #6435C9; -} -.ui.purple.statistics .statistic > .value, -.ui.statistics .purple.statistic > .value, -.ui.purple.statistic > .value { - color: #A333C8; -} -.ui.pink.statistics .statistic > .value, -.ui.statistics .pink.statistic > .value, -.ui.pink.statistic > .value { - color: #E03997; -} -.ui.brown.statistics .statistic > .value, -.ui.statistics .brown.statistic > .value, -.ui.brown.statistic > .value { - color: #A5673F; -} -.ui.grey.statistics .statistic > .value, -.ui.statistics .grey.statistic > .value, -.ui.grey.statistic > .value { - color: #767676; + margin: 0 0 0 0.75em; } /*-------------- @@ -387,66 +322,161 @@ .ui.inverted.statistic .label { color: rgba(255, 255, 255, 0.9); } + +/*-------------- + Colors +---------------*/ + +.ui.primary.statistics .statistic > .value, +.ui.statistics .primary.statistic > .value, +.ui.primary.statistic > .value { + color: #2185D0; +} +.ui.inverted.primary.statistics .statistic > .value, +.ui.statistics .inverted.primary.statistic > .value, +.ui.inverted.primary.statistic > .value { + color: #54C8FF; +} +.ui.secondary.statistics .statistic > .value, +.ui.statistics .secondary.statistic > .value, +.ui.secondary.statistic > .value { + color: #1B1C1D; +} +.ui.inverted.secondary.statistics .statistic > .value, +.ui.statistics .inverted.secondary.statistic > .value, +.ui.inverted.secondary.statistic > .value { + color: #545454; +} +.ui.red.statistics .statistic > .value, +.ui.statistics .red.statistic > .value, +.ui.red.statistic > .value { + color: #DB2828; +} .ui.inverted.red.statistics .statistic > .value, .ui.statistics .inverted.red.statistic > .value, .ui.inverted.red.statistic > .value { color: #FF695E; } +.ui.orange.statistics .statistic > .value, +.ui.statistics .orange.statistic > .value, +.ui.orange.statistic > .value { + color: #F2711C; +} .ui.inverted.orange.statistics .statistic > .value, .ui.statistics .inverted.orange.statistic > .value, .ui.inverted.orange.statistic > .value { color: #FF851B; } +.ui.yellow.statistics .statistic > .value, +.ui.statistics .yellow.statistic > .value, +.ui.yellow.statistic > .value { + color: #FBBD08; +} .ui.inverted.yellow.statistics .statistic > .value, .ui.statistics .inverted.yellow.statistic > .value, .ui.inverted.yellow.statistic > .value { color: #FFE21F; } +.ui.olive.statistics .statistic > .value, +.ui.statistics .olive.statistic > .value, +.ui.olive.statistic > .value { + color: #B5CC18; +} .ui.inverted.olive.statistics .statistic > .value, .ui.statistics .inverted.olive.statistic > .value, .ui.inverted.olive.statistic > .value { color: #D9E778; } +.ui.green.statistics .statistic > .value, +.ui.statistics .green.statistic > .value, +.ui.green.statistic > .value { + color: #21BA45; +} .ui.inverted.green.statistics .statistic > .value, .ui.statistics .inverted.green.statistic > .value, .ui.inverted.green.statistic > .value { color: #2ECC40; } +.ui.teal.statistics .statistic > .value, +.ui.statistics .teal.statistic > .value, +.ui.teal.statistic > .value { + color: #00B5AD; +} .ui.inverted.teal.statistics .statistic > .value, .ui.statistics .inverted.teal.statistic > .value, .ui.inverted.teal.statistic > .value { color: #6DFFFF; } +.ui.blue.statistics .statistic > .value, +.ui.statistics .blue.statistic > .value, +.ui.blue.statistic > .value { + color: #2185D0; +} .ui.inverted.blue.statistics .statistic > .value, .ui.statistics .inverted.blue.statistic > .value, .ui.inverted.blue.statistic > .value { color: #54C8FF; } +.ui.violet.statistics .statistic > .value, +.ui.statistics .violet.statistic > .value, +.ui.violet.statistic > .value { + color: #6435C9; +} .ui.inverted.violet.statistics .statistic > .value, .ui.statistics .inverted.violet.statistic > .value, .ui.inverted.violet.statistic > .value { color: #A291FB; } +.ui.purple.statistics .statistic > .value, +.ui.statistics .purple.statistic > .value, +.ui.purple.statistic > .value { + color: #A333C8; +} .ui.inverted.purple.statistics .statistic > .value, .ui.statistics .inverted.purple.statistic > .value, .ui.inverted.purple.statistic > .value { color: #DC73FF; } +.ui.pink.statistics .statistic > .value, +.ui.statistics .pink.statistic > .value, +.ui.pink.statistic > .value { + color: #E03997; +} .ui.inverted.pink.statistics .statistic > .value, .ui.statistics .inverted.pink.statistic > .value, .ui.inverted.pink.statistic > .value { color: #FF8EDF; } +.ui.brown.statistics .statistic > .value, +.ui.statistics .brown.statistic > .value, +.ui.brown.statistic > .value { + color: #A5673F; +} .ui.inverted.brown.statistics .statistic > .value, .ui.statistics .inverted.brown.statistic > .value, .ui.inverted.brown.statistic > .value { color: #D67C1C; } +.ui.grey.statistics .statistic > .value, +.ui.statistics .grey.statistic > .value, +.ui.grey.statistic > .value { + color: #767676; +} .ui.inverted.grey.statistics .statistic > .value, .ui.statistics .inverted.grey.statistic > .value, .ui.inverted.grey.statistic > .value { color: #DCDDDE; } +.ui.black.statistics .statistic > .value, +.ui.statistics .black.statistic > .value, +.ui.black.statistic > .value { + color: #1B1C1D; +} +.ui.inverted.black.statistics .statistic > .value, +.ui.statistics .inverted.black.statistic > .value, +.ui.inverted.black.statistic > .value { + color: #545454; +} /*-------------- Floated @@ -454,14 +484,14 @@ .ui[class*="left floated"].statistic { float: left; - margin: 0em 2em 1em 0em; + margin: 0 2em 1em 0; } .ui[class*="right floated"].statistic { float: right; - margin: 0em 0em 1em 2em; + margin: 0 0 1em 2em; } .ui.floated.statistic:last-child { - margin-bottom: 0em; + margin-bottom: 0; } /*-------------- @@ -471,12 +501,12 @@ @media only screen and (max-width: 767px) { .ui.stackable.statistics { width: auto; - margin-left: 0em !important; - margin-right: 0em !important; + margin-left: 0 !important; + margin-right: 0 !important; } .ui.stackable.statistics > .statistic { width: 100% !important; - margin: 0em 0em !important; + margin: 0 0 !important; padding: 1rem 1rem !important; } } diff --git a/dist/components/statistic.min.css b/dist/components/statistic.min.css index 99464f119c..771037ba50 100644 --- a/dist/components/statistic.min.css +++ b/dist/components/statistic.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Statistic + * # Semantic UI 2.7.0 - Statistic * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:1em 0;max-width:auto}.ui.statistic+.ui.statistic{margin:0 0 0 1.5em}.ui.statistic:first-child{margin-top:0}.ui.statistic:last-child{margin-bottom:0}.ui.statistics{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.statistics>.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 1.5em 1em;max-width:auto}.ui.statistics{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em -1.5em -1em}.ui.statistics:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.statistics:first-child{margin-top:0}.ui.statistic>.value,.ui.statistics .statistic>.value{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:4rem;font-weight:400;line-height:1em;color:#1b1c1d;text-transform:uppercase;text-align:center}.ui.statistic>.label,.ui.statistics .statistic>.label{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;font-weight:700;color:rgba(0,0,0,.87);text-transform:uppercase;text-align:center}.ui.statistic>.label~.value,.ui.statistics .statistic>.label~.value{margin-top:0}.ui.statistic>.value~.label,.ui.statistics .statistic>.value~.label{margin-top:0}.ui.statistic>.value .icon,.ui.statistics .statistic>.value .icon{opacity:1;width:auto;margin:0}.ui.statistic>.text.value,.ui.statistics .statistic>.text.value{line-height:1em;min-height:2em;font-weight:700;text-align:center}.ui.statistic>.text.value+.label,.ui.statistics .statistic>.text.value+.label{text-align:center}.ui.statistic>.value img,.ui.statistics .statistic>.value img{max-height:3rem;vertical-align:baseline}.ui.ten.statistics{margin:0 0 -1em}.ui.ten.statistics .statistic{min-width:10%;margin:0 0 1em}.ui.nine.statistics{margin:0 0 -1em}.ui.nine.statistics .statistic{min-width:11.11111111%;margin:0 0 1em}.ui.eight.statistics{margin:0 0 -1em}.ui.eight.statistics .statistic{min-width:12.5%;margin:0 0 1em}.ui.seven.statistics{margin:0 0 -1em}.ui.seven.statistics .statistic{min-width:14.28571429%;margin:0 0 1em}.ui.six.statistics{margin:0 0 -1em}.ui.six.statistics .statistic{min-width:16.66666667%;margin:0 0 1em}.ui.five.statistics{margin:0 0 -1em}.ui.five.statistics .statistic{min-width:20%;margin:0 0 1em}.ui.four.statistics{margin:0 0 -1em}.ui.four.statistics .statistic{min-width:25%;margin:0 0 1em}.ui.three.statistics{margin:0 0 -1em}.ui.three.statistics .statistic{min-width:33.33333333%;margin:0 0 1em}.ui.two.statistics{margin:0 0 -1em}.ui.two.statistics .statistic{min-width:50%;margin:0 0 1em}.ui.one.statistics{margin:0 0 -1em}.ui.one.statistics .statistic{min-width:100%;margin:0 0 1em}.ui.horizontal.statistic{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.horizontal.statistics{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;max-width:none}.ui.horizontal.statistics .statistic{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:none;margin:1em 0}.ui.horizontal.statistic>.text.value,.ui.horizontal.statistics>.statistic>.text.value{min-height:0!important}.ui.horizontal.statistic>.value .icon,.ui.horizontal.statistics .statistic>.value .icon{width:1.18em}.ui.horizontal.statistic>.value,.ui.horizontal.statistics .statistic>.value{display:inline-block;vertical-align:middle}.ui.horizontal.statistic>.label,.ui.horizontal.statistics .statistic>.label{display:inline-block;vertical-align:middle;margin:0 0 0 .75em}.ui.red.statistic>.value,.ui.red.statistics .statistic>.value,.ui.statistics .red.statistic>.value{color:#db2828}.ui.orange.statistic>.value,.ui.orange.statistics .statistic>.value,.ui.statistics .orange.statistic>.value{color:#f2711c}.ui.statistics .yellow.statistic>.value,.ui.yellow.statistic>.value,.ui.yellow.statistics .statistic>.value{color:#fbbd08}.ui.olive.statistic>.value,.ui.olive.statistics .statistic>.value,.ui.statistics .olive.statistic>.value{color:#b5cc18}.ui.green.statistic>.value,.ui.green.statistics .statistic>.value,.ui.statistics .green.statistic>.value{color:#21ba45}.ui.statistics .teal.statistic>.value,.ui.teal.statistic>.value,.ui.teal.statistics .statistic>.value{color:#00b5ad}.ui.blue.statistic>.value,.ui.blue.statistics .statistic>.value,.ui.statistics .blue.statistic>.value{color:#2185d0}.ui.statistics .violet.statistic>.value,.ui.violet.statistic>.value,.ui.violet.statistics .statistic>.value{color:#6435c9}.ui.purple.statistic>.value,.ui.purple.statistics .statistic>.value,.ui.statistics .purple.statistic>.value{color:#a333c8}.ui.pink.statistic>.value,.ui.pink.statistics .statistic>.value,.ui.statistics .pink.statistic>.value{color:#e03997}.ui.brown.statistic>.value,.ui.brown.statistics .statistic>.value,.ui.statistics .brown.statistic>.value{color:#a5673f}.ui.grey.statistic>.value,.ui.grey.statistics .statistic>.value,.ui.statistics .grey.statistic>.value{color:#767676}.ui.inverted.statistic .value,.ui.inverted.statistics .statistic>.value{color:#fff}.ui.inverted.statistic .label,.ui.inverted.statistics .statistic>.label{color:rgba(255,255,255,.9)}.ui.inverted.red.statistic>.value,.ui.inverted.red.statistics .statistic>.value,.ui.statistics .inverted.red.statistic>.value{color:#ff695e}.ui.inverted.orange.statistic>.value,.ui.inverted.orange.statistics .statistic>.value,.ui.statistics .inverted.orange.statistic>.value{color:#ff851b}.ui.inverted.yellow.statistic>.value,.ui.inverted.yellow.statistics .statistic>.value,.ui.statistics .inverted.yellow.statistic>.value{color:#ffe21f}.ui.inverted.olive.statistic>.value,.ui.inverted.olive.statistics .statistic>.value,.ui.statistics .inverted.olive.statistic>.value{color:#d9e778}.ui.inverted.green.statistic>.value,.ui.inverted.green.statistics .statistic>.value,.ui.statistics .inverted.green.statistic>.value{color:#2ecc40}.ui.inverted.teal.statistic>.value,.ui.inverted.teal.statistics .statistic>.value,.ui.statistics .inverted.teal.statistic>.value{color:#6dffff}.ui.inverted.blue.statistic>.value,.ui.inverted.blue.statistics .statistic>.value,.ui.statistics .inverted.blue.statistic>.value{color:#54c8ff}.ui.inverted.violet.statistic>.value,.ui.inverted.violet.statistics .statistic>.value,.ui.statistics .inverted.violet.statistic>.value{color:#a291fb}.ui.inverted.purple.statistic>.value,.ui.inverted.purple.statistics .statistic>.value,.ui.statistics .inverted.purple.statistic>.value{color:#dc73ff}.ui.inverted.pink.statistic>.value,.ui.inverted.pink.statistics .statistic>.value,.ui.statistics .inverted.pink.statistic>.value{color:#ff8edf}.ui.inverted.brown.statistic>.value,.ui.inverted.brown.statistics .statistic>.value,.ui.statistics .inverted.brown.statistic>.value{color:#d67c1c}.ui.inverted.grey.statistic>.value,.ui.inverted.grey.statistics .statistic>.value,.ui.statistics .inverted.grey.statistic>.value{color:#dcddde}.ui[class*="left floated"].statistic{float:left;margin:0 2em 1em 0}.ui[class*="right floated"].statistic{float:right;margin:0 0 1em 2em}.ui.floated.statistic:last-child{margin-bottom:0}@media only screen and (max-width:767px){.ui.stackable.statistics{width:auto;margin-left:0!important;margin-right:0!important}.ui.stackable.statistics>.statistic{width:100%!important;margin:0 0!important;padding:1rem 1rem!important}}.ui.mini.statistic>.value,.ui.mini.statistics .statistic>.value{font-size:1.5rem!important}.ui.mini.horizontal.statistic>.value,.ui.mini.horizontal.statistics .statistic>.value{font-size:1.5rem!important}.ui.mini.statistic>.text.value,.ui.mini.statistics .statistic>.text.value{font-size:1rem!important}.ui.tiny.statistic>.value,.ui.tiny.statistics .statistic>.value{font-size:2rem!important}.ui.tiny.horizontal.statistic>.value,.ui.tiny.horizontal.statistics .statistic>.value{font-size:2rem!important}.ui.tiny.statistic>.text.value,.ui.tiny.statistics .statistic>.text.value{font-size:1rem!important}.ui.small.statistic>.value,.ui.small.statistics .statistic>.value{font-size:3rem!important}.ui.small.horizontal.statistic>.value,.ui.small.horizontal.statistics .statistic>.value{font-size:2rem!important}.ui.small.statistic>.text.value,.ui.small.statistics .statistic>.text.value{font-size:1rem!important}.ui.statistic>.value,.ui.statistics .statistic>.value{font-size:4rem!important}.ui.horizontal.statistic>.value,.ui.horizontal.statistics .statistic>.value{font-size:3rem!important}.ui.statistic>.text.value,.ui.statistics .statistic>.text.value{font-size:2rem!important}.ui.large.statistic>.value,.ui.large.statistics .statistic>.value{font-size:5rem!important}.ui.large.horizontal.statistic>.value,.ui.large.horizontal.statistics .statistic>.value{font-size:4rem!important}.ui.large.statistic>.text.value,.ui.large.statistics .statistic>.text.value{font-size:2.5rem!important}.ui.huge.statistic>.value,.ui.huge.statistics .statistic>.value{font-size:6rem!important}.ui.huge.horizontal.statistic>.value,.ui.huge.horizontal.statistics .statistic>.value{font-size:5rem!important}.ui.huge.statistic>.text.value,.ui.huge.statistics .statistic>.text.value{font-size:2.5rem!important} \ No newline at end of file + */.ui.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:1em 0;max-width:none}.ui.statistic+.ui.statistic{margin:0 0 0 1.5em}.ui.statistic:first-child{margin-top:0}.ui.statistic:last-child{margin-bottom:0}.ui.statistics{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui.statistics>.statistic{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 1.5em 1em;max-width:none}.ui.statistics{display:-webkit-box;display:-ms-flexbox;display:flex;margin:1em -1.5em -1em}.ui.statistics:after{display:block;content:' ';height:0;clear:both;overflow:hidden;visibility:hidden}.ui.statistics:first-child{margin-top:0}.ui.statistic>.value,.ui.statistics .statistic>.value{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:4rem;font-weight:400;line-height:1em;color:#1b1c1d;text-transform:uppercase;text-align:center}.ui.statistic>.label,.ui.statistics .statistic>.label{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1em;font-weight:700;color:rgba(0,0,0,.87);text-transform:uppercase;text-align:center}.ui.statistic>.label~.value,.ui.statistics .statistic>.label~.value{margin-top:0}.ui.statistic>.value~.label,.ui.statistics .statistic>.value~.label{margin-top:0}.ui.statistic>.value .icon,.ui.statistics .statistic>.value .icon{opacity:1;width:auto;margin:0}.ui.statistic>.text.value,.ui.statistics .statistic>.text.value{line-height:1em;min-height:2em;font-weight:700;text-align:center}.ui.statistic>.text.value+.label,.ui.statistics .statistic>.text.value+.label{text-align:center}.ui.statistic>.value img,.ui.statistics .statistic>.value img{max-height:3rem;vertical-align:baseline}.ui.ten.statistics{margin:0 0 -1em}.ui.ten.statistics .statistic{min-width:10%;margin:0 0 1em}.ui.nine.statistics{margin:0 0 -1em}.ui.nine.statistics .statistic{min-width:11.11111111%;margin:0 0 1em}.ui.eight.statistics{margin:0 0 -1em}.ui.eight.statistics .statistic{min-width:12.5%;margin:0 0 1em}.ui.seven.statistics{margin:0 0 -1em}.ui.seven.statistics .statistic{min-width:14.28571429%;margin:0 0 1em}.ui.six.statistics{margin:0 0 -1em}.ui.six.statistics .statistic{min-width:16.66666667%;margin:0 0 1em}.ui.five.statistics{margin:0 0 -1em}.ui.five.statistics .statistic{min-width:20%;margin:0 0 1em}.ui.four.statistics{margin:0 0 -1em}.ui.four.statistics .statistic{min-width:25%;margin:0 0 1em}.ui.three.statistics{margin:0 0 -1em}.ui.three.statistics .statistic{min-width:33.33333333%;margin:0 0 1em}.ui.two.statistics{margin:0 0 -1em}.ui.two.statistics .statistic{min-width:50%;margin:0 0 1em}.ui.one.statistics{margin:0 0 -1em}.ui.one.statistics .statistic{min-width:100%;margin:0 0 1em}.ui.horizontal.statistic{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ui.horizontal.statistics{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;max-width:none}.ui.horizontal.statistics .statistic{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:none;margin:1em 0}.ui.horizontal.statistic>.text.value,.ui.horizontal.statistics>.statistic>.text.value{min-height:0!important}.ui.horizontal.statistic>.value .icon,.ui.horizontal.statistics .statistic>.value .icon{width:1.18em}.ui.horizontal.statistic>.value,.ui.horizontal.statistics .statistic>.value{display:inline-block;vertical-align:middle}.ui.horizontal.statistic>.label,.ui.horizontal.statistics .statistic>.label{display:inline-block;vertical-align:middle;margin:0 0 0 .75em}.ui.inverted.statistic .value,.ui.inverted.statistics .statistic>.value{color:#fff}.ui.inverted.statistic .label,.ui.inverted.statistics .statistic>.label{color:rgba(255,255,255,.9)}.ui.primary.statistic>.value,.ui.primary.statistics .statistic>.value,.ui.statistics .primary.statistic>.value{color:#2185d0}.ui.inverted.primary.statistic>.value,.ui.inverted.primary.statistics .statistic>.value,.ui.statistics .inverted.primary.statistic>.value{color:#54c8ff}.ui.secondary.statistic>.value,.ui.secondary.statistics .statistic>.value,.ui.statistics .secondary.statistic>.value{color:#1b1c1d}.ui.inverted.secondary.statistic>.value,.ui.inverted.secondary.statistics .statistic>.value,.ui.statistics .inverted.secondary.statistic>.value{color:#545454}.ui.red.statistic>.value,.ui.red.statistics .statistic>.value,.ui.statistics .red.statistic>.value{color:#db2828}.ui.inverted.red.statistic>.value,.ui.inverted.red.statistics .statistic>.value,.ui.statistics .inverted.red.statistic>.value{color:#ff695e}.ui.orange.statistic>.value,.ui.orange.statistics .statistic>.value,.ui.statistics .orange.statistic>.value{color:#f2711c}.ui.inverted.orange.statistic>.value,.ui.inverted.orange.statistics .statistic>.value,.ui.statistics .inverted.orange.statistic>.value{color:#ff851b}.ui.statistics .yellow.statistic>.value,.ui.yellow.statistic>.value,.ui.yellow.statistics .statistic>.value{color:#fbbd08}.ui.inverted.yellow.statistic>.value,.ui.inverted.yellow.statistics .statistic>.value,.ui.statistics .inverted.yellow.statistic>.value{color:#ffe21f}.ui.olive.statistic>.value,.ui.olive.statistics .statistic>.value,.ui.statistics .olive.statistic>.value{color:#b5cc18}.ui.inverted.olive.statistic>.value,.ui.inverted.olive.statistics .statistic>.value,.ui.statistics .inverted.olive.statistic>.value{color:#d9e778}.ui.green.statistic>.value,.ui.green.statistics .statistic>.value,.ui.statistics .green.statistic>.value{color:#21ba45}.ui.inverted.green.statistic>.value,.ui.inverted.green.statistics .statistic>.value,.ui.statistics .inverted.green.statistic>.value{color:#2ecc40}.ui.statistics .teal.statistic>.value,.ui.teal.statistic>.value,.ui.teal.statistics .statistic>.value{color:#00b5ad}.ui.inverted.teal.statistic>.value,.ui.inverted.teal.statistics .statistic>.value,.ui.statistics .inverted.teal.statistic>.value{color:#6dffff}.ui.blue.statistic>.value,.ui.blue.statistics .statistic>.value,.ui.statistics .blue.statistic>.value{color:#2185d0}.ui.inverted.blue.statistic>.value,.ui.inverted.blue.statistics .statistic>.value,.ui.statistics .inverted.blue.statistic>.value{color:#54c8ff}.ui.statistics .violet.statistic>.value,.ui.violet.statistic>.value,.ui.violet.statistics .statistic>.value{color:#6435c9}.ui.inverted.violet.statistic>.value,.ui.inverted.violet.statistics .statistic>.value,.ui.statistics .inverted.violet.statistic>.value{color:#a291fb}.ui.purple.statistic>.value,.ui.purple.statistics .statistic>.value,.ui.statistics .purple.statistic>.value{color:#a333c8}.ui.inverted.purple.statistic>.value,.ui.inverted.purple.statistics .statistic>.value,.ui.statistics .inverted.purple.statistic>.value{color:#dc73ff}.ui.pink.statistic>.value,.ui.pink.statistics .statistic>.value,.ui.statistics .pink.statistic>.value{color:#e03997}.ui.inverted.pink.statistic>.value,.ui.inverted.pink.statistics .statistic>.value,.ui.statistics .inverted.pink.statistic>.value{color:#ff8edf}.ui.brown.statistic>.value,.ui.brown.statistics .statistic>.value,.ui.statistics .brown.statistic>.value{color:#a5673f}.ui.inverted.brown.statistic>.value,.ui.inverted.brown.statistics .statistic>.value,.ui.statistics .inverted.brown.statistic>.value{color:#d67c1c}.ui.grey.statistic>.value,.ui.grey.statistics .statistic>.value,.ui.statistics .grey.statistic>.value{color:#767676}.ui.inverted.grey.statistic>.value,.ui.inverted.grey.statistics .statistic>.value,.ui.statistics .inverted.grey.statistic>.value{color:#dcddde}.ui.black.statistic>.value,.ui.black.statistics .statistic>.value,.ui.statistics .black.statistic>.value{color:#1b1c1d}.ui.inverted.black.statistic>.value,.ui.inverted.black.statistics .statistic>.value,.ui.statistics .inverted.black.statistic>.value{color:#545454}.ui[class*="left floated"].statistic{float:left;margin:0 2em 1em 0}.ui[class*="right floated"].statistic{float:right;margin:0 0 1em 2em}.ui.floated.statistic:last-child{margin-bottom:0}@media only screen and (max-width:767px){.ui.stackable.statistics{width:auto;margin-left:0!important;margin-right:0!important}.ui.stackable.statistics>.statistic{width:100%!important;margin:0 0!important;padding:1rem 1rem!important}}.ui.mini.statistic>.value,.ui.mini.statistics .statistic>.value{font-size:1.5rem!important}.ui.mini.horizontal.statistic>.value,.ui.mini.horizontal.statistics .statistic>.value{font-size:1.5rem!important}.ui.mini.statistic>.text.value,.ui.mini.statistics .statistic>.text.value{font-size:1rem!important}.ui.tiny.statistic>.value,.ui.tiny.statistics .statistic>.value{font-size:2rem!important}.ui.tiny.horizontal.statistic>.value,.ui.tiny.horizontal.statistics .statistic>.value{font-size:2rem!important}.ui.tiny.statistic>.text.value,.ui.tiny.statistics .statistic>.text.value{font-size:1rem!important}.ui.small.statistic>.value,.ui.small.statistics .statistic>.value{font-size:3rem!important}.ui.small.horizontal.statistic>.value,.ui.small.horizontal.statistics .statistic>.value{font-size:2rem!important}.ui.small.statistic>.text.value,.ui.small.statistics .statistic>.text.value{font-size:1rem!important}.ui.statistic>.value,.ui.statistics .statistic>.value{font-size:4rem!important}.ui.horizontal.statistic>.value,.ui.horizontal.statistics .statistic>.value{font-size:3rem!important}.ui.statistic>.text.value,.ui.statistics .statistic>.text.value{font-size:2rem!important}.ui.large.statistic>.value,.ui.large.statistics .statistic>.value{font-size:5rem!important}.ui.large.horizontal.statistic>.value,.ui.large.horizontal.statistics .statistic>.value{font-size:4rem!important}.ui.large.statistic>.text.value,.ui.large.statistics .statistic>.text.value{font-size:2.5rem!important}.ui.huge.statistic>.value,.ui.huge.statistics .statistic>.value{font-size:6rem!important}.ui.huge.horizontal.statistic>.value,.ui.huge.horizontal.statistics .statistic>.value{font-size:5rem!important}.ui.huge.statistic>.text.value,.ui.huge.statistics .statistic>.text.value{font-size:2.5rem!important} \ No newline at end of file diff --git a/dist/components/step.css b/dist/components/step.css index 7c641e5136..0d82588dd3 100644 --- a/dist/components/step.css +++ b/dist/components/step.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Step + * # Semantic UI 2.7.0 - Step * http://github.com/semantic-org/semantic-ui/ * * @@ -24,7 +24,7 @@ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; - margin: 1em 0em; + margin: 1em 0; background: ''; -webkit-box-shadow: none; box-shadow: none; @@ -35,12 +35,12 @@ /* First Steps */ .ui.steps:first-child { - margin-top: 0em; + margin-top: 0; } /* Last Steps */ .ui.steps:last-child { - margin-bottom: 0em; + margin-bottom: 0; } @@ -69,13 +69,13 @@ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; - margin: 0em 0em; + margin: 0 0; padding: 1.14285714em 2em; background: #FFFFFF; color: rgba(0, 0, 0, 0.87); -webkit-box-shadow: none; box-shadow: none; - border-radius: 0em; + border-radius: 0; border: none; border-right: 1px solid rgba(34, 36, 38, 0.15); -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; @@ -91,14 +91,14 @@ z-index: 2; content: ''; top: 50%; - right: 0%; + right: 0; border: medium none; background-color: #FFFFFF; width: 1.14285714em; height: 1.14285714em; border-style: solid; border-color: rgba(34, 36, 38, 0.15); - border-width: 0px 1px 1px 0px; + border-width: 0 1px 1px 0; -webkit-transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease; transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; @@ -110,14 +110,14 @@ /* First Step */ .ui.steps .step:first-child { padding-left: 2em; - border-radius: 0.28571429rem 0em 0em 0.28571429rem; + border-radius: 0.28571429rem 0 0 0.28571429rem; } /* Last Step */ .ui.steps .step:last-child { - border-radius: 0em 0.28571429rem 0.28571429rem 0em; + border-radius: 0 0.28571429rem 0.28571429rem 0; border-right: none; - margin-right: 0em; + margin-right: 0; } /* Only Step */ @@ -158,7 +158,7 @@ .ui.steps .step > .icon { line-height: 1; font-size: 2.5em; - margin: 0em 1rem 0em 0em; + margin: 0 1rem 0 0; } .ui.steps .step > .icon, .ui.steps .step > .icon ~ .content { @@ -169,11 +169,6 @@ -ms-flex-item-align: middle; align-self: middle; } -.ui.steps .step > .icon ~ .content { - -webkit-box-flex: 1 0 auto; - -ms-flex-positive: 1 0 auto; - flex-grow: 1 0 auto; -} /* Horizontal Icon */ .ui.steps:not(.vertical) .step > .icon { @@ -236,18 +231,18 @@ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; - border-radius: 0em; + border-radius: 0; padding: 1.14285714em 2em; border-right: none; border-bottom: 1px solid rgba(34, 36, 38, 0.15); } .ui.vertical.steps .step:first-child { padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.vertical.steps .step:last-child { border-bottom: none; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } .ui.vertical.steps .step:only-child { border-radius: 0.28571429rem; @@ -256,8 +251,8 @@ /* Arrow */ .ui.vertical.steps .step:after { top: 50%; - right: 0%; - border-width: 0px 1px 1px 0px; + right: 0; + border-width: 0 1px 1px 0; display: none; } .ui.vertical.steps .active.step:after { @@ -293,15 +288,15 @@ -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; - border-radius: 0em; + border-radius: 0; padding: 1.14285714em 2em; } .ui.steps:not(.unstackable) .step:first-child { padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.steps:not(.unstackable) .step:last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } /* Arrow */ @@ -317,7 +312,7 @@ /* Icon */ .ui.steps:not(.unstackable) .step > .icon, .ui.ordered.steps:not(.unstackable) .step:before { - margin: 0em 0em 1rem 0em; + margin: 0 0 1rem 0; } } @@ -433,15 +428,15 @@ -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; - border-radius: 0em; + border-radius: 0; padding: 1.14285714em 2em; } .ui[class*="tablet stackable"].steps .step:first-child { padding: 1.14285714em 2em; - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui[class*="tablet stackable"].steps .step:last-child { - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + border-radius: 0 0 0.28571429rem 0.28571429rem; } /* Arrow */ @@ -457,7 +452,7 @@ /* Icon */ .ui[class*="tablet stackable"].steps .step > .icon, .ui[class*="tablet stackable"].ordered.steps .step:before { - margin: 0em 0em 1rem 0em; + margin: 0 0 1rem 0; } } @@ -482,27 +477,27 @@ /* Top */ .ui.attached.steps { width: calc(100% + 2px) !important; - margin: 0em -1px 0; + margin: 0 -1px 0; max-width: calc(100% + 2px); - border-radius: 0.28571429rem 0.28571429rem 0em 0em; + border-radius: 0.28571429rem 0.28571429rem 0 0; } .ui.attached.steps .step:first-child { - border-radius: 0.28571429rem 0em 0em 0em; + border-radius: 0.28571429rem 0 0 0; } .ui.attached.steps .step:last-child { - border-radius: 0em 0.28571429rem 0em 0em; + border-radius: 0 0.28571429rem 0 0; } /* Bottom */ .ui.bottom.attached.steps { - margin: 0 -1px 0em; - border-radius: 0em 0em 0.28571429rem 0.28571429rem; + margin: 0 -1px 0; + border-radius: 0 0 0.28571429rem 0.28571429rem; } .ui.bottom.attached.steps .step:first-child { - border-radius: 0em 0em 0em 0.28571429rem; + border-radius: 0 0 0 0.28571429rem; } .ui.bottom.attached.steps .step:last-child { - border-radius: 0em 0em 0.28571429rem 0em; + border-radius: 0 0 0.28571429rem 0; } /*------------------- @@ -552,7 +547,7 @@ width: 14.285%; } .ui.eight.steps > .step { - width: 12.500%; + width: 12.5%; } /*------------------- diff --git a/dist/components/step.min.css b/dist/components/step.min.css index 888c4b8b70..a6a58e9cdf 100644 --- a/dist/components/step.min.css +++ b/dist/components/step.min.css @@ -1,9 +1,9 @@ /*! - * # Semantic UI 2.6.4 - Step + * # Semantic UI 2.7.0 - Step * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * - */.ui.steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:1em 0;background:'';-webkit-box-shadow:none;box-shadow:none;line-height:1.14285714em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.steps:first-child{margin-top:0}.ui.steps:last-child{margin-bottom:0}.ui.steps .step{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;vertical-align:middle;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0;padding:1.14285714em 2em;background:#fff;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none;border-radius:0;border:none;border-right:1px solid rgba(34,36,38,.15);-webkit-transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease}.ui.steps .step:after{display:none;position:absolute;z-index:2;content:'';top:50%;right:0;border:medium none;background-color:#fff;width:1.14285714em;height:1.14285714em;border-style:solid;border-color:rgba(34,36,38,.15);border-width:0 1px 1px 0;-webkit-transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease;-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);transform:translateY(-50%) translateX(50%) rotate(-45deg)}.ui.steps .step:first-child{padding-left:2em;border-radius:.28571429rem 0 0 .28571429rem}.ui.steps .step:last-child{border-radius:0 .28571429rem .28571429rem 0;border-right:none;margin-right:0}.ui.steps .step:only-child{border-radius:.28571429rem}.ui.steps .step .title{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.14285714em;font-weight:700}.ui.steps .step>.title{width:100%}.ui.steps .step .description{font-weight:400;font-size:.92857143em;color:rgba(0,0,0,.87)}.ui.steps .step>.description{width:100%}.ui.steps .step .title~.description{margin-top:.25em}.ui.steps .step>.icon{line-height:1;font-size:2.5em;margin:0 1rem 0 0}.ui.steps .step>.icon,.ui.steps .step>.icon~.content{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:middle;align-self:middle}.ui.steps .step>.icon~.content{-webkit-box-flex:1 0 auto;-ms-flex-positive:1 0 auto;flex-grow:1 0 auto}.ui.steps:not(.vertical) .step>.icon{width:auto}.ui.steps .link.step,.ui.steps a.step{cursor:pointer}.ui.ordered.steps{counter-reset:ordered}.ui.ordered.steps .step:before{display:block;position:static;text-align:center;content:counter(ordered);-ms-flex-item-align:middle;align-self:middle;margin-right:1rem;font-size:2.5em;counter-increment:ordered;font-family:inherit;font-weight:700}.ui.ordered.steps .step>*{display:block;-ms-flex-item-align:middle;align-self:middle}.ui.vertical.steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:visible}.ui.vertical.steps .step{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.steps .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.steps .step:last-child{border-bottom:none;border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.steps .step:only-child{border-radius:.28571429rem}.ui.vertical.steps .step:after{top:50%;right:0;border-width:0 1px 1px 0;display:none}.ui.vertical.steps .active.step:after{display:block}.ui.vertical.steps .step:last-child:after{display:none}.ui.vertical.steps .active.step:last-child:after{display:block}@media only screen and (max-width:767px){.ui.steps:not(.unstackable){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:visible;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.steps:not(.unstackable) .step{width:100%!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui.steps:not(.unstackable) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.steps:not(.unstackable) .step:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.steps:not(.unstackable) .step:after{display:none!important}.ui.steps:not(.unstackable) .step .content{text-align:center}.ui.ordered.steps:not(.unstackable) .step:before,.ui.steps:not(.unstackable) .step>.icon{margin:0 0 1rem 0}}.ui.steps .link.step:hover,.ui.steps .link.step:hover::after,.ui.steps a.step:hover,.ui.steps a.step:hover::after{background:#f9fafb;color:rgba(0,0,0,.8)}.ui.steps .link.step:active,.ui.steps .link.step:active::after,.ui.steps a.step:active,.ui.steps a.step:active::after{background:#f3f4f5;color:rgba(0,0,0,.9)}.ui.steps .step.active{cursor:auto;background:#f3f4f5}.ui.steps .step.active:after{background:#f3f4f5}.ui.steps .step.active .title{color:#4183c4}.ui.ordered.steps .step.active:before,.ui.steps .active.step .icon{color:rgba(0,0,0,.85)}.ui.steps .active.step:after{display:block}.ui.steps .step:last-child:after{display:none}.ui.steps .active.step:last-child:after{display:none}.ui.steps .link.active.step:hover,.ui.steps .link.active.step:hover::after,.ui.steps a.active.step:hover,.ui.steps a.active.step:hover::after{cursor:pointer;background:#dcddde;color:rgba(0,0,0,.87)}.ui.ordered.steps .step.completed:before,.ui.steps .step.completed>.icon:before{color:#21ba45}.ui.steps .disabled.step{cursor:auto;background:#fff;pointer-events:none}.ui.steps .disabled.step,.ui.steps .disabled.step .description,.ui.steps .disabled.step .title{color:rgba(40,40,40,.3)}.ui.steps .disabled.step:after{background:#fff}@media only screen and (max-width:991px){.ui[class*="tablet stackable"].steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:visible;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui[class*="tablet stackable"].steps .step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui[class*="tablet stackable"].steps .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="tablet stackable"].steps .step:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui[class*="tablet stackable"].steps .step:after{display:none!important}.ui[class*="tablet stackable"].steps .step .content{text-align:center}.ui[class*="tablet stackable"].ordered.steps .step:before,.ui[class*="tablet stackable"].steps .step>.icon{margin:0 0 1rem 0}}.ui.fluid.steps{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.ui.attached.steps{width:calc(100% + 2px)!important;margin:0 -1px 0;max-width:calc(100% + 2px);border-radius:.28571429rem .28571429rem 0 0}.ui.attached.steps .step:first-child{border-radius:.28571429rem 0 0 0}.ui.attached.steps .step:last-child{border-radius:0 .28571429rem 0 0}.ui.bottom.attached.steps{margin:0 -1px 0;border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.attached.steps .step:first-child{border-radius:0 0 0 .28571429rem}.ui.bottom.attached.steps .step:last-child{border-radius:0 0 .28571429rem 0}.ui.eight.steps,.ui.five.steps,.ui.four.steps,.ui.one.steps,.ui.seven.steps,.ui.six.steps,.ui.three.steps,.ui.two.steps{width:100%}.ui.eight.steps>.step,.ui.five.steps>.step,.ui.four.steps>.step,.ui.one.steps>.step,.ui.seven.steps>.step,.ui.six.steps>.step,.ui.three.steps>.step,.ui.two.steps>.step{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ui.one.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.5%}.ui.mini.step,.ui.mini.steps .step{font-size:.78571429rem}.ui.tiny.step,.ui.tiny.steps .step{font-size:.85714286rem}.ui.small.step,.ui.small.steps .step{font-size:.92857143rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.14285714rem}.ui.big.step,.ui.big.steps .step{font-size:1.28571429rem}.ui.huge.step,.ui.huge.steps .step{font-size:1.42857143rem}.ui.massive.step,.ui.massive.steps .step{font-size:1.71428571rem}.ui.inverted.steps{border:1px solid #555}.ui.inverted.steps .step{color:rgba(255,255,255,.9);background:#1b1c1d;border-color:#555}.ui.inverted.steps .step:after{background-color:#1b1c1d;border-color:#555}.ui.inverted.steps .step .description{color:rgba(255,255,255,.9)}.ui.inverted.steps .step.active,.ui.inverted.steps .step.active:after{background:#333}.ui.inverted.ordered.steps .step.active:before,.ui.inverted.steps .active.step .icon{color:#fff}.ui.inverted.steps .disabled.step,.ui.inverted.steps .disabled.step:after{background:#222}.ui.inverted.steps .disabled.step,.ui.inverted.steps .disabled.step .description,.ui.inverted.steps .disabled.step .title{color:rgba(225,225,225,.3)}.ui.inverted.steps .link.step:hover,.ui.inverted.steps .link.step:hover::after,.ui.inverted.steps a.step:hover,.ui.inverted.steps a.step:hover::after{background:#3f3f3f;color:#fff}.ui.inverted.steps .link.step:active,.ui.inverted.steps .link.step:active::after,.ui.inverted.steps a.step:active,.ui.inverted.steps a.step:active::after{background:#444;color:#fff}@font-face{font-family:Step;src:url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff')}.ui.ordered.steps .step.completed:before,.ui.steps .step.completed>.icon:before{font-family:Step;content:'\e800'} \ No newline at end of file + */.ui.steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:1em 0;background:'';-webkit-box-shadow:none;box-shadow:none;line-height:1.14285714em;border-radius:.28571429rem;border:1px solid rgba(34,36,38,.15)}.ui.steps:first-child{margin-top:0}.ui.steps:last-child{margin-bottom:0}.ui.steps .step{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;vertical-align:middle;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 0;padding:1.14285714em 2em;background:#fff;color:rgba(0,0,0,.87);-webkit-box-shadow:none;box-shadow:none;border-radius:0;border:none;border-right:1px solid rgba(34,36,38,.15);-webkit-transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease}.ui.steps .step:after{display:none;position:absolute;z-index:2;content:'';top:50%;right:0;border:medium none;background-color:#fff;width:1.14285714em;height:1.14285714em;border-style:solid;border-color:rgba(34,36,38,.15);border-width:0 1px 1px 0;-webkit-transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease;-webkit-transform:translateY(-50%) translateX(50%) rotate(-45deg);transform:translateY(-50%) translateX(50%) rotate(-45deg)}.ui.steps .step:first-child{padding-left:2em;border-radius:.28571429rem 0 0 .28571429rem}.ui.steps .step:last-child{border-radius:0 .28571429rem .28571429rem 0;border-right:none;margin-right:0}.ui.steps .step:only-child{border-radius:.28571429rem}.ui.steps .step .title{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.14285714em;font-weight:700}.ui.steps .step>.title{width:100%}.ui.steps .step .description{font-weight:400;font-size:.92857143em;color:rgba(0,0,0,.87)}.ui.steps .step>.description{width:100%}.ui.steps .step .title~.description{margin-top:.25em}.ui.steps .step>.icon{line-height:1;font-size:2.5em;margin:0 1rem 0 0}.ui.steps .step>.icon,.ui.steps .step>.icon~.content{display:block;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:middle;align-self:middle}.ui.steps:not(.vertical) .step>.icon{width:auto}.ui.steps .link.step,.ui.steps a.step{cursor:pointer}.ui.ordered.steps{counter-reset:ordered}.ui.ordered.steps .step:before{display:block;position:static;text-align:center;content:counter(ordered);-ms-flex-item-align:middle;align-self:middle;margin-right:1rem;font-size:2.5em;counter-increment:ordered;font-family:inherit;font-weight:700}.ui.ordered.steps .step>*{display:block;-ms-flex-item-align:middle;align-self:middle}.ui.vertical.steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:visible}.ui.vertical.steps .step{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:0;padding:1.14285714em 2em;border-right:none;border-bottom:1px solid rgba(34,36,38,.15)}.ui.vertical.steps .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.vertical.steps .step:last-child{border-bottom:none;border-radius:0 0 .28571429rem .28571429rem}.ui.vertical.steps .step:only-child{border-radius:.28571429rem}.ui.vertical.steps .step:after{top:50%;right:0;border-width:0 1px 1px 0;display:none}.ui.vertical.steps .active.step:after{display:block}.ui.vertical.steps .step:last-child:after{display:none}.ui.vertical.steps .active.step:last-child:after{display:block}@media only screen and (max-width:767px){.ui.steps:not(.unstackable){display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:visible;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui.steps:not(.unstackable) .step{width:100%!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui.steps:not(.unstackable) .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui.steps:not(.unstackable) .step:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.steps:not(.unstackable) .step:after{display:none!important}.ui.steps:not(.unstackable) .step .content{text-align:center}.ui.ordered.steps:not(.unstackable) .step:before,.ui.steps:not(.unstackable) .step>.icon{margin:0 0 1rem 0}}.ui.steps .link.step:hover,.ui.steps .link.step:hover::after,.ui.steps a.step:hover,.ui.steps a.step:hover::after{background:#f9fafb;color:rgba(0,0,0,.8)}.ui.steps .link.step:active,.ui.steps .link.step:active::after,.ui.steps a.step:active,.ui.steps a.step:active::after{background:#f3f4f5;color:rgba(0,0,0,.9)}.ui.steps .step.active{cursor:auto;background:#f3f4f5}.ui.steps .step.active:after{background:#f3f4f5}.ui.steps .step.active .title{color:#4183c4}.ui.ordered.steps .step.active:before,.ui.steps .active.step .icon{color:rgba(0,0,0,.85)}.ui.steps .active.step:after{display:block}.ui.steps .step:last-child:after{display:none}.ui.steps .active.step:last-child:after{display:none}.ui.steps .link.active.step:hover,.ui.steps .link.active.step:hover::after,.ui.steps a.active.step:hover,.ui.steps a.active.step:hover::after{cursor:pointer;background:#dcddde;color:rgba(0,0,0,.87)}.ui.ordered.steps .step.completed:before,.ui.steps .step.completed>.icon:before{color:#21ba45}.ui.steps .disabled.step{cursor:auto;background:#fff;pointer-events:none}.ui.steps .disabled.step,.ui.steps .disabled.step .description,.ui.steps .disabled.step .title{color:rgba(40,40,40,.3)}.ui.steps .disabled.step:after{background:#fff}@media only screen and (max-width:991px){.ui[class*="tablet stackable"].steps{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:visible;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ui[class*="tablet stackable"].steps .step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:0;padding:1.14285714em 2em}.ui[class*="tablet stackable"].steps .step:first-child{padding:1.14285714em 2em;border-radius:.28571429rem .28571429rem 0 0}.ui[class*="tablet stackable"].steps .step:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui[class*="tablet stackable"].steps .step:after{display:none!important}.ui[class*="tablet stackable"].steps .step .content{text-align:center}.ui[class*="tablet stackable"].ordered.steps .step:before,.ui[class*="tablet stackable"].steps .step>.icon{margin:0 0 1rem 0}}.ui.fluid.steps{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.ui.attached.steps{width:calc(100% + 2px)!important;margin:0 -1px 0;max-width:calc(100% + 2px);border-radius:.28571429rem .28571429rem 0 0}.ui.attached.steps .step:first-child{border-radius:.28571429rem 0 0 0}.ui.attached.steps .step:last-child{border-radius:0 .28571429rem 0 0}.ui.bottom.attached.steps{margin:0 -1px 0;border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.attached.steps .step:first-child{border-radius:0 0 0 .28571429rem}.ui.bottom.attached.steps .step:last-child{border-radius:0 0 .28571429rem 0}.ui.eight.steps,.ui.five.steps,.ui.four.steps,.ui.one.steps,.ui.seven.steps,.ui.six.steps,.ui.three.steps,.ui.two.steps{width:100%}.ui.eight.steps>.step,.ui.five.steps>.step,.ui.four.steps>.step,.ui.one.steps>.step,.ui.seven.steps>.step,.ui.six.steps>.step,.ui.three.steps>.step,.ui.two.steps>.step{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ui.one.steps>.step{width:100%}.ui.two.steps>.step{width:50%}.ui.three.steps>.step{width:33.333%}.ui.four.steps>.step{width:25%}.ui.five.steps>.step{width:20%}.ui.six.steps>.step{width:16.666%}.ui.seven.steps>.step{width:14.285%}.ui.eight.steps>.step{width:12.5%}.ui.mini.step,.ui.mini.steps .step{font-size:.78571429rem}.ui.tiny.step,.ui.tiny.steps .step{font-size:.85714286rem}.ui.small.step,.ui.small.steps .step{font-size:.92857143rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.14285714rem}.ui.big.step,.ui.big.steps .step{font-size:1.28571429rem}.ui.huge.step,.ui.huge.steps .step{font-size:1.42857143rem}.ui.massive.step,.ui.massive.steps .step{font-size:1.71428571rem}.ui.inverted.steps{border:1px solid #555}.ui.inverted.steps .step{color:rgba(255,255,255,.9);background:#1b1c1d;border-color:#555}.ui.inverted.steps .step:after{background-color:#1b1c1d;border-color:#555}.ui.inverted.steps .step .description{color:rgba(255,255,255,.9)}.ui.inverted.steps .step.active,.ui.inverted.steps .step.active:after{background:#333}.ui.inverted.ordered.steps .step.active:before,.ui.inverted.steps .active.step .icon{color:#fff}.ui.inverted.steps .disabled.step,.ui.inverted.steps .disabled.step:after{background:#222}.ui.inverted.steps .disabled.step,.ui.inverted.steps .disabled.step .description,.ui.inverted.steps .disabled.step .title{color:rgba(225,225,225,.3)}.ui.inverted.steps .link.step:hover,.ui.inverted.steps .link.step:hover::after,.ui.inverted.steps a.step:hover,.ui.inverted.steps a.step:hover::after{background:#3f3f3f;color:#fff}.ui.inverted.steps .link.step:active,.ui.inverted.steps .link.step:active::after,.ui.inverted.steps a.step:active,.ui.inverted.steps a.step:active::after{background:#444;color:#fff}@font-face{font-family:Step;src:url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff')}.ui.ordered.steps .step.completed:before,.ui.steps .step.completed>.icon:before{font-family:Step;content:'\e800'} \ No newline at end of file diff --git a/dist/components/sticky.css b/dist/components/sticky.css index 4f96d9ba76..73ff93e6a0 100644 --- a/dist/components/sticky.css +++ b/dist/components/sticky.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Sticky + * # Semantic UI 2.7.0 - Sticky * http://github.com/semantic-org/semantic-ui/ * * @@ -43,13 +43,13 @@ /* Bound/Fixed Position */ .ui.sticky.bound.top, .ui.sticky.fixed.top { - top: 0px; + top: 0; bottom: auto; } .ui.sticky.bound.bottom, .ui.sticky.fixed.bottom { top: auto; - bottom: 0px; + bottom: 0; } diff --git a/dist/components/sticky.js b/dist/components/sticky.js index 2d12ae8e7c..0099713255 100644 --- a/dist/components/sticky.js +++ b/dist/components/sticky.js @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Sticky + * # Semantic UI 2.7.0 - Sticky * http://github.com/semantic-org/semantic-ui/ * * @@ -12,6 +12,10 @@ 'use strict'; +$.isFunction = $.isFunction || function(obj) { + return typeof obj === "function" && typeof obj.nodeType !== "number"; +}; + window = (typeof window != 'undefined' && window.Math == Math) ? window : (typeof self != 'undefined' && self.Math == Math) @@ -852,7 +856,7 @@ $.fn.sticky = function(parameters) { else if(found !== undefined) { response = found; } - if($.isArray(returnedValue)) { + if(Array.isArray(returnedValue)) { returnedValue.push(response); } else if(returnedValue !== undefined) { diff --git a/dist/components/sticky.min.css b/dist/components/sticky.min.css index bedb83064b..940180d453 100644 --- a/dist/components/sticky.min.css +++ b/dist/components/sticky.min.css @@ -1,5 +1,5 @@ /*! - * # Semantic UI 2.6.4 - Sticky + * # Semantic UI 2.7.0 - Sticky * http://github.com/semantic-org/semantic-ui/ * * diff --git a/dist/components/sticky.min.js b/dist/components/sticky.min.js index cf831ca513..e98bb58990 100644 --- a/dist/components/sticky.min.js +++ b/dist/components/sticky.min.js @@ -1 +1,11 @@ -!function(T,w,B,P){"use strict";w=void 0!==w&&w.Math==Math?w:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),T.fn.sticky=function(b){var v,e=T(this),x=e.selector||"",C=(new Date).getTime(),S=[],y=b,k="string"==typeof y,z=[].slice.call(arguments,1);return e.each(function(){var n,i,e,t,m,u=T.isPlainObject(b)?T.extend(!0,{},T.fn.sticky.settings,b):T.extend({},T.fn.sticky.settings),o=u.className,s=u.namespace,r=u.error,c="."+s,l="module-"+s,a=T(this),f=T(w),d=T(u.scrollContext),h=(a.selector,a.data(l)),g=w.requestAnimationFrame||w.mozRequestAnimationFrame||w.webkitRequestAnimationFrame||w.msRequestAnimationFrame||function(e){setTimeout(e,0)},p=this;m={initialize:function(){m.determineContainer(),m.determineContext(),m.verbose("Initializing sticky",u,n),m.save.positions(),m.checkErrors(),m.bind.events(),u.observeChanges&&m.observeChanges(),m.instantiate()},instantiate:function(){m.verbose("Storing instance of module",m),h=m,a.data(l,m)},destroy:function(){m.verbose("Destroying previous instance"),m.reset(),e&&e.disconnect(),t&&t.disconnect(),f.off("load"+c,m.event.load).off("resize"+c,m.event.resize),d.off("scrollchange"+c,m.event.scrollchange),a.removeData(l)},observeChanges:function(){"MutationObserver"in w&&(e=new MutationObserver(m.event.documentChanged),t=new MutationObserver(m.event.changed),e.observe(B,{childList:!0,subtree:!0}),t.observe(p,{childList:!0,subtree:!0}),t.observe(i[0],{childList:!0,subtree:!0}),m.debug("Setting up mutation observer",t))},determineContainer:function(){n=u.container?T(u.container):a.offsetParent()},determineContext:function(){0!==(i=u.context?T(u.context):n).length||m.error(r.invalidContext,u.context,a)},checkErrors:function(){if(m.is.hidden()&&m.error(r.visible,a),m.cache.element.height>m.cache.context.height)return m.reset(),void m.error(r.elementSize,a)},bind:{events:function(){f.on("load"+c,m.event.load).on("resize"+c,m.event.resize),d.off("scroll"+c).on("scroll"+c,m.event.scroll).on("scrollchange"+c,m.event.scrollchange)}},event:{changed:function(e){clearTimeout(m.timer),m.timer=setTimeout(function(){m.verbose("DOM tree modified, updating sticky menu",e),m.refresh()},100)},documentChanged:function(e){[].forEach.call(e,function(e){e.removedNodes&&[].forEach.call(e.removedNodes,function(e){(e==p||0");e[0];return e.addClass(o.supported),e.css("position").match("sticky")}},save:{lastScroll:function(e){m.lastScroll=e},elementScroll:function(e){m.elementScroll=e},positions:function(){var e={height:d.height()},t={margin:{top:parseInt(a.css("margin-top"),10),bottom:parseInt(a.css("margin-bottom"),10)},offset:a.offset(),width:a.outerWidth(),height:a.outerHeight()},o={offset:i.offset(),height:i.outerHeight()};n.outerHeight();m.is.standardScroll()||(m.debug("Non-standard scroll. Removing scroll offset from element offset"),e.top=d.scrollTop(),e.left=d.scrollLeft(),t.offset.top+=e.top,o.offset.top+=e.top,t.offset.left+=e.left,o.offset.left+=e.left),m.cache={fits:t.height+u.offset<=e.height,sameHeight:t.height==o.height,scrollContext:{height:e.height},element:{margin:t.margin,top:t.offset.top-t.margin.top,left:t.offset.left,width:t.width,height:t.height,bottom:t.offset.top+t.height},context:{top:o.offset.top,height:o.height,bottom:o.offset.top+o.height}},m.set.containerSize(),m.stick(),m.debug("Caching element positions",m.cache)}},get:{direction:function(e){var t="down";return e=e||d.scrollTop(),m.lastScroll!==P&&(m.lastScrolle&&(t="up")),t},scrollChange:function(e){return e=e||d.scrollTop(),m.lastScroll?e-m.lastScroll:0},currentElementScroll:function(){return m.elementScroll?m.elementScroll:m.is.top()?Math.abs(parseInt(a.css("top"),10))||0:Math.abs(parseInt(a.css("bottom"),10))||0},elementScroll:function(e){e=e||d.scrollTop();var t=m.cache.element,o=m.cache.scrollContext,n=m.get.scrollChange(e),i=t.height-o.height+u.offset,s=m.get.currentElementScroll(),r=s+n;return s=m.cache.fits||r<0?0:iu.jitter&&(m.debug("Context has padding, specifying exact height for container",m.cache.context.height),n.css({height:m.cache.context.height}))},minimumSize:function(){var e=m.cache.element;n.css("min-height",e.height)},scroll:function(e){m.debug("Setting scroll on element",e),m.elementScroll!=e&&(m.is.top()&&a.css("bottom","").css("top",-e),m.is.bottom()&&a.css("top","").css("bottom",e))},size:function(){0!==m.cache.element.height&&0!==m.cache.element.width&&(p.style.setProperty("width",m.cache.element.width+"px","important"),p.style.setProperty("height",m.cache.element.height+"px","important"))}},is:{standardScroll:function(){return d[0]==w},top:function(){return a.hasClass(o.top)},bottom:function(){return a.hasClass(o.bottom)},initialPosition:function(){return!m.is.fixed()&&!m.is.bound()},hidden:function(){return!a.is(":visible")},bound:function(){return a.hasClass(o.bound)},fixed:function(){return a.hasClass(o.fixed)}},stick:function(e){var t=e||d.scrollTop(),o=m.cache,n=o.fits,i=o.sameHeight,s=o.element,r=o.scrollContext,c=o.context,l=m.is.bottom()&&u.pushing?u.bottomOffset:u.offset,a=(e={top:t+l,bottom:t+l+r.height},m.get.direction(e.top),n?0:m.get.elementScroll(e.top)),f=!n;0!==s.height&&!i&&(m.is.initialPosition()?e.top>=c.bottom?(m.debug("Initial element position is bottom of container"),m.bindBottom()):e.top>s.top&&(s.height+e.top-a>=c.bottom?(m.debug("Initial element position is bottom of container"),m.bindBottom()):(m.debug("Initial element position is fixed"),m.fixTop())):m.is.fixed()?m.is.top()?e.top<=s.top?(m.debug("Fixed element reached top of container"),m.setInitialPosition()):s.height+e.top-a>=c.bottom?(m.debug("Fixed element reached bottom of container"),m.bindBottom()):f&&(m.set.scroll(a),m.save.lastScroll(e.top),m.save.elementScroll(a)):m.is.bottom()&&(e.bottom-s.height<=s.top?(m.debug("Bottom fixed rail has reached top of container"),m.setInitialPosition()):e.bottom>=c.bottom?(m.debug("Bottom fixed rail has reached bottom of container"),m.bindBottom()):f&&(m.set.scroll(a),m.save.lastScroll(e.top),m.save.elementScroll(a))):m.is.bottom()&&(e.top<=s.top?(m.debug("Jumped from bottom fixed to top fixed, most likely used home/end button"),m.setInitialPosition()):u.pushing?m.is.bound()&&e.bottom<=c.bottom&&(m.debug("Fixing bottom attached element to bottom of browser."),m.fixBottom()):m.is.bound()&&e.top<=c.bottom-s.height&&(m.debug("Fixing bottom attached element to top of browser."),m.fixTop())))},bindTop:function(){m.debug("Binding element to top of parent container"),m.remove.offset(),a.css({left:"",top:"",marginBottom:""}).removeClass(o.fixed).removeClass(o.bottom).addClass(o.bound).addClass(o.top),u.onTop.call(p),u.onUnstick.call(p)},bindBottom:function(){m.debug("Binding element to bottom of parent container"),m.remove.offset(),a.css({left:"",top:""}).removeClass(o.fixed).removeClass(o.top).addClass(o.bound).addClass(o.bottom),u.onBottom.call(p),u.onUnstick.call(p)},setInitialPosition:function(){m.debug("Returning to initial position"),m.unfix(),m.unbind()},fixTop:function(){m.debug("Fixing element to top of page"),u.setSize&&m.set.size(),m.set.minimumSize(),m.set.offset(),a.css({left:m.cache.element.left,bottom:"",marginBottom:""}).removeClass(o.bound).removeClass(o.bottom).addClass(o.fixed).addClass(o.top),u.onStick.call(p)},fixBottom:function(){m.debug("Sticking element to bottom of page"),u.setSize&&m.set.size(),m.set.minimumSize(),m.set.offset(),a.css({left:m.cache.element.left,bottom:"",marginBottom:""}).removeClass(o.bound).removeClass(o.top).addClass(o.fixed).addClass(o.bottom),u.onStick.call(p)},unbind:function(){m.is.bound()&&(m.debug("Removing container bound position on element"),m.remove.offset(),a.removeClass(o.bound).removeClass(o.top).removeClass(o.bottom))},unfix:function(){m.is.fixed()&&(m.debug("Removing fixed position on element"),m.remove.minimumSize(),m.remove.offset(),a.removeClass(o.fixed).removeClass(o.top).removeClass(o.bottom),u.onUnstick.call(p))},reset:function(){m.debug("Resetting elements position"),m.unbind(),m.unfix(),m.resetCSS(),m.remove.offset(),m.remove.lastScroll()},resetCSS:function(){a.css({width:"",height:""}),n.css({height:""})},setting:function(e,t){if(T.isPlainObject(e))T.extend(!0,u,e);else{if(t===P)return u[e];u[e]=t}},internal:function(e,t){if(T.isPlainObject(e))T.extend(!0,m,e);else{if(t===P)return m[e];m[e]=t}},debug:function(){!u.silent&&u.debug&&(u.performance?m.performance.log(arguments):(m.debug=Function.prototype.bind.call(console.info,console,u.name+":"),m.debug.apply(console,arguments)))},verbose:function(){!u.silent&&u.verbose&&u.debug&&(u.performance?m.performance.log(arguments):(m.verbose=Function.prototype.bind.call(console.info,console,u.name+":"),m.verbose.apply(console,arguments)))},error:function(){u.silent||(m.error=Function.prototype.bind.call(console.error,console,u.name+":"),m.error.apply(console,arguments))},performance:{log:function(e){var t,o;u.performance&&(o=(t=(new Date).getTime())-(C||t),C=t,S.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:p,"Execution Time":o})),clearTimeout(m.performance.timer),m.performance.timer=setTimeout(m.performance.display,0)},display:function(){var e=u.name+":",o=0;C=!1,clearTimeout(m.performance.timer),T.each(S,function(e,t){o+=t["Execution Time"]}),e+=" "+o+"ms",x&&(e+=" '"+x+"'"),(console.group!==P||console.table!==P)&&0m.cache.context.height)return m.reset(),void m.error(r.elementSize,a)},bind:{events:function(){f.on("load"+c,m.event.load).on("resize"+c,m.event.resize),d.off("scroll"+c).on("scroll"+c,m.event.scroll).on("scrollchange"+c,m.event.scrollchange)}},event:{changed:function(e){clearTimeout(m.timer),m.timer=setTimeout(function(){m.verbose("DOM tree modified, updating sticky menu",e),m.refresh()},100)},documentChanged:function(e){[].forEach.call(e,function(e){e.removedNodes&&[].forEach.call(e.removedNodes,function(e){(e==p||0");e[0];return e.addClass(o.supported),e.css("position").match("sticky")}},save:{lastScroll:function(e){m.lastScroll=e},elementScroll:function(e){m.elementScroll=e},positions:function(){var e={height:d.height()},t={margin:{top:parseInt(a.css("margin-top"),10),bottom:parseInt(a.css("margin-bottom"),10)},offset:a.offset(),width:a.outerWidth(),height:a.outerHeight()},o={offset:i.offset(),height:i.outerHeight()};n.outerHeight();m.is.standardScroll()||(m.debug("Non-standard scroll. Removing scroll offset from element offset"),e.top=d.scrollTop(),e.left=d.scrollLeft(),t.offset.top+=e.top,o.offset.top+=e.top,t.offset.left+=e.left,o.offset.left+=e.left),m.cache={fits:t.height+u.offset<=e.height,sameHeight:t.height==o.height,scrollContext:{height:e.height},element:{margin:t.margin,top:t.offset.top-t.margin.top,left:t.offset.left,width:t.width,height:t.height,bottom:t.offset.top+t.height},context:{top:o.offset.top,height:o.height,bottom:o.offset.top+o.height}},m.set.containerSize(),m.stick(),m.debug("Caching element positions",m.cache)}},get:{direction:function(e){var t="down";return e=e||d.scrollTop(),m.lastScroll!==F&&(m.lastScrolle&&(t="up")),t},scrollChange:function(e){return e=e||d.scrollTop(),m.lastScroll?e-m.lastScroll:0},currentElementScroll:function(){return m.elementScroll?m.elementScroll:m.is.top()?Math.abs(parseInt(a.css("top"),10))||0:Math.abs(parseInt(a.css("bottom"),10))||0},elementScroll:function(e){e=e||d.scrollTop();var t=m.cache.element,o=m.cache.scrollContext,n=m.get.scrollChange(e),i=t.height-o.height+u.offset,s=m.get.currentElementScroll(),r=s+n;return s=m.cache.fits||r<0?0:iu.jitter&&(m.debug("Context has padding, specifying exact height for container",m.cache.context.height),n.css({height:m.cache.context.height}))},minimumSize:function(){var e=m.cache.element;n.css("min-height",e.height)},scroll:function(e){m.debug("Setting scroll on element",e),m.elementScroll!=e&&(m.is.top()&&a.css("bottom","").css("top",-e),m.is.bottom()&&a.css("top","").css("bottom",e))},size:function(){0!==m.cache.element.height&&0!==m.cache.element.width&&(p.style.setProperty("width",m.cache.element.width+"px","important"),p.style.setProperty("height",m.cache.element.height+"px","important"))}},is:{standardScroll:function(){return d[0]==w},top:function(){return a.hasClass(o.top)},bottom:function(){return a.hasClass(o.bottom)},initialPosition:function(){return!m.is.fixed()&&!m.is.bound()},hidden:function(){return!a.is(":visible")},bound:function(){return a.hasClass(o.bound)},fixed:function(){return a.hasClass(o.fixed)}},stick:function(e){var t=e||d.scrollTop(),o=m.cache,n=o.fits,i=o.sameHeight,s=o.element,r=o.scrollContext,c=o.context,l=m.is.bottom()&&u.pushing?u.bottomOffset:u.offset,a=(e={top:t+l,bottom:t+l+r.height},m.get.direction(e.top),n?0:m.get.elementScroll(e.top)),f=!n;0!==s.height&&!i&&(m.is.initialPosition()?e.top>=c.bottom?(m.debug("Initial element position is bottom of container"),m.bindBottom()):e.top>s.top&&(s.height+e.top-a>=c.bottom?(m.debug("Initial element position is bottom of container"),m.bindBottom()):(m.debug("Initial element position is fixed"),m.fixTop())):m.is.fixed()?m.is.top()?e.top<=s.top?(m.debug("Fixed element reached top of container"),m.setInitialPosition()):s.height+e.top-a>=c.bottom?(m.debug("Fixed element reached bottom of container"),m.bindBottom()):f&&(m.set.scroll(a),m.save.lastScroll(e.top),m.save.elementScroll(a)):m.is.bottom()&&(e.bottom-s.height<=s.top?(m.debug("Bottom fixed rail has reached top of container"),m.setInitialPosition()):e.bottom>=c.bottom?(m.debug("Bottom fixed rail has reached bottom of container"),m.bindBottom()):f&&(m.set.scroll(a),m.save.lastScroll(e.top),m.save.elementScroll(a))):m.is.bottom()&&(e.top<=s.top?(m.debug("Jumped from bottom fixed to top fixed, most likely used home/end button"),m.setInitialPosition()):u.pushing?m.is.bound()&&e.bottom<=c.bottom&&(m.debug("Fixing bottom attached element to bottom of browser."),m.fixBottom()):m.is.bound()&&e.top<=c.bottom-s.height&&(m.debug("Fixing bottom attached element to top of browser."),m.fixTop())))},bindTop:function(){m.debug("Binding element to top of parent container"),m.remove.offset(),a.css({left:"",top:"",marginBottom:""}).removeClass(o.fixed).removeClass(o.bottom).addClass(o.bound).addClass(o.top),u.onTop.call(p),u.onUnstick.call(p)},bindBottom:function(){m.debug("Binding element to bottom of parent container"),m.remove.offset(),a.css({left:"",top:""}).removeClass(o.fixed).removeClass(o.top).addClass(o.bound).addClass(o.bottom),u.onBottom.call(p),u.onUnstick.call(p)},setInitialPosition:function(){m.debug("Returning to initial position"),m.unfix(),m.unbind()},fixTop:function(){m.debug("Fixing element to top of page"),u.setSize&&m.set.size(),m.set.minimumSize(),m.set.offset(),a.css({left:m.cache.element.left,bottom:"",marginBottom:""}).removeClass(o.bound).removeClass(o.bottom).addClass(o.fixed).addClass(o.top),u.onStick.call(p)},fixBottom:function(){m.debug("Sticking element to bottom of page"),u.setSize&&m.set.size(),m.set.minimumSize(),m.set.offset(),a.css({left:m.cache.element.left,bottom:"",marginBottom:""}).removeClass(o.bound).removeClass(o.top).addClass(o.fixed).addClass(o.bottom),u.onStick.call(p)},unbind:function(){m.is.bound()&&(m.debug("Removing container bound position on element"),m.remove.offset(),a.removeClass(o.bound).removeClass(o.top).removeClass(o.bottom))},unfix:function(){m.is.fixed()&&(m.debug("Removing fixed position on element"),m.remove.minimumSize(),m.remove.offset(),a.removeClass(o.fixed).removeClass(o.top).removeClass(o.bottom),u.onUnstick.call(p))},reset:function(){m.debug("Resetting elements position"),m.unbind(),m.unfix(),m.resetCSS(),m.remove.offset(),m.remove.lastScroll()},resetCSS:function(){a.css({width:"",height:""}),n.css({height:""})},setting:function(e,t){if(T.isPlainObject(e))T.extend(!0,u,e);else{if(t===F)return u[e];u[e]=t}},internal:function(e,t){if(T.isPlainObject(e))T.extend(!0,m,e);else{if(t===F)return m[e];m[e]=t}},debug:function(){!u.silent&&u.debug&&(u.performance?m.performance.log(arguments):(m.debug=Function.prototype.bind.call(console.info,console,u.name+":"),m.debug.apply(console,arguments)))},verbose:function(){!u.silent&&u.verbose&&u.debug&&(u.performance?m.performance.log(arguments):(m.verbose=Function.prototype.bind.call(console.info,console,u.name+":"),m.verbose.apply(console,arguments)))},error:function(){u.silent||(m.error=Function.prototype.bind.call(console.error,console,u.name+":"),m.error.apply(console,arguments))},performance:{log:function(e){var t,o;u.performance&&(o=(t=(new Date).getTime())-(C||t),C=t,S.push({Name:e[0],Arguments:[].slice.call(e,1)||"",Element:p,"Execution Time":o})),clearTimeout(m.performance.timer),m.performance.timer=setTimeout(m.performance.display,0)},display:function(){var e=u.name+":",o=0;C=!1,clearTimeout(m.performance.timer),T.each(S,function(e,t){o+=t["Execution Time"]}),e+=" "+o+"ms",x&&(e+=" '"+x+"'"),(console.group!==F||console.table!==F)&&0