├── .gitignore ├── LICENSE ├── README.md ├── lerna.json ├── package.json └── packages ├── code ├── .babelrc ├── .npmrc ├── Makefile ├── build │ └── index.js ├── package.json └── src │ └── index.js ├── css ├── .npmrc ├── README.md ├── build │ ├── bundle.js │ ├── fonts │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ ├── glyphicons-halflings-regular.woff │ │ └── glyphicons-halflings-regular.woff2 │ └── styles.css ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── package.json ├── src │ ├── backgrounds.less │ ├── bootstrap │ │ ├── alerts.less │ │ ├── badges.less │ │ ├── bootstrap.less │ │ ├── breadcrumbs.less │ │ ├── button-groups.less │ │ ├── buttons.less │ │ ├── carousel.less │ │ ├── close.less │ │ ├── code.less │ │ ├── component-animations.less │ │ ├── dropdowns.less │ │ ├── forms.less │ │ ├── glyphicons.less │ │ ├── grid.less │ │ ├── input-groups.less │ │ ├── jumbotron.less │ │ ├── labels.less │ │ ├── list-group.less │ │ ├── media.less │ │ ├── mixins.less │ │ ├── mixins │ │ │ ├── alerts.less │ │ │ ├── background-variant.less │ │ │ ├── border-radius.less │ │ │ ├── buttons.less │ │ │ ├── center-block.less │ │ │ ├── clearfix.less │ │ │ ├── forms.less │ │ │ ├── gradients.less │ │ │ ├── grid-framework.less │ │ │ ├── grid.less │ │ │ ├── hide-text.less │ │ │ ├── image.less │ │ │ ├── labels.less │ │ │ ├── list-group.less │ │ │ ├── nav-divider.less │ │ │ ├── nav-vertical-align.less │ │ │ ├── opacity.less │ │ │ ├── pagination.less │ │ │ ├── panels.less │ │ │ ├── progress-bar.less │ │ │ ├── reset-filter.less │ │ │ ├── reset-text.less │ │ │ ├── resize.less │ │ │ ├── responsive-visibility.less │ │ │ ├── size.less │ │ │ ├── tab-focus.less │ │ │ ├── table-row.less │ │ │ ├── text-emphasis.less │ │ │ ├── text-overflow.less │ │ │ └── vendor-prefixes.less │ │ ├── modals.less │ │ ├── navbar.less │ │ ├── navs.less │ │ ├── normalize.less │ │ ├── pager.less │ │ ├── pagination.less │ │ ├── panels.less │ │ ├── popovers.less │ │ ├── print.less │ │ ├── progress-bars.less │ │ ├── responsive-embed.less │ │ ├── responsive-utilities.less │ │ ├── scaffolding.less │ │ ├── tables.less │ │ ├── theme.less │ │ ├── thumbnails.less │ │ ├── tooltip.less │ │ ├── type.less │ │ ├── utilities.less │ │ ├── variables.less │ │ └── wells.less │ ├── buttons.less │ ├── dropdowns.less │ ├── fonts │ │ ├── glyphicons-halflings-regular.eot │ │ ├── glyphicons-halflings-regular.svg │ │ ├── glyphicons-halflings-regular.ttf │ │ ├── glyphicons-halflings-regular.woff │ │ └── glyphicons-halflings-regular.woff2 │ ├── forms.less │ ├── index.less │ ├── jumbotron.less │ ├── labels.less │ ├── links.less │ ├── navbar.less │ ├── pager.less │ ├── panels.less │ ├── scaffolding.less │ ├── tabs.less │ ├── type.less │ ├── ui-kit.less │ └── variables.less └── webpack.config.js ├── docs ├── .cache │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── loader.js.snap │ │ ├── find-page.js │ │ ├── loader.js │ │ └── prefetcher.js │ ├── api-runner-browser.js │ ├── api-runner-ssr.js │ ├── api-ssr-docs.js │ ├── app.js │ ├── async-requires.js │ ├── component-renderer.js │ ├── default-html.js │ ├── dev-404-page.js │ ├── develop-static-entry.js │ ├── emitter.js │ ├── find-page.js │ ├── json │ │ ├── .npmignore │ │ ├── 404-html.json │ │ ├── 404.json │ │ ├── components.json │ │ ├── dev-404-page.json │ │ ├── getting-started.json │ │ ├── index.json │ │ ├── layout-index.json │ │ └── nothing │ ├── layouts │ │ └── index.js │ ├── loader.js │ ├── pages.json │ ├── prefetcher.js │ ├── production-app.js │ ├── redux-state.json │ ├── register-service-worker.js │ ├── root.js │ ├── socketIo.js │ ├── static-entry.js │ ├── sync-requires.js │ └── test-require-error.js ├── .gitignore ├── .npmrc ├── README.md ├── gatsby-config.js ├── package.json ├── public │ ├── index.html │ └── render-page.js.map └── src │ ├── components │ ├── example │ │ ├── Example.css │ │ └── Example.js │ ├── logo │ │ └── Logo.js │ └── sections │ │ ├── Badges.js │ │ ├── Breadcrumbs.js │ │ ├── ButtonGroups.js │ │ ├── Buttons.js │ │ ├── Inputs.js │ │ ├── Jumbotron.js │ │ ├── Labels.js │ │ ├── Navbars.js │ │ ├── Pager.js │ │ ├── Pagination.js │ │ ├── Panels.js │ │ ├── Pills.js │ │ ├── Tabs.js │ │ └── Typography.js │ ├── layouts │ ├── index.css │ └── index.js │ └── pages │ ├── 404.js │ ├── components.js │ ├── getting-started.js │ └── index.js └── light ├── .npmrc ├── README.md ├── build ├── bundle.js ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 └── styles.css ├── fonts ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2 ├── package.json ├── src ├── bootstrap │ ├── alerts.less │ ├── badges.less │ ├── bootstrap.less │ ├── breadcrumbs.less │ ├── button-groups.less │ ├── buttons.less │ ├── carousel.less │ ├── close.less │ ├── code.less │ ├── component-animations.less │ ├── dropdowns.less │ ├── forms.less │ ├── glyphicons.less │ ├── grid.less │ ├── input-groups.less │ ├── jumbotron.less │ ├── labels.less │ ├── list-group.less │ ├── media.less │ ├── mixins.less │ ├── mixins │ │ ├── alerts.less │ │ ├── background-variant.less │ │ ├── border-radius.less │ │ ├── buttons.less │ │ ├── center-block.less │ │ ├── clearfix.less │ │ ├── forms.less │ │ ├── gradients.less │ │ ├── grid-framework.less │ │ ├── grid.less │ │ ├── hide-text.less │ │ ├── image.less │ │ ├── labels.less │ │ ├── list-group.less │ │ ├── nav-divider.less │ │ ├── nav-vertical-align.less │ │ ├── opacity.less │ │ ├── pagination.less │ │ ├── panels.less │ │ ├── progress-bar.less │ │ ├── reset-filter.less │ │ ├── reset-text.less │ │ ├── resize.less │ │ ├── responsive-visibility.less │ │ ├── size.less │ │ ├── tab-focus.less │ │ ├── table-row.less │ │ ├── text-emphasis.less │ │ ├── text-overflow.less │ │ └── vendor-prefixes.less │ ├── modals.less │ ├── navbar.less │ ├── navs.less │ ├── normalize.less │ ├── pager.less │ ├── pagination.less │ ├── panels.less │ ├── popovers.less │ ├── print.less │ ├── progress-bars.less │ ├── responsive-embed.less │ ├── responsive-utilities.less │ ├── scaffolding.less │ ├── tables.less │ ├── theme.less │ ├── thumbnails.less │ ├── tooltip.less │ ├── type.less │ ├── utilities.less │ ├── variables.less │ └── wells.less ├── buttons.less ├── dropdowns.less ├── fonts │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ └── glyphicons-halflings-regular.woff2 ├── forms.less ├── index.less ├── links.less ├── navbar.less ├── panels.less └── variables.less └── webpack.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (http://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # Typescript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 Harrison Shoff 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # UI Kit 2 | 3 | Built on top of `bootstrap` and `react-bootstrap`. 4 | 5 | Design by [@elibrumbaugh](https://twitter.com/elibrumbaugh) 6 | 7 | ### installation 8 | ```bash 9 | npm install --save react react-dom react-bootstrap @ui-kit/css 10 | ``` 11 | 12 | ### theme usage 13 | ```js 14 | // somefile.js 15 | import "@ui-kit/css"; 16 | ``` 17 | 18 | ### component usage 19 | refer to react-bootstrap docs for component usage https://react-bootstrap.github.io 20 | 21 | ### theme docs 22 | https://hshoff.github.io/ui-kit/components/ 23 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "lerna": "2.0.0-beta.38", 3 | "packages": [ 4 | "packages/*" 5 | ], 6 | "version": "0.0.10" 7 | } 8 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@ui-kit/lib", 3 | "version": "0.0.1", 4 | "description": "ui-kit library of packages", 5 | "main": "build/index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/hshoff/ui-kit.git" 12 | }, 13 | "keywords": [ 14 | "ui-kit", 15 | "react", 16 | "bootstrap" 17 | ], 18 | "author": "@hshoff", 19 | "license": "MIT", 20 | "bugs": { 21 | "url": "https://github.com/hshoff/ui-kit/issues" 22 | }, 23 | "homepage": "https://github.com/hshoff/ui-kit#readme", 24 | "devDependencies": { 25 | "lerna": "2.0.0-beta.38" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /packages/code/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": ["es2015", "react", "stage-0"], 3 | "plugins": [], 4 | "env": { 5 | "development": { 6 | "plugins": [ 7 | [ 8 | "react-transform", 9 | { 10 | "transforms": [ 11 | { 12 | "transform": "react-transform-hmr", 13 | "imports": ["react"], 14 | "locals": ["module"] 15 | } 16 | ] 17 | } 18 | ], 19 | "transform-runtime", 20 | "transform-decorators-legacy" 21 | ] 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /packages/code/.npmrc: -------------------------------------------------------------------------------- 1 | package-lock=false -------------------------------------------------------------------------------- /packages/code/Makefile: -------------------------------------------------------------------------------- 1 | include node_modules/react-fatigue-dev/Makefile -------------------------------------------------------------------------------- /packages/code/build/index.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | Object.defineProperty(exports, "__esModule", { 4 | value: true 5 | }); 6 | exports.default = Code; 7 | 8 | var _react = require('react'); 9 | 10 | var _react2 = _interopRequireDefault(_react); 11 | 12 | var _rehype = require('rehype'); 13 | 14 | var _rehype2 = _interopRequireDefault(_rehype); 15 | 16 | var _classnames = require('classnames'); 17 | 18 | var _classnames2 = _interopRequireDefault(_classnames); 19 | 20 | require('prismjs/themes/prism.css'); 21 | 22 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 23 | 24 | var refractor = require('refractor/core.js'); 25 | refractor.register(require('refractor/lang/jsx.js')); 26 | 27 | Code.defaultProps = { 28 | language: 'jsx' 29 | }; 30 | 31 | function Code(_ref) { 32 | var className = _ref.className, 33 | children = _ref.children, 34 | language = _ref.language, 35 | style = _ref.style; 36 | 37 | var nodes = refractor.highlight(children, language); 38 | var html = (0, _rehype2.default)().stringify({ type: 'root', children: nodes }).toString(); 39 | return _react2.default.createElement('pre', { 40 | style: style, 41 | className: (0, _classnames2.default)('ui-kit-code', className), 42 | dangerouslySetInnerHTML: { __html: html } 43 | }); 44 | } -------------------------------------------------------------------------------- /packages/code/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@ui-kit/code", 3 | "version": "0.0.5", 4 | "description": "UI Kit code component with syntax highlighting", 5 | "main": "build/index.js", 6 | "files": [ 7 | "build" 8 | ], 9 | "scripts": { 10 | "build": "make build SRC=./src", 11 | "prepublish": "make build SRC=./src", 12 | "test": "echo \"Error: no test specified\" && exit 1" 13 | }, 14 | "repository": { 15 | "type": "git", 16 | "url": "git+https://github.com/hshoff/ui-kit.git" 17 | }, 18 | "keywords": [ 19 | "ui-kit", 20 | "react" 21 | ], 22 | "author": "@hshoff", 23 | "license": "MIT", 24 | "bugs": { 25 | "url": "https://github.com/hshoff/ui-kit/issues" 26 | }, 27 | "homepage": "https://github.com/hshoff/ui-kit#readme", 28 | "peerDependencies": { 29 | "react": "^15.0.0 || 15.x" 30 | }, 31 | "devDependencies": { 32 | "react": "^15.0.0 || 15.x", 33 | "react-fatigue-dev": "github:tj/react-fatigue-dev" 34 | }, 35 | "dependencies": { 36 | "hastscript": "^3.1.0", 37 | "refractor": "^1.0.1", 38 | "rehype": "^5.0.0" 39 | }, 40 | "publishConfig": { 41 | "access": "public" 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /packages/code/src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import rehype from 'rehype'; 3 | import cx from 'classnames'; 4 | 5 | import 'prismjs/themes/prism.css'; 6 | 7 | var refractor = require('refractor/core.js'); 8 | refractor.register(require('refractor/lang/jsx.js')); 9 | 10 | Code.defaultProps = { 11 | language: 'jsx', 12 | }; 13 | 14 | export default function Code({ 15 | className, 16 | children, 17 | language, 18 | style, 19 | }) { 20 | const nodes = refractor.highlight(children, language); 21 | const html = rehype() 22 | .stringify({ type: 'root', children: nodes }) 23 | .toString(); 24 | return ( 25 | 
30 |   );
31 | }
32 | 


--------------------------------------------------------------------------------
/packages/css/.npmrc:
--------------------------------------------------------------------------------
1 | package-lock=false


--------------------------------------------------------------------------------
/packages/css/README.md:
--------------------------------------------------------------------------------
 1 | # @ui-kit/css
 2 | 
 3 | Install this package to add bootstrap with the ui-kit theme css to your project.
 4 | 
 5 | If you're using `react` you should also install `react-bootstrap`.
 6 | 
 7 | ## Installation
 8 | 
 9 | ```bash
10 | npm install --save @ui-kit/css
11 | ```
12 | 
13 | ## Adding to project
14 | 
15 | ### webpack with `css-loader`
16 | 
17 | ```js
18 | // some-file.js
19 | import "@ui-kit/css";
20 | ```
21 | 


--------------------------------------------------------------------------------
/packages/css/build/bundle.js:
--------------------------------------------------------------------------------
 1 | /******/ (function(modules) { // webpackBootstrap
 2 | /******/ 	// The module cache
 3 | /******/ 	var installedModules = {};
 4 | /******/
 5 | /******/ 	// The require function
 6 | /******/ 	function __webpack_require__(moduleId) {
 7 | /******/
 8 | /******/ 		// Check if module is in cache
 9 | /******/ 		if(installedModules[moduleId]) {
10 | /******/ 			return installedModules[moduleId].exports;
11 | /******/ 		}
12 | /******/ 		// Create a new module (and put it into the cache)
13 | /******/ 		var module = installedModules[moduleId] = {
14 | /******/ 			i: moduleId,
15 | /******/ 			l: false,
16 | /******/ 			exports: {}
17 | /******/ 		};
18 | /******/
19 | /******/ 		// Execute the module function
20 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21 | /******/
22 | /******/ 		// Flag the module as loaded
23 | /******/ 		module.l = true;
24 | /******/
25 | /******/ 		// Return the exports of the module
26 | /******/ 		return module.exports;
27 | /******/ 	}
28 | /******/
29 | /******/
30 | /******/ 	// expose the modules object (__webpack_modules__)
31 | /******/ 	__webpack_require__.m = modules;
32 | /******/
33 | /******/ 	// expose the module cache
34 | /******/ 	__webpack_require__.c = installedModules;
35 | /******/
36 | /******/ 	// define getter function for harmony exports
37 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
38 | /******/ 		if(!__webpack_require__.o(exports, name)) {
39 | /******/ 			Object.defineProperty(exports, name, {
40 | /******/ 				configurable: false,
41 | /******/ 				enumerable: true,
42 | /******/ 				get: getter
43 | /******/ 			});
44 | /******/ 		}
45 | /******/ 	};
46 | /******/
47 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
48 | /******/ 	__webpack_require__.n = function(module) {
49 | /******/ 		var getter = module && module.__esModule ?
50 | /******/ 			function getDefault() { return module['default']; } :
51 | /******/ 			function getModuleExports() { return module; };
52 | /******/ 		__webpack_require__.d(getter, 'a', getter);
53 | /******/ 		return getter;
54 | /******/ 	};
55 | /******/
56 | /******/ 	// Object.prototype.hasOwnProperty.call
57 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
58 | /******/
59 | /******/ 	// __webpack_public_path__
60 | /******/ 	__webpack_require__.p = "";
61 | /******/
62 | /******/ 	// Load entry module and return exports
63 | /******/ 	return __webpack_require__(__webpack_require__.s = 0);
64 | /******/ })
65 | /************************************************************************/
66 | /******/ ([
67 | /* 0 */
68 | /***/ (function(module, exports) {
69 | 
70 | // removed by extract-text-webpack-plugin
71 | 
72 | /***/ })
73 | /******/ ]);


--------------------------------------------------------------------------------
/packages/css/build/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/css/build/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/packages/css/build/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/css/build/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/packages/css/build/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/css/build/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/packages/css/build/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/css/build/fonts/glyphicons-halflings-regular.woff2


--------------------------------------------------------------------------------
/packages/css/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/css/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/packages/css/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/css/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/packages/css/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/css/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/packages/css/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/css/fonts/glyphicons-halflings-regular.woff2


--------------------------------------------------------------------------------
/packages/css/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@ui-kit/css",
 3 |   "version": "0.0.10",
 4 |   "description": "ui kit bootstrap + theme css",
 5 |   "main": "./build/styles.css",
 6 |   "files": [
 7 |     "build",
 8 |     "fonts"
 9 |   ],
10 |   "scripts": {
11 |     "prepublish": "npm run build",
12 |     "build": "webpack",
13 |     "test": "echo \"Error: no test specified\" && exit 1"
14 |   },
15 |   "repository": {
16 |     "type": "git",
17 |     "url": "git+https://github.com/hshoff/ui-kit.git"
18 |   },
19 |   "keywords": [
20 |     "ui-kit",
21 |     "css"
22 |   ],
23 |   "author": "@hshoff",
24 |   "license": "MIT",
25 |   "bugs": {
26 |     "url": "https://github.com/hshoff/ui-kit/issues"
27 |   },
28 |   "homepage": "https://github.com/hshoff/ui-kit#readme",
29 |   "devDependencies": {
30 |     "css-loader": "^0.28.7",
31 |     "extract-text-webpack-plugin": "^3.0.0",
32 |     "file-loader": "^0.11.2",
33 |     "less": "^2.7.2",
34 |     "less-loader": "^4.0.5",
35 |     "less-plugin-clean-css": "^1.5.1",
36 |     "style-loader": "^0.18.2",
37 |     "webpack": "^3.5.6"
38 |   },
39 |   "publishConfig": {
40 |     "access": "public"
41 |   }
42 | }
43 | 


--------------------------------------------------------------------------------
/packages/css/src/backgrounds.less:
--------------------------------------------------------------------------------
1 | .bg-body {
2 |   background-color: @body-bg;
3 | }
4 | 
5 | .bg-dark-gray-directional {
6 |   #gradient.directional(@start-color: #1a1a1a; @end-color: #0f0f0f; @deg: -45deg)
7 | }


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/alerts.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Alerts
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Base styles
 7 | // -------------------------
 8 | 
 9 | .alert {
10 |   padding: @alert-padding;
11 |   margin-bottom: @line-height-computed;
12 |   border: 1px solid transparent;
13 |   border-radius: @alert-border-radius;
14 | 
15 |   // Headings for larger alerts
16 |   h4 {
17 |     margin-top: 0;
18 |     // Specified for the h4 to prevent conflicts of changing @headings-color
19 |     color: inherit;
20 |   }
21 | 
22 |   // Provide class for links that match alerts
23 |   .alert-link {
24 |     font-weight: @alert-link-font-weight;
25 |   }
26 | 
27 |   // Improve alignment and spacing of inner content
28 |   > p,
29 |   > ul {
30 |     margin-bottom: 0;
31 |   }
32 | 
33 |   > p + p {
34 |     margin-top: 5px;
35 |   }
36 | }
37 | 
38 | // Dismissible alerts
39 | //
40 | // Expand the right padding and account for the close button's positioning.
41 | 
42 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0.
43 | .alert-dismissible {
44 |   padding-right: (@alert-padding + 20);
45 | 
46 |   // Adjust close link position
47 |   .close {
48 |     position: relative;
49 |     top: -2px;
50 |     right: -21px;
51 |     color: inherit;
52 |   }
53 | }
54 | 
55 | // Alternate styles
56 | //
57 | // Generate contextual modifier classes for colorizing the alert.
58 | 
59 | .alert-success {
60 |   .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
61 | }
62 | 
63 | .alert-info {
64 |   .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
65 | }
66 | 
67 | .alert-warning {
68 |   .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
69 | }
70 | 
71 | .alert-danger {
72 |   .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
73 | }
74 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/badges.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Badges
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Base class
 7 | .badge {
 8 |   display: inline-block;
 9 |   min-width: 10px;
10 |   padding: 3px 7px;
11 |   font-size: @font-size-small;
12 |   font-weight: @badge-font-weight;
13 |   color: @badge-color;
14 |   line-height: @badge-line-height;
15 |   vertical-align: middle;
16 |   white-space: nowrap;
17 |   text-align: center;
18 |   background-color: @badge-bg;
19 |   border-radius: @badge-border-radius;
20 | 
21 |   // Empty badges collapse automatically (not available in IE8)
22 |   &:empty {
23 |     display: none;
24 |   }
25 | 
26 |   // Quick fix for badges in buttons
27 |   .btn & {
28 |     position: relative;
29 |     top: -1px;
30 |   }
31 | 
32 |   .btn-xs &,
33 |   .btn-group-xs > .btn & {
34 |     top: 0;
35 |     padding: 1px 5px;
36 |   }
37 | 
38 |   // Hover state, but only for links
39 |   a& {
40 |     &:hover,
41 |     &:focus {
42 |       color: @badge-link-hover-color;
43 |       text-decoration: none;
44 |       cursor: pointer;
45 |     }
46 |   }
47 | 
48 |   // Account for badges in navs
49 |   .list-group-item.active > &,
50 |   .nav-pills > .active > a > & {
51 |     color: @badge-active-color;
52 |     background-color: @badge-active-bg;
53 |   }
54 | 
55 |   .list-group-item > & {
56 |     float: right;
57 |   }
58 | 
59 |   .list-group-item > & + & {
60 |     margin-right: 5px;
61 |   }
62 | 
63 |   .nav-pills > li > a > & {
64 |     margin-left: 3px;
65 |   }
66 | }
67 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/bootstrap.less:
--------------------------------------------------------------------------------
 1 | /*!
 2 |  * Bootstrap v3.3.7 (http://getbootstrap.com)
 3 |  * Copyright 2011-2016 Twitter, Inc.
 4 |  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 5 |  */
 6 | 
 7 | // Core variables and mixins
 8 | @import "variables.less";
 9 | @import "mixins.less";
10 | 
11 | // Reset and dependencies
12 | @import "normalize.less";
13 | @import "print.less";
14 | @import "glyphicons.less";
15 | 
16 | // Core CSS
17 | @import "scaffolding.less";
18 | @import "type.less";
19 | @import "code.less";
20 | @import "grid.less";
21 | @import "tables.less";
22 | @import "forms.less";
23 | @import "buttons.less";
24 | 
25 | // Components
26 | @import "component-animations.less";
27 | @import "dropdowns.less";
28 | @import "button-groups.less";
29 | @import "input-groups.less";
30 | @import "navs.less";
31 | @import "navbar.less";
32 | @import "breadcrumbs.less";
33 | @import "pagination.less";
34 | @import "pager.less";
35 | @import "labels.less";
36 | @import "badges.less";
37 | @import "jumbotron.less";
38 | @import "thumbnails.less";
39 | @import "alerts.less";
40 | @import "progress-bars.less";
41 | @import "media.less";
42 | @import "list-group.less";
43 | @import "panels.less";
44 | @import "responsive-embed.less";
45 | @import "wells.less";
46 | @import "close.less";
47 | 
48 | // Components w/ JavaScript
49 | @import "modals.less";
50 | @import "tooltip.less";
51 | @import "popovers.less";
52 | @import "carousel.less";
53 | 
54 | // Utility classes
55 | @import "utilities.less";
56 | @import "responsive-utilities.less";
57 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/breadcrumbs.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Breadcrumbs
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | .breadcrumb {
 7 |   padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
 8 |   margin-bottom: @line-height-computed;
 9 |   list-style: none;
10 |   background-color: @breadcrumb-bg;
11 |   border-radius: @border-radius-base;
12 | 
13 |   > li {
14 |     display: inline-block;
15 | 
16 |     + li:before {
17 |       content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
18 |       padding: 0 5px;
19 |       color: @breadcrumb-color;
20 |     }
21 |   }
22 | 
23 |   > .active {
24 |     color: @breadcrumb-active-color;
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/close.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Close icons
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | .close {
 7 |   float: right;
 8 |   font-size: (@font-size-base * 1.5);
 9 |   font-weight: @close-font-weight;
10 |   line-height: 1;
11 |   color: @close-color;
12 |   text-shadow: @close-text-shadow;
13 |   .opacity(.2);
14 | 
15 |   &:hover,
16 |   &:focus {
17 |     color: @close-color;
18 |     text-decoration: none;
19 |     cursor: pointer;
20 |     .opacity(.5);
21 |   }
22 | 
23 |   // Additional properties for button version
24 |   // iOS requires the button element instead of an anchor tag.
25 |   // If you want the anchor version, it requires `href="#"`.
26 |   // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
27 |   button& {
28 |     padding: 0;
29 |     cursor: pointer;
30 |     background: transparent;
31 |     border: 0;
32 |     -webkit-appearance: none;
33 |   }
34 | }
35 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/code.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Code (inline and block)
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Inline and block code styles
 7 | code,
 8 | kbd,
 9 | pre,
10 | samp {
11 |   font-family: @font-family-monospace;
12 | }
13 | 
14 | // Inline code
15 | code {
16 |   padding: 2px 4px;
17 |   font-size: 90%;
18 |   color: @code-color;
19 |   background-color: @code-bg;
20 |   border-radius: @border-radius-base;
21 | }
22 | 
23 | // User input typically entered via keyboard
24 | kbd {
25 |   padding: 2px 4px;
26 |   font-size: 90%;
27 |   color: @kbd-color;
28 |   background-color: @kbd-bg;
29 |   border-radius: @border-radius-small;
30 |   box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
31 | 
32 |   kbd {
33 |     padding: 0;
34 |     font-size: 100%;
35 |     font-weight: bold;
36 |     box-shadow: none;
37 |   }
38 | }
39 | 
40 | // Blocks of code
41 | pre {
42 |   display: block;
43 |   padding: ((@line-height-computed - 1) / 2);
44 |   margin: 0 0 (@line-height-computed / 2);
45 |   font-size: (@font-size-base - 1); // 14px to 13px
46 |   line-height: @line-height-base;
47 |   word-break: break-all;
48 |   word-wrap: break-word;
49 |   color: @pre-color;
50 |   background-color: @pre-bg;
51 |   border: 1px solid @pre-border-color;
52 |   border-radius: @border-radius-base;
53 | 
54 |   // Account for some code outputs that place code tags in pre tags
55 |   code {
56 |     padding: 0;
57 |     font-size: inherit;
58 |     color: inherit;
59 |     white-space: pre-wrap;
60 |     background-color: transparent;
61 |     border-radius: 0;
62 |   }
63 | }
64 | 
65 | // Enable scrollable blocks of code
66 | .pre-scrollable {
67 |   max-height: @pre-scrollable-max-height;
68 |   overflow-y: scroll;
69 | }
70 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/component-animations.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Component animations
 3 | // --------------------------------------------------
 4 | 
 5 | // Heads up!
 6 | //
 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text
 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
 9 | 
10 | .fade {
11 |   opacity: 0;
12 |   .transition(opacity .15s linear);
13 |   &.in {
14 |     opacity: 1;
15 |   }
16 | }
17 | 
18 | .collapse {
19 |   display: none;
20 | 
21 |   &.in      { display: block; }
22 |   tr&.in    { display: table-row; }
23 |   tbody&.in { display: table-row-group; }
24 | }
25 | 
26 | .collapsing {
27 |   position: relative;
28 |   height: 0;
29 |   overflow: hidden;
30 |   .transition-property(~"height, visibility");
31 |   .transition-duration(.35s);
32 |   .transition-timing-function(ease);
33 | }
34 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/grid.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Grid system
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Container widths
 7 | //
 8 | // Set the container width, and override it for fixed navbars in media queries.
 9 | 
10 | .container {
11 |   .container-fixed();
12 | 
13 |   @media (min-width: @screen-sm-min) {
14 |     width: @container-sm;
15 |   }
16 |   @media (min-width: @screen-md-min) {
17 |     width: @container-md;
18 |   }
19 |   @media (min-width: @screen-lg-min) {
20 |     width: @container-lg;
21 |   }
22 | }
23 | 
24 | 
25 | // Fluid container
26 | //
27 | // Utilizes the mixin meant for fixed width containers, but without any defined
28 | // width for fluid, full width layouts.
29 | 
30 | .container-fluid {
31 |   .container-fixed();
32 | }
33 | 
34 | 
35 | // Row
36 | //
37 | // Rows contain and clear the floats of your columns.
38 | 
39 | .row {
40 |   .make-row();
41 | }
42 | 
43 | 
44 | // Columns
45 | //
46 | // Common styles for small and large grid columns
47 | 
48 | .make-grid-columns();
49 | 
50 | 
51 | // Extra small grid
52 | //
53 | // Columns, offsets, pushes, and pulls for extra small devices like
54 | // smartphones.
55 | 
56 | .make-grid(xs);
57 | 
58 | 
59 | // Small grid
60 | //
61 | // Columns, offsets, pushes, and pulls for the small device range, from phones
62 | // to tablets.
63 | 
64 | @media (min-width: @screen-sm-min) {
65 |   .make-grid(sm);
66 | }
67 | 
68 | 
69 | // Medium grid
70 | //
71 | // Columns, offsets, pushes, and pulls for the desktop device range.
72 | 
73 | @media (min-width: @screen-md-min) {
74 |   .make-grid(md);
75 | }
76 | 
77 | 
78 | // Large grid
79 | //
80 | // Columns, offsets, pushes, and pulls for the large desktop device range.
81 | 
82 | @media (min-width: @screen-lg-min) {
83 |   .make-grid(lg);
84 | }
85 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/jumbotron.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Jumbotron
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | .jumbotron {
 7 |   padding-top:    @jumbotron-padding;
 8 |   padding-bottom: @jumbotron-padding;
 9 |   margin-bottom: @jumbotron-padding;
10 |   color: @jumbotron-color;
11 |   background-color: @jumbotron-bg;
12 | 
13 |   h1,
14 |   .h1 {
15 |     color: @jumbotron-heading-color;
16 |   }
17 | 
18 |   p {
19 |     margin-bottom: (@jumbotron-padding / 2);
20 |     font-size: @jumbotron-font-size;
21 |     font-weight: 200;
22 |   }
23 | 
24 |   > hr {
25 |     border-top-color: darken(@jumbotron-bg, 10%);
26 |   }
27 | 
28 |   .container &,
29 |   .container-fluid & {
30 |     border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
31 |     padding-left:  (@grid-gutter-width / 2);
32 |     padding-right: (@grid-gutter-width / 2);
33 |   }
34 | 
35 |   .container {
36 |     max-width: 100%;
37 |   }
38 | 
39 |   @media screen and (min-width: @screen-sm-min) {
40 |     padding-top:    (@jumbotron-padding * 1.6);
41 |     padding-bottom: (@jumbotron-padding * 1.6);
42 | 
43 |     .container &,
44 |     .container-fluid & {
45 |       padding-left:  (@jumbotron-padding * 2);
46 |       padding-right: (@jumbotron-padding * 2);
47 |     }
48 | 
49 |     h1,
50 |     .h1 {
51 |       font-size: @jumbotron-heading-font-size;
52 |     }
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/labels.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Labels
 3 | // --------------------------------------------------
 4 | 
 5 | .label {
 6 |   display: inline;
 7 |   padding: .2em .6em .3em;
 8 |   font-size: 75%;
 9 |   font-weight: bold;
10 |   line-height: 1;
11 |   color: @label-color;
12 |   text-align: center;
13 |   white-space: nowrap;
14 |   vertical-align: baseline;
15 |   border-radius: .25em;
16 | 
17 |   // Add hover effects, but only for links
18 |   a& {
19 |     &:hover,
20 |     &:focus {
21 |       color: @label-link-hover-color;
22 |       text-decoration: none;
23 |       cursor: pointer;
24 |     }
25 |   }
26 | 
27 |   // Empty labels collapse automatically (not available in IE8)
28 |   &:empty {
29 |     display: none;
30 |   }
31 | 
32 |   // Quick fix for labels in buttons
33 |   .btn & {
34 |     position: relative;
35 |     top: -1px;
36 |   }
37 | }
38 | 
39 | // Colors
40 | // Contextual variations (linked labels get darker on :hover)
41 | 
42 | .label-default {
43 |   .label-variant(@label-default-bg);
44 | }
45 | 
46 | .label-primary {
47 |   .label-variant(@label-primary-bg);
48 | }
49 | 
50 | .label-success {
51 |   .label-variant(@label-success-bg);
52 | }
53 | 
54 | .label-info {
55 |   .label-variant(@label-info-bg);
56 | }
57 | 
58 | .label-warning {
59 |   .label-variant(@label-warning-bg);
60 | }
61 | 
62 | .label-danger {
63 |   .label-variant(@label-danger-bg);
64 | }
65 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/media.less:
--------------------------------------------------------------------------------
 1 | .media {
 2 |   // Proper spacing between instances of .media
 3 |   margin-top: 15px;
 4 | 
 5 |   &:first-child {
 6 |     margin-top: 0;
 7 |   }
 8 | }
 9 | 
10 | .media,
11 | .media-body {
12 |   zoom: 1;
13 |   overflow: hidden;
14 | }
15 | 
16 | .media-body {
17 |   width: 10000px;
18 | }
19 | 
20 | .media-object {
21 |   display: block;
22 | 
23 |   // Fix collapse in webkit from max-width: 100% and display: table-cell.
24 |   &.img-thumbnail {
25 |     max-width: none;
26 |   }
27 | }
28 | 
29 | .media-right,
30 | .media > .pull-right {
31 |   padding-left: 10px;
32 | }
33 | 
34 | .media-left,
35 | .media > .pull-left {
36 |   padding-right: 10px;
37 | }
38 | 
39 | .media-left,
40 | .media-right,
41 | .media-body {
42 |   display: table-cell;
43 |   vertical-align: top;
44 | }
45 | 
46 | .media-middle {
47 |   vertical-align: middle;
48 | }
49 | 
50 | .media-bottom {
51 |   vertical-align: bottom;
52 | }
53 | 
54 | // Reset margins on headings for tighter default spacing
55 | .media-heading {
56 |   margin-top: 0;
57 |   margin-bottom: 5px;
58 | }
59 | 
60 | // Media list variation
61 | //
62 | // Undo default ul/ol styles
63 | .media-list {
64 |   padding-left: 0;
65 |   list-style: none;
66 | }
67 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/mixins.less:
--------------------------------------------------------------------------------
 1 | // Mixins
 2 | // --------------------------------------------------
 3 | 
 4 | // Utilities
 5 | @import "mixins/hide-text.less";
 6 | @import "mixins/opacity.less";
 7 | @import "mixins/image.less";
 8 | @import "mixins/labels.less";
 9 | @import "mixins/reset-filter.less";
10 | @import "mixins/resize.less";
11 | @import "mixins/responsive-visibility.less";
12 | @import "mixins/size.less";
13 | @import "mixins/tab-focus.less";
14 | @import "mixins/reset-text.less";
15 | @import "mixins/text-emphasis.less";
16 | @import "mixins/text-overflow.less";
17 | @import "mixins/vendor-prefixes.less";
18 | 
19 | // Components
20 | @import "mixins/alerts.less";
21 | @import "mixins/buttons.less";
22 | @import "mixins/panels.less";
23 | @import "mixins/pagination.less";
24 | @import "mixins/list-group.less";
25 | @import "mixins/nav-divider.less";
26 | @import "mixins/forms.less";
27 | @import "mixins/progress-bar.less";
28 | @import "mixins/table-row.less";
29 | 
30 | // Skins
31 | @import "mixins/background-variant.less";
32 | @import "mixins/border-radius.less";
33 | @import "mixins/gradients.less";
34 | 
35 | // Layout
36 | @import "mixins/clearfix.less";
37 | @import "mixins/center-block.less";
38 | @import "mixins/nav-vertical-align.less";
39 | @import "mixins/grid-framework.less";
40 | @import "mixins/grid.less";
41 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/mixins/alerts.less:
--------------------------------------------------------------------------------
 1 | // Alerts
 2 | 
 3 | .alert-variant(@background; @border; @text-color) {
 4 |   background-color: @background;
 5 |   border-color: @border;
 6 |   color: @text-color;
 7 | 
 8 |   hr {
 9 |     border-top-color: darken(@border, 5%);
10 |   }
11 |   .alert-link {
12 |     color: darken(@text-color, 10%);
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/mixins/background-variant.less:
--------------------------------------------------------------------------------
 1 | // Contextual backgrounds
 2 | 
 3 | .bg-variant(@color) {
 4 |   background-color: @color;
 5 |   a&:hover,
 6 |   a&:focus {
 7 |     background-color: darken(@color, 10%);
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/mixins/border-radius.less:
--------------------------------------------------------------------------------
 1 | // Single side border-radius
 2 | 
 3 | .border-top-radius(@radius) {
 4 |   border-top-right-radius: @radius;
 5 |    border-top-left-radius: @radius;
 6 | }
 7 | .border-right-radius(@radius) {
 8 |   border-bottom-right-radius: @radius;
 9 |      border-top-right-radius: @radius;
10 | }
11 | .border-bottom-radius(@radius) {
12 |   border-bottom-right-radius: @radius;
13 |    border-bottom-left-radius: @radius;
14 | }
15 | .border-left-radius(@radius) {
16 |   border-bottom-left-radius: @radius;
17 |      border-top-left-radius: @radius;
18 | }
19 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/mixins/buttons.less:
--------------------------------------------------------------------------------
 1 | // Button variants
 2 | //
 3 | // Easily pump out default styles, as well as :hover, :focus, :active,
 4 | // and disabled options for all buttons
 5 | 
 6 | .button-variant(@color; @background; @border) {
 7 |   color: @color;
 8 |   background-color: @background;
 9 |   border-color: @border;
10 | 
11 |   &:focus,
12 |   &.focus {
13 |     color: @color;
14 |     background-color: darken(@background, 10%);
15 |         border-color: darken(@border, 25%);
16 |   }
17 |   &:hover {
18 |     color: @color;
19 |     background-color: darken(@background, 10%);
20 |         border-color: darken(@border, 12%);
21 |   }
22 |   &:active,
23 |   &.active,
24 |   .open > .dropdown-toggle& {
25 |     color: @color;
26 |     background-color: darken(@background, 10%);
27 |         border-color: darken(@border, 12%);
28 | 
29 |     &:hover,
30 |     &:focus,
31 |     &.focus {
32 |       color: @color;
33 |       background-color: darken(@background, 17%);
34 |           border-color: darken(@border, 25%);
35 |     }
36 |   }
37 |   &:active,
38 |   &.active,
39 |   .open > .dropdown-toggle& {
40 |     background-image: none;
41 |   }
42 |   &.disabled,
43 |   &[disabled],
44 |   fieldset[disabled] & {
45 |     &:hover,
46 |     &:focus,
47 |     &.focus {
48 |       background-color: @background;
49 |           border-color: @border;
50 |     }
51 |   }
52 | 
53 |   .badge {
54 |     color: @background;
55 |     background-color: @color;
56 |   }
57 | }
58 | 
59 | // Button sizes
60 | .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
61 |   padding: @padding-vertical @padding-horizontal;
62 |   font-size: @font-size;
63 |   line-height: @line-height;
64 |   border-radius: @border-radius;
65 | }
66 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/mixins/center-block.less:
--------------------------------------------------------------------------------
1 | // Center-align a block level element
2 | 
3 | .center-block() {
4 |   display: block;
5 |   margin-left: auto;
6 |   margin-right: auto;
7 | }
8 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/mixins/clearfix.less:
--------------------------------------------------------------------------------
 1 | // Clearfix
 2 | //
 3 | // For modern browsers
 4 | // 1. The space content is one way to avoid an Opera bug when the
 5 | //    contenteditable attribute is included anywhere else in the document.
 6 | //    Otherwise it causes space to appear at the top and bottom of elements
 7 | //    that are clearfixed.
 8 | // 2. The use of `table` rather than `block` is only necessary if using
 9 | //    `:before` to contain the top-margins of child elements.
10 | //
11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/
12 | 
13 | .clearfix() {
14 |   &:before,
15 |   &:after {
16 |     content: " "; // 1
17 |     display: table; // 2
18 |   }
19 |   &:after {
20 |     clear: both;
21 |   }
22 | }
23 | 


--------------------------------------------------------------------------------
/packages/css/src/bootstrap/mixins/forms.less:
--------------------------------------------------------------------------------
 1 | // Form validation states
 2 | //
 3 | // Used in forms.less to generate the form validation CSS for warnings, errors,
 4 | // and successes.
 5 | 
 6 | .form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) {
 7 |   // Color the label and help text
 8 |   .help-block,
 9 |   .control-label,
10 |   .radio,
11 |   .checkbox,
12 |   .radio-inline,
13 |   .checkbox-inline,
14 |   &.radio label,
15 |   &.checkbox label,
16 |   &.radio-inline label,
17 |   &.checkbox-inline label  {
18 |     color: @text-color;
19 |   }
20 |   // Set the border and box shadow on specific inputs to match
21 |   .form-control {
22 |     border-color: @border-color;
23 |     .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
24 |     &:focus {
25 |       border-color: darken(@border-color, 10%);
26 |       @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
27 |       .box-shadow(@shadow);
28 |     }
29 |   }
30 |   // Set validation states also for addons
31 |   .input-group-addon {
32 |     color: @text-color;
33 |     border-color: @border-color;
34 |     background-color: @background-color;
35 |   }
36 |   // Optional feedback icon
37 |   .form-control-feedback {
38 |     color: @text-color;
39 |   }
40 | }
41 | 
42 | 
43 | // Form control focus state
44 | //
45 | // Generate a customized focus state and for any input with the specified color,
46 | // which defaults to the `@input-border-focus` variable.
47 | //
48 | // We highly encourage you to not customize the default value, but instead use
49 | // this to tweak colors on an as-needed basis. This aesthetic change is based on
50 | // WebKit's default styles, but applicable to a wider range of browsers. Its
51 | // usability and accessibility should be taken into account with any change.
52 | //
53 | // Example usage: change the default blue border and shadow to white for better
54 | // contrast against a dark gray background.
55 | .form-control-focus(@color: @input-border-focus) {
56 |   @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
57 |   &:focus {
58 |     border-color: @color;
59 |     outline: 0;
60 |     .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
61 |   }
62 | }
63 | 
64 | // Form control sizing
65 | //
66 | // Relative text size, padding, and border-radii changes for form controls. For
67 | // horizontal sizing, wrap controls in the predefined grid classes. ``
68 | // element gets special love because it's special, and that's a fact!
69 | .input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
70 |   height: @input-height;
71 |   padding: @padding-vertical @padding-horizontal;
72 |   font-size: @font-size;
73 |   line-height: @line-height;
74 |   border-radius: @border-radius;
75 | 
76 |   select& {
77 |     height: @input-height;
78 |     line-height: @input-height;
79 |   }
80 | 
81 |   textarea&,
82 |   select[multiple]& {
83 |     height: auto;
84 |   }
85 | }
86 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/grid-framework.less:
--------------------------------------------------------------------------------
 1 | // Framework grid generation
 2 | //
 3 | // Used only by Bootstrap to generate the correct number of grid classes given
 4 | // any value of `@grid-columns`.
 5 | 
 6 | .make-grid-columns() {
 7 |   // Common styles for all sizes of grid columns, widths 1-12
 8 |   .col(@index) { // initial
 9 |     @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
10 |     .col((@index + 1), @item);
11 |   }
12 |   .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
13 |     @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
14 |     .col((@index + 1), ~"@{list}, @{item}");
15 |   }
16 |   .col(@index, @list) when (@index > @grid-columns) { // terminal
17 |     @{list} {
18 |       position: relative;
19 |       // Prevent columns from collapsing when empty
20 |       min-height: 1px;
21 |       // Inner gutter via padding
22 |       padding-left:  ceil((@grid-gutter-width / 2));
23 |       padding-right: floor((@grid-gutter-width / 2));
24 |     }
25 |   }
26 |   .col(1); // kickstart it
27 | }
28 | 
29 | .float-grid-columns(@class) {
30 |   .col(@index) { // initial
31 |     @item: ~".col-@{class}-@{index}";
32 |     .col((@index + 1), @item);
33 |   }
34 |   .col(@index, @list) when (@index =< @grid-columns) { // general
35 |     @item: ~".col-@{class}-@{index}";
36 |     .col((@index + 1), ~"@{list}, @{item}");
37 |   }
38 |   .col(@index, @list) when (@index > @grid-columns) { // terminal
39 |     @{list} {
40 |       float: left;
41 |     }
42 |   }
43 |   .col(1); // kickstart it
44 | }
45 | 
46 | .calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
47 |   .col-@{class}-@{index} {
48 |     width: percentage((@index / @grid-columns));
49 |   }
50 | }
51 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) {
52 |   .col-@{class}-push-@{index} {
53 |     left: percentage((@index / @grid-columns));
54 |   }
55 | }
56 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) {
57 |   .col-@{class}-push-0 {
58 |     left: auto;
59 |   }
60 | }
61 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) {
62 |   .col-@{class}-pull-@{index} {
63 |     right: percentage((@index / @grid-columns));
64 |   }
65 | }
66 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) {
67 |   .col-@{class}-pull-0 {
68 |     right: auto;
69 |   }
70 | }
71 | .calc-grid-column(@index, @class, @type) when (@type = offset) {
72 |   .col-@{class}-offset-@{index} {
73 |     margin-left: percentage((@index / @grid-columns));
74 |   }
75 | }
76 | 
77 | // Basic looping in LESS
78 | .loop-grid-columns(@index, @class, @type) when (@index >= 0) {
79 |   .calc-grid-column(@index, @class, @type);
80 |   // next iteration
81 |   .loop-grid-columns((@index - 1), @class, @type);
82 | }
83 | 
84 | // Create grid for specific class
85 | .make-grid(@class) {
86 |   .float-grid-columns(@class);
87 |   .loop-grid-columns(@grid-columns, @class, width);
88 |   .loop-grid-columns(@grid-columns, @class, pull);
89 |   .loop-grid-columns(@grid-columns, @class, push);
90 |   .loop-grid-columns(@grid-columns, @class, offset);
91 | }
92 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/grid.less:
--------------------------------------------------------------------------------
  1 | // Grid system
  2 | //
  3 | // Generate semantic grid columns with these mixins.
  4 | 
  5 | // Centered container element
  6 | .container-fixed(@gutter: @grid-gutter-width) {
  7 |   margin-right: auto;
  8 |   margin-left: auto;
  9 |   padding-left:  floor((@gutter / 2));
 10 |   padding-right: ceil((@gutter / 2));
 11 |   &:extend(.clearfix all);
 12 | }
 13 | 
 14 | // Creates a wrapper for a series of columns
 15 | .make-row(@gutter: @grid-gutter-width) {
 16 |   margin-left:  ceil((@gutter / -2));
 17 |   margin-right: floor((@gutter / -2));
 18 |   &:extend(.clearfix all);
 19 | }
 20 | 
 21 | // Generate the extra small columns
 22 | .make-xs-column(@columns; @gutter: @grid-gutter-width) {
 23 |   position: relative;
 24 |   float: left;
 25 |   width: percentage((@columns / @grid-columns));
 26 |   min-height: 1px;
 27 |   padding-left:  (@gutter / 2);
 28 |   padding-right: (@gutter / 2);
 29 | }
 30 | .make-xs-column-offset(@columns) {
 31 |   margin-left: percentage((@columns / @grid-columns));
 32 | }
 33 | .make-xs-column-push(@columns) {
 34 |   left: percentage((@columns / @grid-columns));
 35 | }
 36 | .make-xs-column-pull(@columns) {
 37 |   right: percentage((@columns / @grid-columns));
 38 | }
 39 | 
 40 | // Generate the small columns
 41 | .make-sm-column(@columns; @gutter: @grid-gutter-width) {
 42 |   position: relative;
 43 |   min-height: 1px;
 44 |   padding-left:  (@gutter / 2);
 45 |   padding-right: (@gutter / 2);
 46 | 
 47 |   @media (min-width: @screen-sm-min) {
 48 |     float: left;
 49 |     width: percentage((@columns / @grid-columns));
 50 |   }
 51 | }
 52 | .make-sm-column-offset(@columns) {
 53 |   @media (min-width: @screen-sm-min) {
 54 |     margin-left: percentage((@columns / @grid-columns));
 55 |   }
 56 | }
 57 | .make-sm-column-push(@columns) {
 58 |   @media (min-width: @screen-sm-min) {
 59 |     left: percentage((@columns / @grid-columns));
 60 |   }
 61 | }
 62 | .make-sm-column-pull(@columns) {
 63 |   @media (min-width: @screen-sm-min) {
 64 |     right: percentage((@columns / @grid-columns));
 65 |   }
 66 | }
 67 | 
 68 | // Generate the medium columns
 69 | .make-md-column(@columns; @gutter: @grid-gutter-width) {
 70 |   position: relative;
 71 |   min-height: 1px;
 72 |   padding-left:  (@gutter / 2);
 73 |   padding-right: (@gutter / 2);
 74 | 
 75 |   @media (min-width: @screen-md-min) {
 76 |     float: left;
 77 |     width: percentage((@columns / @grid-columns));
 78 |   }
 79 | }
 80 | .make-md-column-offset(@columns) {
 81 |   @media (min-width: @screen-md-min) {
 82 |     margin-left: percentage((@columns / @grid-columns));
 83 |   }
 84 | }
 85 | .make-md-column-push(@columns) {
 86 |   @media (min-width: @screen-md-min) {
 87 |     left: percentage((@columns / @grid-columns));
 88 |   }
 89 | }
 90 | .make-md-column-pull(@columns) {
 91 |   @media (min-width: @screen-md-min) {
 92 |     right: percentage((@columns / @grid-columns));
 93 |   }
 94 | }
 95 | 
 96 | // Generate the large columns
 97 | .make-lg-column(@columns; @gutter: @grid-gutter-width) {
 98 |   position: relative;
 99 |   min-height: 1px;
100 |   padding-left:  (@gutter / 2);
101 |   padding-right: (@gutter / 2);
102 | 
103 |   @media (min-width: @screen-lg-min) {
104 |     float: left;
105 |     width: percentage((@columns / @grid-columns));
106 |   }
107 | }
108 | .make-lg-column-offset(@columns) {
109 |   @media (min-width: @screen-lg-min) {
110 |     margin-left: percentage((@columns / @grid-columns));
111 |   }
112 | }
113 | .make-lg-column-push(@columns) {
114 |   @media (min-width: @screen-lg-min) {
115 |     left: percentage((@columns / @grid-columns));
116 |   }
117 | }
118 | .make-lg-column-pull(@columns) {
119 |   @media (min-width: @screen-lg-min) {
120 |     right: percentage((@columns / @grid-columns));
121 |   }
122 | }
123 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/hide-text.less:
--------------------------------------------------------------------------------
 1 | // CSS image replacement
 2 | //
 3 | // Heads up! v3 launched with only `.hide-text()`, but per our pattern for
 4 | // mixins being reused as classes with the same name, this doesn't hold up. As
 5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
 6 | //
 7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
 8 | 
 9 | // Deprecated as of v3.0.1 (has been removed in v4)
10 | .hide-text() {
11 |   font: ~"0/0" a;
12 |   color: transparent;
13 |   text-shadow: none;
14 |   background-color: transparent;
15 |   border: 0;
16 | }
17 | 
18 | // New mixin to use as of v3.0.1
19 | .text-hide() {
20 |   .hide-text();
21 | }
22 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/image.less:
--------------------------------------------------------------------------------
 1 | // Image Mixins
 2 | // - Responsive image
 3 | // - Retina image
 4 | 
 5 | 
 6 | // Responsive image
 7 | //
 8 | // Keep images from scaling beyond the width of their parents.
 9 | .img-responsive(@display: block) {
10 |   display: @display;
11 |   max-width: 100%; // Part 1: Set a maximum relative to the parent
12 |   height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
13 | }
14 | 
15 | 
16 | // Retina image
17 | //
18 | // Short retina mixin for setting background-image and -size. Note that the
19 | // spelling of `min--moz-device-pixel-ratio` is intentional.
20 | .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
21 |   background-image: url("@{file-1x}");
22 | 
23 |   @media
24 |   only screen and (-webkit-min-device-pixel-ratio: 2),
25 |   only screen and (   min--moz-device-pixel-ratio: 2),
26 |   only screen and (     -o-min-device-pixel-ratio: 2/1),
27 |   only screen and (        min-device-pixel-ratio: 2),
28 |   only screen and (                min-resolution: 192dpi),
29 |   only screen and (                min-resolution: 2dppx) {
30 |     background-image: url("@{file-2x}");
31 |     background-size: @width-1x @height-1x;
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/labels.less:
--------------------------------------------------------------------------------
 1 | // Labels
 2 | 
 3 | .label-variant(@color) {
 4 |   background-color: @color;
 5 | 
 6 |   &[href] {
 7 |     &:hover,
 8 |     &:focus {
 9 |       background-color: darken(@color, 10%);
10 |     }
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/list-group.less:
--------------------------------------------------------------------------------
 1 | // List Groups
 2 | 
 3 | .list-group-item-variant(@state; @background; @color) {
 4 |   .list-group-item-@{state} {
 5 |     color: @color;
 6 |     background-color: @background;
 7 | 
 8 |     a&,
 9 |     button& {
10 |       color: @color;
11 | 
12 |       .list-group-item-heading {
13 |         color: inherit;
14 |       }
15 | 
16 |       &:hover,
17 |       &:focus {
18 |         color: @color;
19 |         background-color: darken(@background, 5%);
20 |       }
21 |       &.active,
22 |       &.active:hover,
23 |       &.active:focus {
24 |         color: #fff;
25 |         background-color: @color;
26 |         border-color: @color;
27 |       }
28 |     }
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/nav-divider.less:
--------------------------------------------------------------------------------
 1 | // Horizontal dividers
 2 | //
 3 | // Dividers (basically an hr) within dropdowns and nav lists
 4 | 
 5 | .nav-divider(@color: #e5e5e5) {
 6 |   height: 1px;
 7 |   margin: ((@line-height-computed / 2) - 1) 0;
 8 |   overflow: hidden;
 9 |   background-color: @color;
10 | }
11 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/nav-vertical-align.less:
--------------------------------------------------------------------------------
 1 | // Navbar vertical align
 2 | //
 3 | // Vertically center elements in the navbar.
 4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
 5 | 
 6 | .navbar-vertical-align(@element-height) {
 7 |   margin-top: ((@navbar-height - @element-height) / 2);
 8 |   margin-bottom: ((@navbar-height - @element-height) / 2);
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/opacity.less:
--------------------------------------------------------------------------------
1 | // Opacity
2 | 
3 | .opacity(@opacity) {
4 |   opacity: @opacity;
5 |   // IE8 filter
6 |   @opacity-ie: (@opacity * 100);
7 |   filter: ~"alpha(opacity=@{opacity-ie})";
8 | }
9 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/pagination.less:
--------------------------------------------------------------------------------
 1 | // Pagination
 2 | 
 3 | .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
 4 |   > li {
 5 |     > a,
 6 |     > span {
 7 |       padding: @padding-vertical @padding-horizontal;
 8 |       font-size: @font-size;
 9 |       line-height: @line-height;
10 |     }
11 |     &:first-child {
12 |       > a,
13 |       > span {
14 |         .border-left-radius(@border-radius);
15 |       }
16 |     }
17 |     &:last-child {
18 |       > a,
19 |       > span {
20 |         .border-right-radius(@border-radius);
21 |       }
22 |     }
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/panels.less:
--------------------------------------------------------------------------------
 1 | // Panels
 2 | 
 3 | .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
 4 |   border-color: @border;
 5 | 
 6 |   & > .panel-heading {
 7 |     color: @heading-text-color;
 8 |     background-color: @heading-bg-color;
 9 |     border-color: @heading-border;
10 | 
11 |     + .panel-collapse > .panel-body {
12 |       border-top-color: @border;
13 |     }
14 |     .badge {
15 |       color: @heading-bg-color;
16 |       background-color: @heading-text-color;
17 |     }
18 |   }
19 |   & > .panel-footer {
20 |     + .panel-collapse > .panel-body {
21 |       border-bottom-color: @border;
22 |     }
23 |   }
24 | }
25 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/progress-bar.less:
--------------------------------------------------------------------------------
 1 | // Progress bars
 2 | 
 3 | .progress-bar-variant(@color) {
 4 |   background-color: @color;
 5 | 
 6 |   // Deprecated parent class requirement as of v3.2.0
 7 |   .progress-striped & {
 8 |     #gradient > .striped();
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/reset-filter.less:
--------------------------------------------------------------------------------
1 | // Reset filters for IE
2 | //
3 | // When you need to remove a gradient background, do not forget to use this to reset
4 | // the IE filter for IE9 and below.
5 | 
6 | .reset-filter() {
7 |   filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
8 | }
9 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/reset-text.less:
--------------------------------------------------------------------------------
 1 | .reset-text() {
 2 |   font-family: @font-family-base;
 3 |   // We deliberately do NOT reset font-size.
 4 |   font-style: normal;
 5 |   font-weight: normal;
 6 |   letter-spacing: normal;
 7 |   line-break: auto;
 8 |   line-height: @line-height-base;
 9 |   text-align: left; // Fallback for where `start` is not supported
10 |   text-align: start;
11 |   text-decoration: none;
12 |   text-shadow: none;
13 |   text-transform: none;
14 |   white-space: normal;
15 |   word-break: normal;
16 |   word-spacing: normal;
17 |   word-wrap: normal;
18 | }
19 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/resize.less:
--------------------------------------------------------------------------------
1 | // Resize anything
2 | 
3 | .resizable(@direction) {
4 |   resize: @direction; // Options: horizontal, vertical, both
5 |   overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6 | }
7 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/responsive-visibility.less:
--------------------------------------------------------------------------------
 1 | // Responsive utilities
 2 | 
 3 | //
 4 | // More easily include all the states for responsive-utilities.less.
 5 | .responsive-visibility() {
 6 |   display: block !important;
 7 |   table&  { display: table !important; }
 8 |   tr&     { display: table-row !important; }
 9 |   th&,
10 |   td&     { display: table-cell !important; }
11 | }
12 | 
13 | .responsive-invisibility() {
14 |   display: none !important;
15 | }
16 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/size.less:
--------------------------------------------------------------------------------
 1 | // Sizing shortcuts
 2 | 
 3 | .size(@width; @height) {
 4 |   width: @width;
 5 |   height: @height;
 6 | }
 7 | 
 8 | .square(@size) {
 9 |   .size(@size; @size);
10 | }
11 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/tab-focus.less:
--------------------------------------------------------------------------------
 1 | // WebKit-style focus
 2 | 
 3 | .tab-focus() {
 4 |   // WebKit-specific. Other browsers will keep their default outline style.
 5 |   // (Initially tried to also force default via `outline: initial`,
 6 |   // but that seems to erroneously remove the outline in Firefox altogether.)
 7 |   outline: 5px auto -webkit-focus-ring-color;
 8 |   outline-offset: -2px;
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/table-row.less:
--------------------------------------------------------------------------------
 1 | // Tables
 2 | 
 3 | .table-row-variant(@state; @background) {
 4 |   // Exact selectors below required to override `.table-striped` and prevent
 5 |   // inheritance to nested tables.
 6 |   .table > thead > tr,
 7 |   .table > tbody > tr,
 8 |   .table > tfoot > tr {
 9 |     > td.@{state},
10 |     > th.@{state},
11 |     &.@{state} > td,
12 |     &.@{state} > th {
13 |       background-color: @background;
14 |     }
15 |   }
16 | 
17 |   // Hover states for `.table-hover`
18 |   // Note: this is not available for cells or rows within `thead` or `tfoot`.
19 |   .table-hover > tbody > tr {
20 |     > td.@{state}:hover,
21 |     > th.@{state}:hover,
22 |     &.@{state}:hover > td,
23 |     &:hover > .@{state},
24 |     &.@{state}:hover > th {
25 |       background-color: darken(@background, 5%);
26 |     }
27 |   }
28 | }
29 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/text-emphasis.less:
--------------------------------------------------------------------------------
 1 | // Typography
 2 | 
 3 | .text-emphasis-variant(@color) {
 4 |   color: @color;
 5 |   a&:hover,
 6 |   a&:focus {
 7 |     color: darken(@color, 10%);
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/mixins/text-overflow.less:
--------------------------------------------------------------------------------
1 | // Text overflow
2 | // Requires inline-block or block for proper styling
3 | 
4 | .text-overflow() {
5 |   overflow: hidden;
6 |   text-overflow: ellipsis;
7 |   white-space: nowrap;
8 | }
9 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/pager.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Pager pagination
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | .pager {
 7 |   padding-left: 0;
 8 |   margin: @line-height-computed 0;
 9 |   list-style: none;
10 |   text-align: center;
11 |   &:extend(.clearfix all);
12 |   li {
13 |     display: inline;
14 |     > a,
15 |     > span {
16 |       display: inline-block;
17 |       padding: 5px 14px;
18 |       background-color: @pager-bg;
19 |       border: 1px solid @pager-border;
20 |       border-radius: @pager-border-radius;
21 |     }
22 | 
23 |     > a:hover,
24 |     > a:focus {
25 |       text-decoration: none;
26 |       background-color: @pager-hover-bg;
27 |     }
28 |   }
29 | 
30 |   .next {
31 |     > a,
32 |     > span {
33 |       float: right;
34 |     }
35 |   }
36 | 
37 |   .previous {
38 |     > a,
39 |     > span {
40 |       float: left;
41 |     }
42 |   }
43 | 
44 |   .disabled {
45 |     > a,
46 |     > a:hover,
47 |     > a:focus,
48 |     > span {
49 |       color: @pager-disabled-color;
50 |       background-color: @pager-bg;
51 |       cursor: @cursor-disabled;
52 |     }
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/pagination.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Pagination (multiple pages)
 3 | // --------------------------------------------------
 4 | .pagination {
 5 |   display: inline-block;
 6 |   padding-left: 0;
 7 |   margin: @line-height-computed 0;
 8 |   border-radius: @border-radius-base;
 9 | 
10 |   > li {
11 |     display: inline; // Remove list-style and block-level defaults
12 |     > a,
13 |     > span {
14 |       position: relative;
15 |       float: left; // Collapse white-space
16 |       padding: @padding-base-vertical @padding-base-horizontal;
17 |       line-height: @line-height-base;
18 |       text-decoration: none;
19 |       color: @pagination-color;
20 |       background-color: @pagination-bg;
21 |       border: 1px solid @pagination-border;
22 |       margin-left: -1px;
23 |     }
24 |     &:first-child {
25 |       > a,
26 |       > span {
27 |         margin-left: 0;
28 |         .border-left-radius(@border-radius-base);
29 |       }
30 |     }
31 |     &:last-child {
32 |       > a,
33 |       > span {
34 |         .border-right-radius(@border-radius-base);
35 |       }
36 |     }
37 |   }
38 | 
39 |   > li > a,
40 |   > li > span {
41 |     &:hover,
42 |     &:focus {
43 |       z-index: 2;
44 |       color: @pagination-hover-color;
45 |       background-color: @pagination-hover-bg;
46 |       border-color: @pagination-hover-border;
47 |     }
48 |   }
49 | 
50 |   > .active > a,
51 |   > .active > span {
52 |     &,
53 |     &:hover,
54 |     &:focus {
55 |       z-index: 3;
56 |       color: @pagination-active-color;
57 |       background-color: @pagination-active-bg;
58 |       border-color: @pagination-active-border;
59 |       cursor: default;
60 |     }
61 |   }
62 | 
63 |   > .disabled {
64 |     > span,
65 |     > span:hover,
66 |     > span:focus,
67 |     > a,
68 |     > a:hover,
69 |     > a:focus {
70 |       color: @pagination-disabled-color;
71 |       background-color: @pagination-disabled-bg;
72 |       border-color: @pagination-disabled-border;
73 |       cursor: @cursor-disabled;
74 |     }
75 |   }
76 | }
77 | 
78 | // Sizing
79 | // --------------------------------------------------
80 | 
81 | // Large
82 | .pagination-lg {
83 |   .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
84 | }
85 | 
86 | // Small
87 | .pagination-sm {
88 |   .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
89 | }
90 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/print.less:
--------------------------------------------------------------------------------
  1 | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
  2 | 
  3 | // ==========================================================================
  4 | // Print styles.
  5 | // Inlined to avoid the additional HTTP request: h5bp.com/r
  6 | // ==========================================================================
  7 | 
  8 | @media print {
  9 |     *,
 10 |     *:before,
 11 |     *:after {
 12 |         background: transparent !important;
 13 |         color: #000 !important; // Black prints faster: h5bp.com/s
 14 |         box-shadow: none !important;
 15 |         text-shadow: none !important;
 16 |     }
 17 | 
 18 |     a,
 19 |     a:visited {
 20 |         text-decoration: underline;
 21 |     }
 22 | 
 23 |     a[href]:after {
 24 |         content: " (" attr(href) ")";
 25 |     }
 26 | 
 27 |     abbr[title]:after {
 28 |         content: " (" attr(title) ")";
 29 |     }
 30 | 
 31 |     // Don't show links that are fragment identifiers,
 32 |     // or use the `javascript:` pseudo protocol
 33 |     a[href^="#"]:after,
 34 |     a[href^="javascript:"]:after {
 35 |         content: "";
 36 |     }
 37 | 
 38 |     pre,
 39 |     blockquote {
 40 |         border: 1px solid #999;
 41 |         page-break-inside: avoid;
 42 |     }
 43 | 
 44 |     thead {
 45 |         display: table-header-group; // h5bp.com/t
 46 |     }
 47 | 
 48 |     tr,
 49 |     img {
 50 |         page-break-inside: avoid;
 51 |     }
 52 | 
 53 |     img {
 54 |         max-width: 100% !important;
 55 |     }
 56 | 
 57 |     p,
 58 |     h2,
 59 |     h3 {
 60 |         orphans: 3;
 61 |         widows: 3;
 62 |     }
 63 | 
 64 |     h2,
 65 |     h3 {
 66 |         page-break-after: avoid;
 67 |     }
 68 | 
 69 |     // Bootstrap specific changes start
 70 | 
 71 |     // Bootstrap components
 72 |     .navbar {
 73 |         display: none;
 74 |     }
 75 |     .btn,
 76 |     .dropup > .btn {
 77 |         > .caret {
 78 |             border-top-color: #000 !important;
 79 |         }
 80 |     }
 81 |     .label {
 82 |         border: 1px solid #000;
 83 |     }
 84 | 
 85 |     .table {
 86 |         border-collapse: collapse !important;
 87 | 
 88 |         td,
 89 |         th {
 90 |             background-color: #fff !important;
 91 |         }
 92 |     }
 93 |     .table-bordered {
 94 |         th,
 95 |         td {
 96 |             border: 1px solid #ddd !important;
 97 |         }
 98 |     }
 99 | 
100 |     // Bootstrap specific changes end
101 | }
102 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/progress-bars.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Progress bars
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Bar animations
 7 | // -------------------------
 8 | 
 9 | // WebKit
10 | @-webkit-keyframes progress-bar-stripes {
11 |   from  { background-position: 40px 0; }
12 |   to    { background-position: 0 0; }
13 | }
14 | 
15 | // Spec and IE10+
16 | @keyframes progress-bar-stripes {
17 |   from  { background-position: 40px 0; }
18 |   to    { background-position: 0 0; }
19 | }
20 | 
21 | 
22 | // Bar itself
23 | // -------------------------
24 | 
25 | // Outer container
26 | .progress {
27 |   overflow: hidden;
28 |   height: @line-height-computed;
29 |   margin-bottom: @line-height-computed;
30 |   background-color: @progress-bg;
31 |   border-radius: @progress-border-radius;
32 |   .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
33 | }
34 | 
35 | // Bar of progress
36 | .progress-bar {
37 |   float: left;
38 |   width: 0%;
39 |   height: 100%;
40 |   font-size: @font-size-small;
41 |   line-height: @line-height-computed;
42 |   color: @progress-bar-color;
43 |   text-align: center;
44 |   background-color: @progress-bar-bg;
45 |   .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
46 |   .transition(width .6s ease);
47 | }
48 | 
49 | // Striped bars
50 | //
51 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
52 | // `.progress-bar-striped` class, which you just add to an existing
53 | // `.progress-bar`.
54 | .progress-striped .progress-bar,
55 | .progress-bar-striped {
56 |   #gradient > .striped();
57 |   background-size: 40px 40px;
58 | }
59 | 
60 | // Call animation for the active one
61 | //
62 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
63 | // `.progress-bar.active` approach.
64 | .progress.active .progress-bar,
65 | .progress-bar.active {
66 |   .animation(progress-bar-stripes 2s linear infinite);
67 | }
68 | 
69 | 
70 | // Variations
71 | // -------------------------
72 | 
73 | .progress-bar-success {
74 |   .progress-bar-variant(@progress-bar-success-bg);
75 | }
76 | 
77 | .progress-bar-info {
78 |   .progress-bar-variant(@progress-bar-info-bg);
79 | }
80 | 
81 | .progress-bar-warning {
82 |   .progress-bar-variant(@progress-bar-warning-bg);
83 | }
84 | 
85 | .progress-bar-danger {
86 |   .progress-bar-variant(@progress-bar-danger-bg);
87 | }
88 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/responsive-embed.less:
--------------------------------------------------------------------------------
 1 | // Embeds responsive
 2 | //
 3 | // Credit: Nicolas Gallagher and SUIT CSS.
 4 | 
 5 | .embed-responsive {
 6 |   position: relative;
 7 |   display: block;
 8 |   height: 0;
 9 |   padding: 0;
10 |   overflow: hidden;
11 | 
12 |   .embed-responsive-item,
13 |   iframe,
14 |   embed,
15 |   object,
16 |   video {
17 |     position: absolute;
18 |     top: 0;
19 |     left: 0;
20 |     bottom: 0;
21 |     height: 100%;
22 |     width: 100%;
23 |     border: 0;
24 |   }
25 | }
26 | 
27 | // Modifier class for 16:9 aspect ratio
28 | .embed-responsive-16by9 {
29 |   padding-bottom: 56.25%;
30 | }
31 | 
32 | // Modifier class for 4:3 aspect ratio
33 | .embed-responsive-4by3 {
34 |   padding-bottom: 75%;
35 | }
36 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/thumbnails.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Thumbnails
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Mixin and adjust the regular image class
 7 | .thumbnail {
 8 |   display: block;
 9 |   padding: @thumbnail-padding;
10 |   margin-bottom: @line-height-computed;
11 |   line-height: @line-height-base;
12 |   background-color: @thumbnail-bg;
13 |   border: 1px solid @thumbnail-border;
14 |   border-radius: @thumbnail-border-radius;
15 |   .transition(border .2s ease-in-out);
16 | 
17 |   > img,
18 |   a > img {
19 |     &:extend(.img-responsive);
20 |     margin-left: auto;
21 |     margin-right: auto;
22 |   }
23 | 
24 |   // Add a hover state for linked versions only
25 |   a&:hover,
26 |   a&:focus,
27 |   a&.active {
28 |     border-color: @link-color;
29 |   }
30 | 
31 |   // Image captions
32 |   .caption {
33 |     padding: @thumbnail-caption-padding;
34 |     color: @thumbnail-caption-color;
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/tooltip.less:
--------------------------------------------------------------------------------
  1 | //
  2 | // Tooltips
  3 | // --------------------------------------------------
  4 | 
  5 | 
  6 | // Base class
  7 | .tooltip {
  8 |   position: absolute;
  9 |   z-index: @zindex-tooltip;
 10 |   display: block;
 11 |   // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
 12 |   // So reset our font and text properties to avoid inheriting weird values.
 13 |   .reset-text();
 14 |   font-size: @font-size-small;
 15 | 
 16 |   .opacity(0);
 17 | 
 18 |   &.in     { .opacity(@tooltip-opacity); }
 19 |   &.top    { margin-top:  -3px; padding: @tooltip-arrow-width 0; }
 20 |   &.right  { margin-left:  3px; padding: 0 @tooltip-arrow-width; }
 21 |   &.bottom { margin-top:   3px; padding: @tooltip-arrow-width 0; }
 22 |   &.left   { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
 23 | }
 24 | 
 25 | // Wrapper for the tooltip content
 26 | .tooltip-inner {
 27 |   max-width: @tooltip-max-width;
 28 |   padding: 3px 8px;
 29 |   color: @tooltip-color;
 30 |   text-align: center;
 31 |   background-color: @tooltip-bg;
 32 |   border-radius: @border-radius-base;
 33 | }
 34 | 
 35 | // Arrows
 36 | .tooltip-arrow {
 37 |   position: absolute;
 38 |   width: 0;
 39 |   height: 0;
 40 |   border-color: transparent;
 41 |   border-style: solid;
 42 | }
 43 | // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1
 44 | .tooltip {
 45 |   &.top .tooltip-arrow {
 46 |     bottom: 0;
 47 |     left: 50%;
 48 |     margin-left: -@tooltip-arrow-width;
 49 |     border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
 50 |     border-top-color: @tooltip-arrow-color;
 51 |   }
 52 |   &.top-left .tooltip-arrow {
 53 |     bottom: 0;
 54 |     right: @tooltip-arrow-width;
 55 |     margin-bottom: -@tooltip-arrow-width;
 56 |     border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
 57 |     border-top-color: @tooltip-arrow-color;
 58 |   }
 59 |   &.top-right .tooltip-arrow {
 60 |     bottom: 0;
 61 |     left: @tooltip-arrow-width;
 62 |     margin-bottom: -@tooltip-arrow-width;
 63 |     border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
 64 |     border-top-color: @tooltip-arrow-color;
 65 |   }
 66 |   &.right .tooltip-arrow {
 67 |     top: 50%;
 68 |     left: 0;
 69 |     margin-top: -@tooltip-arrow-width;
 70 |     border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
 71 |     border-right-color: @tooltip-arrow-color;
 72 |   }
 73 |   &.left .tooltip-arrow {
 74 |     top: 50%;
 75 |     right: 0;
 76 |     margin-top: -@tooltip-arrow-width;
 77 |     border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
 78 |     border-left-color: @tooltip-arrow-color;
 79 |   }
 80 |   &.bottom .tooltip-arrow {
 81 |     top: 0;
 82 |     left: 50%;
 83 |     margin-left: -@tooltip-arrow-width;
 84 |     border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
 85 |     border-bottom-color: @tooltip-arrow-color;
 86 |   }
 87 |   &.bottom-left .tooltip-arrow {
 88 |     top: 0;
 89 |     right: @tooltip-arrow-width;
 90 |     margin-top: -@tooltip-arrow-width;
 91 |     border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
 92 |     border-bottom-color: @tooltip-arrow-color;
 93 |   }
 94 |   &.bottom-right .tooltip-arrow {
 95 |     top: 0;
 96 |     left: @tooltip-arrow-width;
 97 |     margin-top: -@tooltip-arrow-width;
 98 |     border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
 99 |     border-bottom-color: @tooltip-arrow-color;
100 |   }
101 | }
102 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/utilities.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Utility classes
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Floats
 7 | // -------------------------
 8 | 
 9 | .clearfix {
10 |   .clearfix();
11 | }
12 | .center-block {
13 |   .center-block();
14 | }
15 | .pull-right {
16 |   float: right !important;
17 | }
18 | .pull-left {
19 |   float: left !important;
20 | }
21 | 
22 | 
23 | // Toggling content
24 | // -------------------------
25 | 
26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27 | .hide {
28 |   display: none !important;
29 | }
30 | .show {
31 |   display: block !important;
32 | }
33 | .invisible {
34 |   visibility: hidden;
35 | }
36 | .text-hide {
37 |   .text-hide();
38 | }
39 | 
40 | 
41 | // Hide from screenreaders and browsers
42 | //
43 | // Credit: HTML5 Boilerplate
44 | 
45 | .hidden {
46 |   display: none !important;
47 | }
48 | 
49 | 
50 | // For Affix plugin
51 | // -------------------------
52 | 
53 | .affix {
54 |   position: fixed;
55 | }
56 | 


--------------------------------------------------------------------------------
/packages/light/src/bootstrap/wells.less:
--------------------------------------------------------------------------------
 1 | //
 2 | // Wells
 3 | // --------------------------------------------------
 4 | 
 5 | 
 6 | // Base class
 7 | .well {
 8 |   min-height: 20px;
 9 |   padding: 19px;
10 |   margin-bottom: 20px;
11 |   background-color: @well-bg;
12 |   border: 1px solid @well-border;
13 |   border-radius: @border-radius-base;
14 |   .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15 |   blockquote {
16 |     border-color: #ddd;
17 |     border-color: rgba(0,0,0,.15);
18 |   }
19 | }
20 | 
21 | // Sizes
22 | .well-lg {
23 |   padding: 24px;
24 |   border-radius: @border-radius-large;
25 | }
26 | .well-sm {
27 |   padding: 9px;
28 |   border-radius: @border-radius-small;
29 | }
30 | 


--------------------------------------------------------------------------------
/packages/light/src/buttons.less:
--------------------------------------------------------------------------------
 1 | .btn-default.active,
 2 | .btn-default:active,
 3 | .btn-default:hover,
 4 | .open > .dropdown-toggle.btn-default {
 5 |   background-color: lighten(@gray-light, 5%);
 6 | }
 7 | 
 8 | .btn-default.active.focus,
 9 | .btn-default.active:focus,
10 | .btn-default.active:hover,
11 | .btn-default:active.focus,
12 | .btn-default:active:focus,
13 | .btn-default:active:hover,
14 | .open > .dropdown-toggle.btn-default.focus,
15 | .open > .dropdown-toggle.btn-default:focus,
16 | .open > .dropdown-toggle.btn-default:hover,
17 | .btn-default.focus,
18 | .btn-default:focus {
19 |   background-color: lighten(@gray-light, 5%);
20 | }
21 | 
22 | .btn.active,
23 | .btn:active {
24 |   box-shadow: none;
25 | }
26 | 


--------------------------------------------------------------------------------
/packages/light/src/dropdowns.less:
--------------------------------------------------------------------------------
 1 | .dropdown-header,
 2 | .dropdown-menu > li > a {
 3 |   padding: 8px 12px;
 4 | }
 5 | 
 6 | .dropdown-menu {
 7 |   padding: 4px 0;
 8 | }
 9 | 
10 | .dropdown-menu .divider {
11 |   margin: 4px 0;
12 | }
13 | 


--------------------------------------------------------------------------------
/packages/light/src/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/light/src/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/packages/light/src/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/light/src/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/packages/light/src/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/light/src/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/packages/light/src/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hshoff/ui-kit/e09a00bb40df1eacba8d9c7c6778ccd19a5a9438/packages/light/src/fonts/glyphicons-halflings-regular.woff2


--------------------------------------------------------------------------------
/packages/light/src/forms.less:
--------------------------------------------------------------------------------
 1 | .form-control {
 2 |   box-shadow: none;
 3 | }
 4 | 
 5 | .form-control:focus {
 6 |   box-shadow: none;
 7 |   border-color: @brand-info;
 8 | }
 9 | 
10 | .control-label {
11 |   margin-bottom: 8px;
12 |   font-weight: 400;
13 | }
14 | 
15 | .form-control::placeholder {
16 |   font-weight: 100;
17 | }
18 | 


--------------------------------------------------------------------------------
/packages/light/src/index.less:
--------------------------------------------------------------------------------
1 | @import './bootstrap/bootstrap.less';
2 | @import './variables.less';
3 | @import './buttons.less';
4 | @import './panels.less';
5 | @import './links.less';
6 | @import './navbar.less';
7 | @import './dropdowns.less';
8 | @import './forms.less';
9 | 


--------------------------------------------------------------------------------
/packages/light/src/links.less:
--------------------------------------------------------------------------------
 1 | p > a {
 2 |   font-weight: 400;
 3 |   padding-bottom: 2px;
 4 |   border-bottom: 1px dotted #ddd;
 5 | }
 6 | 
 7 | p > a:hover {
 8 |   text-decoration: none;
 9 |   border-bottom: 1px solid @brand-info;
10 | }
11 | 


--------------------------------------------------------------------------------
/packages/light/src/navbar.less:
--------------------------------------------------------------------------------
 1 | .navbar-default .navbar-nav > .active > a,
 2 | .navbar-default .navbar-nav > .active > a:focus,
 3 | .navbar-default .navbar-nav > .active > a:hover {
 4 |   color: #263238;
 5 |   background-color: transparent;
 6 |   border-bottom: 2px solid @brand-info;
 7 | }
 8 | 
 9 | .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
10 |   background-color: white;
11 |   border: 1px solid @gray-light;
12 |   color: @brand-primary;
13 | }
14 | 
15 | .nav-pills > li > a {
16 |   border: 1px solid transparent;
17 | }
18 | 
19 | .navbar-default {
20 |   border-top: none;
21 |   border-left: none;
22 |   border-right: none;
23 | }
24 | 
25 | .navbar-inverse .navbar-nav > .active > a,
26 | .navbar-inverse .navbar-nav > .active > a:focus,
27 | .navbar-inverse .navbar-nav > .active > a:hover {
28 |   background-color: transparent;
29 |   border-bottom: 2px solid white;
30 | }
31 | 
32 | .navbar-inverse {
33 |   border-top: none;
34 |   border-left: none;
35 |   border-right: none;
36 |   border-bottom: none;
37 | }
38 | 
39 | .navbar-brand {
40 |   font-weight: bold;
41 | }
42 | 


--------------------------------------------------------------------------------
/packages/light/src/panels.less:
--------------------------------------------------------------------------------
1 | .panel {
2 |   box-shadow: none;
3 | }
4 | 


--------------------------------------------------------------------------------
/packages/light/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require('path');
 2 | const CleanCSSPlugin = require('less-plugin-clean-css');
 3 | const ExtractTextPlugin = require('extract-text-webpack-plugin');
 4 | 
 5 | const extractLess = new ExtractTextPlugin({
 6 |   filename: 'build/styles.css',
 7 |   disable: process.env.NODE_ENV === 'development',
 8 | });
 9 | 
10 | module.exports = {
11 |   entry: require.resolve('./src/index.less'),
12 |   output: {
13 |     filename: './build/bundle.js',
14 |   },
15 |   module: {
16 |     rules: [
17 |       {
18 |         test: /\.less$/,
19 |         use: extractLess.extract({
20 |           use: [
21 |             {
22 |               loader: 'css-loader',
23 |               options: {
24 |                 sourceMap: true,
25 |                 outputPath: './build',
26 |               },
27 |             },
28 |             {
29 |               loader: 'less-loader',
30 |               options: {
31 |                 sourceMap: true,
32 |                 strictMath: true,
33 |                 noIeCompat: true,
34 |                 outputPath: './build',
35 |                 plugins: [new CleanCSSPlugin({ advanced: true })],
36 |               },
37 |             },
38 |           ],
39 |           // use style-loader in development
40 |           fallback: 'style-loader',
41 |         }),
42 |       },
43 |       {
44 |         test: /\.(eot|otf|webp|ttf|woff|woff2|svg)(\?.*)?$/,
45 |         use: [
46 |           {
47 |             loader: 'file-loader',
48 |             options: {
49 |               name: '[name].[ext]',
50 |               outputPath: './build/fonts/',
51 |               useRelativePath: true,
52 |             },
53 |           },
54 |         ],
55 |       },
56 |     ],
57 |   },
58 |   plugins: [extractLess],
59 | };
60 | 


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