mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-09-21 03:19:09 +03:00
#901 core rollup and sass is working
This commit is contained in:
Kevin Ross
parent
2faec6e72b
commit
546fd9d5b2
68
gulpfile.babel.js
Normal file
68
gulpfile.babel.js
Normal file
|
|
@ -0,0 +1,68 @@
|
||||||
|
import {Preset, Clean, MinifyCss, Sass, RollupEs, RollupUmd, RollupIife, ScssLint, EsLint, TaskSeries} from 'gulp-pipeline/src/index'
|
||||||
|
|
||||||
|
// debug the project source - remove for repo
|
||||||
|
//import {Clean, CleanDigest, Images, MinifyCss, Sass, RollupIife, ScssLint, EsLint, Rev, TaskSeries} from 'gulp-pipeline'
|
||||||
|
//import Preset from '../../../gulp-pipeline/src/preset'
|
||||||
|
import extend from 'extend'
|
||||||
|
|
||||||
|
import stringify from 'stringify-object'
|
||||||
|
import gulp from 'gulp'
|
||||||
|
import findup from 'findup-sync'
|
||||||
|
const node_modules = findup('node_modules')
|
||||||
|
|
||||||
|
|
||||||
|
let preset = Preset.baseline({
|
||||||
|
javascripts: {
|
||||||
|
source: { options: {cwd: 'js/src'}},
|
||||||
|
watch: {options: {cwd: 'js/src'}},
|
||||||
|
test: {options: {cwd: 'js/tests'}}
|
||||||
|
},
|
||||||
|
stylesheets: {
|
||||||
|
source: {options: {cwd: 'scss'}},
|
||||||
|
watch: {options: {cwd: 'scss'}}
|
||||||
|
},
|
||||||
|
images: {
|
||||||
|
source: {options: {cwd: 'images'}},
|
||||||
|
watch: {options: {cwd: 'images'}}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
// When converting non-modular dependencies into usable ones using rollup-plugin-commonjs, if they don't have properly read exports add them here.
|
||||||
|
let namedExports = {}
|
||||||
|
//namedExports[`${node_modules}/corejs-typeahead/dist/bloodhound.js`] = ['Bloodhound']
|
||||||
|
|
||||||
|
let rollupConfig = {
|
||||||
|
commonjs: {
|
||||||
|
options: {
|
||||||
|
namedExports: namedExports
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let rollups = [
|
||||||
|
new RollupEs(gulp, preset, extend(true, {}, rollupConfig, {options: {dest: 'bootstrap-material-design.es.js'}})),
|
||||||
|
new RollupUmd(gulp, preset, extend(true, {}, rollupConfig, {options: {dest: 'bootstrap-material-design.umd.js', moduleName: 'bootstrapMaterialDesign'}})),
|
||||||
|
new RollupIife(gulp, preset, extend(true, {}, rollupConfig, {options: {dest: 'bootstrap-material-design.iife.js', moduleName: 'bootstrapMaterialDesign'}})),
|
||||||
|
]
|
||||||
|
|
||||||
|
let eslint = new EsLint(gulp, preset)
|
||||||
|
let scsslint = new ScssLint(gulp, preset)
|
||||||
|
let sass = new Sass(gulp, preset, {debug: true})
|
||||||
|
let lint = [scsslint, eslint]
|
||||||
|
|
||||||
|
// instantiate ordered array of recipes (for each instantiation the tasks will be created e.g. sass and sass:watch)
|
||||||
|
let recipes = [
|
||||||
|
new Clean(gulp, preset),
|
||||||
|
lint,
|
||||||
|
[
|
||||||
|
sass,
|
||||||
|
rollups
|
||||||
|
]
|
||||||
|
]
|
||||||
|
|
||||||
|
// Simple helper to create the default and watch tasks as a sequence of the recipes already defined
|
||||||
|
new TaskSeries(gulp, 'default', recipes)
|
||||||
|
new TaskSeries(gulp, 'lint', lint)
|
||||||
|
new TaskSeries(gulp, 'js', [eslint, rollups])
|
||||||
|
new TaskSeries(gulp, 'css', [scsslint, sass])
|
||||||
|
|
@ -8,7 +8,7 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/* eslint-disable no-unused-vars */
|
/* eslint-disable no-unused-vars */
|
||||||
import '../../node_modules/babel-polyfill/dist/polyfill'
|
import 'babel-polyfill/dist/polyfill'
|
||||||
|
|
||||||
// invalidComponentMatches is currently disabled due to https://github.com/rollup/rollup/issues/428#issuecomment-170066452
|
// invalidComponentMatches is currently disabled due to https://github.com/rollup/rollup/issues/428#issuecomment-170066452
|
||||||
import Checkbox from './checkbox'
|
import Checkbox from './checkbox'
|
||||||
|
|
|
||||||
|
|
@ -38,6 +38,13 @@
|
||||||
"tether": "^1.2.0"
|
"tether": "^1.2.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"babel-preset-es2015": "^6.6.0",
|
||||||
|
"babel-eslint": "^5.0.0",
|
||||||
|
"babel-polyfill": "^6.6",
|
||||||
|
"gulp": "^3.9.1",
|
||||||
|
"gulp-pipeline": "^0.4"
|
||||||
|
},
|
||||||
|
"old-grunt-devDependencies": {
|
||||||
"autoprefixer": "^6.3.3",
|
"autoprefixer": "^6.3.3",
|
||||||
"babel-eslint": "^5.0.0",
|
"babel-eslint": "^5.0.0",
|
||||||
"babel-polyfill": "^6.6",
|
"babel-polyfill": "^6.6",
|
||||||
|
|
|
||||||
|
|
@ -1,304 +0,0 @@
|
||||||
{
|
|
||||||
"always-semicolon": true,
|
|
||||||
"block-indent": 2,
|
|
||||||
"color-case": "lower",
|
|
||||||
"color-shorthand": true,
|
|
||||||
"element-case": "lower",
|
|
||||||
"eof-newline": true,
|
|
||||||
"leading-zero": false,
|
|
||||||
"remove-empty-rulesets": true,
|
|
||||||
"space-after-colon": 1,
|
|
||||||
"space-after-combinator": 1,
|
|
||||||
"space-before-selector-delimiter": 0,
|
|
||||||
"space-between-declarations": "\n",
|
|
||||||
"space-after-opening-brace": "\n",
|
|
||||||
"space-before-closing-brace": "\n",
|
|
||||||
"space-before-colon": 0,
|
|
||||||
"space-before-combinator": 1,
|
|
||||||
"space-before-opening-brace": 1,
|
|
||||||
"strip-spaces": true,
|
|
||||||
"unitless-zero": true,
|
|
||||||
"vendor-prefix-align": true,
|
|
||||||
"sort-order": [
|
|
||||||
[
|
|
||||||
"position",
|
|
||||||
"top",
|
|
||||||
"right",
|
|
||||||
"bottom",
|
|
||||||
"left",
|
|
||||||
"z-index",
|
|
||||||
"display",
|
|
||||||
"float",
|
|
||||||
"width",
|
|
||||||
"min-width",
|
|
||||||
"max-width",
|
|
||||||
"height",
|
|
||||||
"min-height",
|
|
||||||
"max-height",
|
|
||||||
"-webkit-box-sizing",
|
|
||||||
"-moz-box-sizing",
|
|
||||||
"box-sizing",
|
|
||||||
"-webkit-appearance",
|
|
||||||
"padding",
|
|
||||||
"padding-top",
|
|
||||||
"padding-right",
|
|
||||||
"padding-bottom",
|
|
||||||
"padding-left",
|
|
||||||
"margin",
|
|
||||||
"margin-top",
|
|
||||||
"margin-right",
|
|
||||||
"margin-bottom",
|
|
||||||
"margin-left",
|
|
||||||
"overflow",
|
|
||||||
"overflow-x",
|
|
||||||
"overflow-y",
|
|
||||||
"-webkit-overflow-scrolling",
|
|
||||||
"-ms-overflow-x",
|
|
||||||
"-ms-overflow-y",
|
|
||||||
"-ms-overflow-style",
|
|
||||||
"clip",
|
|
||||||
"clear",
|
|
||||||
"font",
|
|
||||||
"font-family",
|
|
||||||
"font-size",
|
|
||||||
"font-style",
|
|
||||||
"font-weight",
|
|
||||||
"font-variant",
|
|
||||||
"font-size-adjust",
|
|
||||||
"font-stretch",
|
|
||||||
"font-effect",
|
|
||||||
"font-emphasize",
|
|
||||||
"font-emphasize-position",
|
|
||||||
"font-emphasize-style",
|
|
||||||
"font-smooth",
|
|
||||||
"-webkit-hyphens",
|
|
||||||
"-moz-hyphens",
|
|
||||||
"hyphens",
|
|
||||||
"line-height",
|
|
||||||
"color",
|
|
||||||
"text-align",
|
|
||||||
"-webkit-text-align-last",
|
|
||||||
"-moz-text-align-last",
|
|
||||||
"-ms-text-align-last",
|
|
||||||
"text-align-last",
|
|
||||||
"text-emphasis",
|
|
||||||
"text-emphasis-color",
|
|
||||||
"text-emphasis-style",
|
|
||||||
"text-emphasis-position",
|
|
||||||
"text-decoration",
|
|
||||||
"text-indent",
|
|
||||||
"text-justify",
|
|
||||||
"text-outline",
|
|
||||||
"-ms-text-overflow",
|
|
||||||
"text-overflow",
|
|
||||||
"text-overflow-ellipsis",
|
|
||||||
"text-overflow-mode",
|
|
||||||
"text-shadow",
|
|
||||||
"text-transform",
|
|
||||||
"text-wrap",
|
|
||||||
"-webkit-text-size-adjust",
|
|
||||||
"-ms-text-size-adjust",
|
|
||||||
"letter-spacing",
|
|
||||||
"-ms-word-break",
|
|
||||||
"word-break",
|
|
||||||
"word-spacing",
|
|
||||||
"-ms-word-wrap",
|
|
||||||
"word-wrap",
|
|
||||||
"-moz-tab-size",
|
|
||||||
"-o-tab-size",
|
|
||||||
"tab-size",
|
|
||||||
"white-space",
|
|
||||||
"vertical-align",
|
|
||||||
"list-style",
|
|
||||||
"list-style-position",
|
|
||||||
"list-style-type",
|
|
||||||
"list-style-image",
|
|
||||||
"pointer-events",
|
|
||||||
"-ms-touch-action",
|
|
||||||
"touch-action",
|
|
||||||
"cursor",
|
|
||||||
"visibility",
|
|
||||||
"zoom",
|
|
||||||
"flex-direction",
|
|
||||||
"flex-order",
|
|
||||||
"flex-pack",
|
|
||||||
"flex-align",
|
|
||||||
"table-layout",
|
|
||||||
"empty-cells",
|
|
||||||
"caption-side",
|
|
||||||
"border-spacing",
|
|
||||||
"border-collapse",
|
|
||||||
"content",
|
|
||||||
"quotes",
|
|
||||||
"counter-reset",
|
|
||||||
"counter-increment",
|
|
||||||
"resize",
|
|
||||||
"-webkit-user-select",
|
|
||||||
"-moz-user-select",
|
|
||||||
"-ms-user-select",
|
|
||||||
"-o-user-select",
|
|
||||||
"user-select",
|
|
||||||
"nav-index",
|
|
||||||
"nav-up",
|
|
||||||
"nav-right",
|
|
||||||
"nav-down",
|
|
||||||
"nav-left",
|
|
||||||
"background",
|
|
||||||
"background-color",
|
|
||||||
"background-image",
|
|
||||||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",
|
|
||||||
"filter:progid:DXImageTransform.Microsoft.gradient",
|
|
||||||
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
|
|
||||||
"filter",
|
|
||||||
"background-repeat",
|
|
||||||
"background-attachment",
|
|
||||||
"background-position",
|
|
||||||
"background-position-x",
|
|
||||||
"background-position-y",
|
|
||||||
"-webkit-background-clip",
|
|
||||||
"-moz-background-clip",
|
|
||||||
"background-clip",
|
|
||||||
"background-origin",
|
|
||||||
"-webkit-background-size",
|
|
||||||
"-moz-background-size",
|
|
||||||
"-o-background-size",
|
|
||||||
"background-size",
|
|
||||||
"border",
|
|
||||||
"border-color",
|
|
||||||
"border-style",
|
|
||||||
"border-width",
|
|
||||||
"border-top",
|
|
||||||
"border-top-color",
|
|
||||||
"border-top-style",
|
|
||||||
"border-top-width",
|
|
||||||
"border-right",
|
|
||||||
"border-right-color",
|
|
||||||
"border-right-style",
|
|
||||||
"border-right-width",
|
|
||||||
"border-bottom",
|
|
||||||
"border-bottom-color",
|
|
||||||
"border-bottom-style",
|
|
||||||
"border-bottom-width",
|
|
||||||
"border-left",
|
|
||||||
"border-left-color",
|
|
||||||
"border-left-style",
|
|
||||||
"border-left-width",
|
|
||||||
"border-radius",
|
|
||||||
"border-top-left-radius",
|
|
||||||
"border-top-right-radius",
|
|
||||||
"border-bottom-right-radius",
|
|
||||||
"border-bottom-left-radius",
|
|
||||||
"-webkit-border-image",
|
|
||||||
"-moz-border-image",
|
|
||||||
"-o-border-image",
|
|
||||||
"border-image",
|
|
||||||
"-webkit-border-image-source",
|
|
||||||
"-moz-border-image-source",
|
|
||||||
"-o-border-image-source",
|
|
||||||
"border-image-source",
|
|
||||||
"-webkit-border-image-slice",
|
|
||||||
"-moz-border-image-slice",
|
|
||||||
"-o-border-image-slice",
|
|
||||||
"border-image-slice",
|
|
||||||
"-webkit-border-image-width",
|
|
||||||
"-moz-border-image-width",
|
|
||||||
"-o-border-image-width",
|
|
||||||
"border-image-width",
|
|
||||||
"-webkit-border-image-outset",
|
|
||||||
"-moz-border-image-outset",
|
|
||||||
"-o-border-image-outset",
|
|
||||||
"border-image-outset",
|
|
||||||
"-webkit-border-image-repeat",
|
|
||||||
"-moz-border-image-repeat",
|
|
||||||
"-o-border-image-repeat",
|
|
||||||
"border-image-repeat",
|
|
||||||
"outline",
|
|
||||||
"outline-width",
|
|
||||||
"outline-style",
|
|
||||||
"outline-color",
|
|
||||||
"outline-offset",
|
|
||||||
"-webkit-box-shadow",
|
|
||||||
"-moz-box-shadow",
|
|
||||||
"box-shadow",
|
|
||||||
"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
|
|
||||||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
|
|
||||||
"opacity",
|
|
||||||
"-ms-interpolation-mode",
|
|
||||||
"-webkit-transition",
|
|
||||||
"-moz-transition",
|
|
||||||
"-ms-transition",
|
|
||||||
"-o-transition",
|
|
||||||
"transition",
|
|
||||||
"-webkit-transition-delay",
|
|
||||||
"-moz-transition-delay",
|
|
||||||
"-ms-transition-delay",
|
|
||||||
"-o-transition-delay",
|
|
||||||
"transition-delay",
|
|
||||||
"-webkit-transition-timing-function",
|
|
||||||
"-moz-transition-timing-function",
|
|
||||||
"-ms-transition-timing-function",
|
|
||||||
"-o-transition-timing-function",
|
|
||||||
"transition-timing-function",
|
|
||||||
"-webkit-transition-duration",
|
|
||||||
"-moz-transition-duration",
|
|
||||||
"-ms-transition-duration",
|
|
||||||
"-o-transition-duration",
|
|
||||||
"transition-duration",
|
|
||||||
"-webkit-transition-property",
|
|
||||||
"-moz-transition-property",
|
|
||||||
"-ms-transition-property",
|
|
||||||
"-o-transition-property",
|
|
||||||
"transition-property",
|
|
||||||
"-webkit-transform",
|
|
||||||
"-moz-transform",
|
|
||||||
"-ms-transform",
|
|
||||||
"-o-transform",
|
|
||||||
"transform",
|
|
||||||
"-webkit-transform-origin",
|
|
||||||
"-moz-transform-origin",
|
|
||||||
"-ms-transform-origin",
|
|
||||||
"-o-transform-origin",
|
|
||||||
"transform-origin",
|
|
||||||
"-webkit-animation",
|
|
||||||
"-moz-animation",
|
|
||||||
"-ms-animation",
|
|
||||||
"-o-animation",
|
|
||||||
"animation",
|
|
||||||
"-webkit-animation-name",
|
|
||||||
"-moz-animation-name",
|
|
||||||
"-ms-animation-name",
|
|
||||||
"-o-animation-name",
|
|
||||||
"animation-name",
|
|
||||||
"-webkit-animation-duration",
|
|
||||||
"-moz-animation-duration",
|
|
||||||
"-ms-animation-duration",
|
|
||||||
"-o-animation-duration",
|
|
||||||
"animation-duration",
|
|
||||||
"-webkit-animation-play-state",
|
|
||||||
"-moz-animation-play-state",
|
|
||||||
"-ms-animation-play-state",
|
|
||||||
"-o-animation-play-state",
|
|
||||||
"animation-play-state",
|
|
||||||
"-webkit-animation-timing-function",
|
|
||||||
"-moz-animation-timing-function",
|
|
||||||
"-ms-animation-timing-function",
|
|
||||||
"-o-animation-timing-function",
|
|
||||||
"animation-timing-function",
|
|
||||||
"-webkit-animation-delay",
|
|
||||||
"-moz-animation-delay",
|
|
||||||
"-ms-animation-delay",
|
|
||||||
"-o-animation-delay",
|
|
||||||
"animation-delay",
|
|
||||||
"-webkit-animation-iteration-count",
|
|
||||||
"-moz-animation-iteration-count",
|
|
||||||
"-ms-animation-iteration-count",
|
|
||||||
"-o-animation-iteration-count",
|
|
||||||
"animation-iteration-count",
|
|
||||||
"-webkit-animation-direction",
|
|
||||||
"-moz-animation-direction",
|
|
||||||
"-ms-animation-direction",
|
|
||||||
"-o-animation-direction",
|
|
||||||
"animation-direction"
|
|
||||||
]
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
@ -187,7 +187,7 @@
|
||||||
// Overlay - left/right responsive overlay classes and marker class
|
// Overlay - left/right responsive overlay classes and marker class
|
||||||
@mixin mdb-drawer-x-overlay-down($breakpoint) {
|
@mixin mdb-drawer-x-overlay-down($breakpoint) {
|
||||||
// e.g. &, &-sm, &-md, &-lg
|
// e.g. &, &-sm, &-md, &-lg
|
||||||
$name: mdb-drawer-breakpoint-name($breakpoint, '-down');
|
$name: mdb-drawer-breakpoint-name($breakpoint, "-down");
|
||||||
|
|
||||||
&.mdb-drawer-overlay {
|
&.mdb-drawer-overlay {
|
||||||
#{unquote($name)} { // mdb-drawer-overlay, mdb-drawer-overlay-sm, mdb-drawer-overlay-md, mdb-drawer-overlay-lg
|
#{unquote($name)} { // mdb-drawer-overlay, mdb-drawer-overlay-sm, mdb-drawer-overlay-md, mdb-drawer-overlay-lg
|
||||||
|
|
@ -199,11 +199,11 @@
|
||||||
// Must double up on the .mdb-drawer-overlay class to increase specificity otherwise the
|
// Must double up on the .mdb-drawer-overlay class to increase specificity otherwise the
|
||||||
// responsive mdb-drawer-in-* media queries above win (and overlay is ignored)
|
// responsive mdb-drawer-in-* media queries above win (and overlay is ignored)
|
||||||
&.mdb-drawer-overlay {
|
&.mdb-drawer-overlay {
|
||||||
@include mdb-drawer-x-overlay()
|
@include mdb-drawer-x-overlay();
|
||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
@include media-breakpoint-down($breakpoint) { // overlay responsive class
|
@include media-breakpoint-down($breakpoint) { // overlay responsive class
|
||||||
@include mdb-drawer-x-overlay()
|
@include mdb-drawer-x-overlay();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user