Merge pull request #1175 from influxdata/cursor-browser-test

RIP Custom Cursors
pull/1187/head^2
Alex Paxton 2017-04-04 21:18:57 -07:00 committed by GitHub
commit 8e0dfa43f4
34 changed files with 65 additions and 184 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -1,7 +1,6 @@
// Modules
@import 'modules/influx-colors';
@import 'modules/variables';
@import 'modules/custom-cursors';
// Mixins
@import 'mixins/mixins';

View File

@ -150,13 +150,13 @@ $rd-cell-size: 30px;
border-radius: 5px;
&:hover {
cursor: $cc-pointer;
cursor: pointer;
color: $g20-white !important;
background-color: $g6-smoke;
}
&.rd-day-next-month,
&.rd-day-prev-month {
cursor: $cc-default;
cursor: default;
color: $g8-storm !important;
background-color: $g5-pepper !important;
}
@ -196,7 +196,7 @@ $rd-cell-size: 30px;
&:hover {
color: $g20-white;
background-color: $g6-smoke;
cursor: $cc-pointer;
cursor: pointer;
}
}
.rd-time-list {
@ -230,7 +230,7 @@ $rd-cell-size: 30px;
&:active,
&:focus {
color: $g20-white;
cursor: $cc-pointer;
cursor: pointer;
outline: none;
@include gradient-h($c-laser, $c-pool);
}

View File

@ -2,7 +2,7 @@
.dygraph {
&:hover {
cursor: $cc-invert;
cursor: default;
}
}

View File

@ -27,6 +27,6 @@ $input-tag-item-height: 24px;
&:hover {
color: $c-dreamsicle;
cursor: $cc-pointer;
cursor: pointer;
}
}

View File

@ -31,7 +31,7 @@ $tooltip-code-color: $c-potassium;
border: 2px solid $tooltip-accent !important;
border-radius: $tooltip-radius !important;
text-transform: none !important;
cursor: $cc-default;
cursor: default;
p {
margin: 0;
@ -125,7 +125,7 @@ $qmark-tooltip-size: 15px;
background-color 0.25s ease;
}
.question-mark-tooltip:hover {
cursor: $cc-default;
cursor: default;
.question-mark-tooltip--icon {
background-color: $c-pool;
}

View File

@ -59,7 +59,7 @@ $resizer-color-active: $c-pool;
background-color 0.19s ease;
}
&:hover {
cursor: $cc-resize-ns;
cursor: ns-resize;
&:before {
background-color: $resizer-color-hover;

View File

@ -72,7 +72,7 @@ table .monotype {
position: absolute;
top: 50%;
right: 8px;
color: #fff;
color: $g20-white;
font-family: 'icomoon';
opacity: 0;
transform: translateY(-50%);
@ -83,7 +83,7 @@ table .monotype {
}
&:hover {
cursor: $cc-pointer;
cursor: pointer;
color: $g19-ghost;
background-color: $g5-pepper;

View File

@ -95,7 +95,7 @@
}
.fixedDataTableCellLayout_columnResizerContainer:hover {
cursor: $cc-resize-ew;
cursor: ew-resize;
}
.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
@ -120,7 +120,7 @@
*/
.fixedDataTableColumnResizerLineLayout_mouseArea {
cursor: $cc-resize-ew;
cursor: ew-resize;
position: absolute;
right: -5px;
width: 12px;

View File

@ -95,7 +95,7 @@
}
.fixedDataTableCellLayout_columnResizerContainer:hover {
cursor: $cc-resize-ew;
cursor: ew-resize;
}
.fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob {
@ -120,7 +120,7 @@
*/
.fixedDataTableColumnResizerLineLayout_mouseArea {
cursor: $cc-resize-ew;
cursor: ew-resize;
position: absolute;
right: -5px;
width: 12px;

View File

@ -244,7 +244,7 @@
background-color 0.25s ease;
&:hover {
cursor: $cc-pointer;
cursor: pointer;
background-color: $g18-cloud;
color: $g9-mountain;
}
@ -390,7 +390,7 @@ $form-static-checkbox-size: 16px;
transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
&:hover {
cursor: $cc-pointer;
cursor: pointer;
color: $g20-white;
&:before {

View File

@ -49,7 +49,7 @@ $sidebar-logo-color: $g8-storm;
&:hover {
background-color: $g9-mountain;
cursor: $cc-pointer;
cursor: pointer;
}
}
@ -121,7 +121,7 @@ $sidebar-logo-color: $g8-storm;
}
&:hover {
cursor: $cc-pointer;
cursor: pointer;
.sidebar__icon {
color: $sidebar-icon-hover;
@ -270,7 +270,7 @@ $sidebar-logo-color: $g8-storm;
transform: translate(-50%,-50%);
}
&:hover {
cursor: $cc-pointer;
cursor: pointer;
background-color: $sidebar-item-hover;
color: $sidebar-icon-hover;

View File

@ -1,34 +0,0 @@
/*
Custom Mouse Cursors
----------------------------------------------
*/
$cc-default: url(assets/images/cursor-default.png), auto !important;
$cc-invert: url(assets/images/cursor-invert.png) 4 4, auto !important;
$cc-pointer: url(assets/images/cursor-pointer.png) 6 0, auto !important;
$cc-text: url(assets/images/cursor-text.png) 6 10, auto !important;
$cc-move: url(assets/images/cursor-move.png) 13 13, auto !important;
$cc-resize-ns: url(assets/images/cursor-ns-resize.png) 6 12, auto !important;
$cc-resize-ew: url(assets/images/cursor-ew-resize.png) 12 5, auto !important;
$cc-resize-nwse: url(assets/images/cursor-nwse-resize.png) 9 9, auto !important;
$cc-resize-nesw: url(assets/images/cursor-nesw-resize.png) 9 9, auto !important;
// Resetting defaults
body {
cursor: $cc-default;
}
a:link,
a:visited,
a:hover,
a:active {
cursor: $cc-pointer;
}
input[type="text"],
input[type="password"],
textarea,
code,
pre {
cursor: $cc-text;
}

View File

@ -111,7 +111,7 @@ $dash-graph-heading: 30px;
color 0.25s ease,
background-color 0.25s ease;
&:hover {
cursor: $cc-default;
cursor: default;
}
}
.dash-graph--drag-handle {
@ -131,7 +131,7 @@ $dash-graph-heading: 30px;
transition: opacity 0.25s ease;
}
&:hover {
cursor: $cc-move;
cursor: move;
}
&:hover:before {
opacity: 1;
@ -178,7 +178,7 @@ $dash-graph-heading: 30px;
}
&:hover {
cursor: $cc-text;
cursor: text;
color: $g20-white;
&:after {
@ -267,7 +267,7 @@ $dash-graph-options-arrow: 8px;
}
&:hover {
cursor: $cc-pointer;
cursor: pointer;
background-color: $g6-smoke;
color: $g20-white;
}
@ -346,20 +346,20 @@ $dash-graph-options-arrow: 8px;
border-image-outset: 0;
border-image-width: 2px;
border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTg0NjVDRkVGMEVFMTFFNkE0QjVFRTJGNEI1ODc0RDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTg0NjVDRkZGMEVFMTFFNkE0QjVFRTJGNEI1ODc0RDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxODQ2NUNGQ0YwRUUxMUU2QTRCNUVFMkY0QjU4NzREMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxODQ2NUNGREYwRUUxMUU2QTRCNUVFMkY0QjU4NzREMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpeetfIAAAMnSURBVHja7N1PatwwFMfxJ5NlKT1DIfQKWZfSA/Q0hexDL9McoOQAPUKglwhp6dZ9Ho/HfyTZs6l+b/E1GDm27IH5oH9Pyji9//7XfLtNZt88/eT722TzlvrFseXHaXFmypuO8vd5nmW6nyeNefrKfZv7i9f75blU/NzafXvns2dV7tl8zqsnT55+9f3Xjf/xwQ9+evou+xLB+N8Ydi4AX3z/6PnvOj94AEOGMV/rB4P00J2rKTC0GNOTPne0GWEwhv1NB0YYjNPWgREHI00gYMTAOIGAEQdjuKcDIw7GXGWBEQJjrLLACIORrFBlgaHDsG2VBYYWY1VlgaHHSH3WqIOhxLB1ow6GGmPRqIMRAeMMAkYUDFuGTsDQYwxP6MCIg1Hp9oKhwih0e8FQYthuLAuM5hj1WBYYEoxUjGWBIcOwrFEHQ4qxLiFgyDFOvSww4mCM8yFghMEoDgzB0GGk2owhGBoMq5UQMDQYxRIChg4ja0PA0GLYMrgIhh7jUkLAiIExV1lghMA4GBiC0RrjNIULRhyMysAQDBVGYWAIhhJjM6cOhhpjUULAiIAxr1wEIwTGPDAEIwTGWGWBEQajHu0FQ4JRjvaCIcPIo71gSDHW0V4w5Bj5SB0MKUZxoRwYOoxsPgQMLcZqPgQMPUaxUQdDh2HVcQgYEoxUHIeAIcPIqywwpBjrKgsMOcb8f+pghMDIwu9gaDFWI3Uw9Bg2N+pgRMA497LAiIJRXf0OhgajuPodDB3G1dFeMNpgXBXtBaMdxmG0F4y2GLvRXjDaY2wGhmCoMawU7QVDh5G20V4wtBjzwBCMEBiXVx6BEQPjsJcFRluM3V4WGO0xqr0sMDQYVuplgaHDWL1YEgw9hi17WWDoMVJ1ChcMCYYVp3DBkGFUl5KCocGw6deAwIiBYUfBRTDaYmTdXjC0GFYLLoKhwSj+cAAYOgzbBhfB0GKsgotg6DGuWrkIRjuMudsLRgiMsQ0BIwzG5ZVHYMTAmKqsVzBiYPj2Z+j2PoERAmM4/2MoIfe+v4Ahx3jx5H4AefYLd37q0Y9/g9EcY/jOHz11A3v+J8AA9wisahRCWTQAAAAASUVORK5CYII=);
cursor: $cc-move;
cursor: move;
&:hover {
cursor: $cc-move;
cursor: move;
}
.dash-graph--drag-handle:before,
.dash-graph--drag-handle:hover:before {
opacity: 1 !important;
cursor: $cc-move;
cursor: move;
}
}
& > .react-resizable-handle {
background-image: none;
cursor: $cc-resize-nwse;
cursor: nwse-resize;
&:before,
&:after {

View File

@ -44,7 +44,7 @@
color: $g11-sidewalk;
background: transparent;
height: 30px;
cursor: $cc-pointer;
cursor: pointer;
padding: 0 8px 0 16px;
transition:
color 0.25s ease,

View File

@ -43,7 +43,7 @@
background-color 0.25s ease;
&:hover {
cursor: $cc-pointer;
cursor: pointer;
color: $g20-white;
}
&.active {
@ -74,7 +74,7 @@
&:hover {
background-color: $g5-pepper;
color: $g15-platinum;
cursor: $cc-pointer;
cursor: pointer;
}
}
&-radio {

View File

@ -159,7 +159,7 @@
line-height: 30px;
margin-right: 2px;
border-radius: 4px 4px 0 0;
cursor: $cc-pointer;
cursor: pointer;
padding: 0 10px;
transition:
color 0.25s ease,

View File

@ -467,7 +467,7 @@ div.qeditor.kapacitor-metric-selector {
&:hover {
color: $c-rainforest;
cursor: $cc-pointer;
cursor: pointer;
}
}
}

View File

@ -515,7 +515,7 @@ a:active.link-warning {
}
.btn:hover,
.btn:focus {
cursor: $cc-pointer;
cursor: pointer;
}
.btn-group-xs > .btn,
.btn.btn-xs {
@ -1475,7 +1475,7 @@ fieldset[disabled] .btn-link-success:active:focus {
transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.panel-available:hover {
cursor: $cc-pointer;
cursor: pointer;
background-color: #f0fcff;
border-color: #bef0ff;
}
@ -2595,7 +2595,7 @@ a.badge:hover,
a.badge:focus {
color: #00c9ff;
text-decoration: none;
cursor: $cc-pointer;
cursor: pointer;
}
.sparkline {
display: inline-block;
@ -3201,7 +3201,7 @@ a.badge:focus {
border-radius: 4px;
}
.slider-plan-picker:hover {
cursor: $cc-pointer;
cursor: pointer;
}
.slider-plan-picker .slider-label,
.slider-plan-picker .slider-cell {
@ -3873,7 +3873,7 @@ table.table.icon-font-matrix tr > td strong {
-ms-flex-direction: column;
}
.docs-color-swatch:hover {
cursor: $cc-pointer;
cursor: pointer;
}
.docs-color-swatch.light-bg {
color: #676978;
@ -4148,7 +4148,7 @@ section.docs-section .page-header {
}
.nav-tablist > li > a:hover {
color: #676978;
cursor: $cc-pointer;
cursor: pointer;
background-color: #f6f6f8;
}
.nav-tablist > li:first-of-type > a {
@ -4254,7 +4254,7 @@ section.docs-section .page-header {
transform: translate(-50%, -50%) rotate(-45deg);
}
.microtabs-dismiss:hover {
cursor: $cc-pointer;
cursor: pointer;
}
.microtabs-dismiss:hover:after,
.microtabs-dismiss:hover:before {
@ -4293,7 +4293,7 @@ section.docs-section .page-header {
}
.nav-microtabs > li > a:hover {
color: #676978;
cursor: $cc-pointer;
cursor: pointer;
background-color: #fafafc;
}
.nav-microtabs > li:last-of-type > a {
@ -4503,7 +4503,7 @@ section.docs-section .page-header {
.nav-microtabs-summer .microtabs-dismiss:hover,
.nav-microtabs-fall .microtabs-dismiss:hover,
.nav-microtabs-winter .microtabs-dismiss:hover {
cursor: $cc-pointer;
cursor: pointer;
}
.nav-microtabs-spring .microtabs-dismiss:hover:after,
.nav-microtabs-summer .microtabs-dismiss:hover:after,

View File

@ -155,12 +155,12 @@ html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: $cc-pointer;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: $cc-default;
cursor: default;
}
button::-moz-focus-inner,
@ -1504,7 +1504,7 @@ hr {
}
[role="button"] {
cursor: $cc-pointer;
cursor: pointer;
}
h1,
@ -3331,7 +3331,7 @@ input[type="search"] {
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: $cc-pointer;
cursor: pointer;
}
.radio input[type="radio"],
@ -3356,7 +3356,7 @@ input[type="search"] {
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: $cc-pointer;
cursor: pointer;
}
.radio-inline + .radio-inline,
@ -3764,7 +3764,7 @@ select[multiple].input-lg {
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: $cc-pointer;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
@ -4959,7 +4959,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #575e6b;
cursor: $cc-default;
cursor: default;
background-color: #fafbfc;
border: 1px solid #ddd;
border-bottom-color: transparent;
@ -5830,7 +5830,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: $cc-default;
cursor: default;
background-color: #22adf6;
border-color: #22adf6;
}
@ -5947,7 +5947,7 @@ a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: $cc-pointer;
cursor: pointer;
}
.label:empty {
@ -6047,7 +6047,7 @@ a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: $cc-pointer;
cursor: pointer;
}
.list-group-item.active > .badge,
@ -6998,7 +6998,7 @@ button.list-group-item-danger.active:focus {
.close:focus {
color: #000;
text-decoration: none;
cursor: $cc-pointer;
cursor: pointer;
filter: alpha(opacity = 50);
opacity: .5;
}
@ -7006,7 +7006,7 @@ button.list-group-item-danger.active:focus {
button.close {
-webkit-appearance: none;
padding: 0;
cursor: $cc-pointer;
cursor: pointer;
background: transparent;
border: 0;
}
@ -7633,7 +7633,7 @@ button.close {
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: $cc-pointer;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;

View File

@ -293,7 +293,7 @@ input {
color 0.25s ease;
&:hover {
cursor: $cc-pointer;
cursor: pointer;
background-color: transparent;
color: $g20-white !important;
}
@ -479,7 +479,7 @@ code {
&:after { transform: translate(-50%,-50%) rotate(-45deg); }
&:hover {
cursor: $cc-pointer;
cursor: pointer;
&:before,
&:after {
@ -528,7 +528,7 @@ $toggle-border: 2px;
color 0.25s;
&:hover {
cursor: $cc-pointer;
cursor: pointer;
color: $g14-chromium;
background-color: $g4-onyx;
}
@ -616,7 +616,7 @@ $form-static-checkbox-size: 16px;
transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
&:hover {
cursor: $cc-pointer;
cursor: pointer;
color: $g20-white;
&:before {
@ -693,7 +693,7 @@ $form-static-checkbox-size: 16px;
transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
&:hover {
cursor: $cc-pointer;
cursor: pointer;
color: $g20-white;
&:before {
@ -731,7 +731,7 @@ $form-static-checkbox-size: 16px;
transition: background-color 0.25s ease;
}
label:hover {
cursor: $cc-pointer;
cursor: pointer;
background-color: $g2-kevlar;
}
label:after {

View File

@ -71,7 +71,7 @@
}
.form-group label,
.form-group label:hover {
cursor: $cc-default;
cursor: default;
}
/*
@ -89,4 +89,4 @@
.icon {
margin-bottom: 11px;
}
}
}

View File

@ -46,7 +46,7 @@ module.exports = {
loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader'),
},
{
test : /\.(ico|png|jpg|ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
test : /\.(ico|png|cur|jpg|ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
loader : 'file',
},
{

View File

@ -1,24 +0,0 @@
/* eslint-disable */
// Used for test only: use /ignore as a path for ignored resources (fonts, images, etc.).
// (See testem.json for how /ignore is handled.)
const moduleSource = "module.exports = '/ignore';";
module.exports = function() {
if (this.cacheable) {
this.cacheable();
}
return moduleSource;
};
// Tells webpack not to bother with other loaders in this chain.
// See https://github.com/webpack/null-loader/blob/master/index.js
module.exports.pitch = function() {
if (this.cacheable) {
this.cacheable();
}
return moduleSource;
};

View File

@ -49,7 +49,7 @@ var config = {
loader: ExtractTextPlugin.extract('style-loader', 'css-loader!postcss-loader'),
},
{
test : /\.(ico|png|jpg|ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
test : /\.(ico|png|cur|jpg|ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
loader : 'file',
},
{

View File

@ -1,60 +0,0 @@
var path = require('path');
var hostname = 'localhost';
var port = 7357;
module.exports = {
devtool: 'eval',
entry: 'mocha!./spec/index.js',
output: {
filename: 'test.build.js',
path: 'spec/',
publicPath: 'http://' + hostname + ':' + port + '/spec'
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader'
},
{
test: /\.css/,
exclude: /node_modules/,
loader: 'style-loader!css-loader!postcss-loader',
},
{
test: /\.scss/,
exclude: /node_modules/,
loader: 'style-loader!css-loader!sass-loader',
},
{ // Sinon behaves weirdly with webpack, see https://github.com/webpack/webpack/issues/304
test: /sinon\/pkg\/sinon\.js/,
loader: 'imports?define=>false,require=>false',
},
{
test: /\.json$/,
loader: 'json',
},
]
},
externals: {
'react/addons': true,
'react/lib/ExecutionEnvironment': true,
'react/lib/ReactContext': true
},
devServer: {
host: hostname,
port: port,
},
resolve: {
alias: {
app: path.resolve(__dirname, '..', 'app'),
src: path.resolve(__dirname, '..', 'src'),
chronograf: path.resolve(__dirname, '..', 'src', 'chronograf'),
shared: path.resolve(__dirname, '..', 'src', 'shared'),
style: path.resolve(__dirname, '..', 'src', 'style'),
utils: path.resolve(__dirname, '..', 'src', 'utils'),
sinon: 'sinon/pkg/sinon',
}
}
};