From 3c641a0bea5e3a1a481e2d876e9f05ada288716a Mon Sep 17 00:00:00 2001 From: mikki077 Date: Fri, 23 Dec 2022 17:46:57 +0100 Subject: [PATCH] Class sorting plugin (#1166) * Add prettier plugin * Update prettier config * All files format * Sidenav format * Remove stylelint * Fix pretty-quick config --- .eslintrc | 254 +- .prettierignore | 9 +- .prettierrc | 17 +- .stylelintrc | 297 -- README.md | 9 +- demo/index.html | 12 +- demo/sites/bs/_blank.html | 7 +- demo/sites/bs/accordion.html | 159 +- demo/sites/bs/alerts.html | 27 +- demo/sites/bs/avatar.html | 19 +- demo/sites/bs/badges.html | 61 +- demo/sites/bs/breadcrumbs.html | 57 +- demo/sites/bs/button-group.html | 65 +- demo/sites/bs/buttons.html | 145 +- demo/sites/bs/cards.html | 37 +- demo/sites/bs/carousel.html | 334 +- demo/sites/bs/checkbox.html | 88 +- demo/sites/bs/chips.html | 67 +- demo/sites/bs/collapse.html | 78 +- demo/sites/bs/datepicker.html | 198 +- demo/sites/bs/dropdown.html | 284 +- demo/sites/bs/file-input.html | 81 +- demo/sites/bs/footer.html | 542 ++- demo/sites/bs/form-templates.html | 198 +- demo/sites/bs/gallery.html | 54 +- demo/sites/bs/headers.html | 108 +- demo/sites/bs/headings.html | 31 +- demo/sites/bs/hover-effects.html | 88 +- demo/sites/bs/icons.html | 249 +- demo/sites/bs/images.html | 27 +- demo/sites/bs/input-group.html | 419 ++- demo/sites/bs/inputs.html | 138 +- demo/sites/bs/jumbotron.html | 386 +- demo/sites/bs/link.html | 45 +- demo/sites/bs/list-group.html | 97 +- demo/sites/bs/login-form.html | 240 +- demo/sites/bs/mask.html | 239 +- demo/sites/bs/modal.html | 672 ++-- demo/sites/bs/navbar.html | 210 +- demo/sites/bs/notification.html | 341 +- demo/sites/bs/offcanvas.html | 182 +- demo/sites/bs/paragraphs.html | 62 +- demo/sites/bs/pills.html | 173 +- demo/sites/bs/popover.html | 42 +- demo/sites/bs/progress.html | 36 +- demo/sites/bs/radio.html | 110 +- demo/sites/bs/range.html | 64 +- demo/sites/bs/rating.html | 163 +- demo/sites/bs/register-form.html | 116 +- demo/sites/bs/scroll-button.html | 44 +- demo/sites/bs/search.html | 102 +- demo/sites/bs/select.html | 43 +- demo/sites/bs/social-buttons.html | 740 ++-- demo/sites/bs/spinners.html | 206 +- demo/sites/bs/switch.html | 62 +- demo/sites/bs/tables.html | 1284 ++++--- demo/sites/bs/tabs.html | 134 +- demo/sites/bs/textarea.html | 24 +- demo/sites/bs/toast.html | 80 +- demo/sites/bs/tooltip.html | 48 +- demo/sites/bs/typography.html | 126 +- demo/sites/bs/video-carousel.html | 257 +- demo/sites/bs/video.html | 186 +- demo/sites/db/admin-charts-1.html | 69 +- demo/sites/db/admin-charts-2.html | 81 +- demo/sites/db/admin-charts-3.html | 181 +- demo/sites/db/admin-complex-1.html | 304 +- demo/sites/db/admin-complex-2.html | 286 +- demo/sites/db/admin-complex-3.html | 271 +- demo/sites/db/admin-forms-1.html | 51 +- demo/sites/db/admin-forms-2.html | 98 +- demo/sites/db/admin-forms-3.html | 25 +- demo/sites/db/admin-maps-1.html | 80 +- demo/sites/db/admin-maps-2.html | 66 +- demo/sites/db/admin-maps-3.html | 86 +- demo/sites/db/admin-navigation-1.html | 94 +- demo/sites/db/admin-navigation-2.html | 101 +- demo/sites/db/admin-navigation-3.html | 97 +- demo/sites/db/admin-stats-1.html | 31 +- demo/sites/db/admin-stats-2.html | 115 +- demo/sites/db/admin-stats-3.html | 80 +- demo/sites/db/admin-tables-1.html | 211 +- demo/sites/db/admin-tables-2.html | 149 +- demo/sites/db/admin-tables-3.html | 150 +- demo/sites/db/banners-0.html | 212 +- demo/sites/db/banners-1.html | 39 +- demo/sites/db/banners-2.html | 138 +- demo/sites/db/banners-3.html | 235 +- demo/sites/db/contact-0.html | 239 +- demo/sites/db/contact-1.html | 169 +- demo/sites/db/contact-2.html | 115 +- demo/sites/db/contact-3.html | 61 +- demo/sites/db/contact-4.html | 92 +- demo/sites/db/contact-5.html | 123 +- demo/sites/db/contact-6.html | 94 +- demo/sites/db/contact-7.html | 9 +- demo/sites/db/contact-8.html | 9 +- demo/sites/db/content-0.html | 332 +- demo/sites/db/content-1.html | 44 +- demo/sites/db/content-2.html | 77 +- demo/sites/db/content-3.html | 58 +- demo/sites/db/content-4.html | 54 +- demo/sites/db/content-5.html | 74 +- demo/sites/db/content-6.html | 42 +- demo/sites/db/content-7.html | 168 +- demo/sites/db/content-8.html | 84 +- demo/sites/db/content-9.html | 79 +- demo/sites/db/cta-0.html | 59 +- demo/sites/db/cta-1.html | 501 ++- demo/sites/db/cta-2.html | 95 +- demo/sites/db/cta-3.html | 9 +- demo/sites/db/faq-0.html | 238 +- demo/sites/db/faq-1.html | 329 +- demo/sites/db/faq-2.html | 9 +- demo/sites/db/faq-3.html | 9 +- demo/sites/db/faq-4.html | 9 +- demo/sites/db/faq-5.html | 9 +- demo/sites/db/features-0.html | 400 +-- demo/sites/db/features-1.html | 1055 +++--- demo/sites/db/features-2.html | 7 +- demo/sites/db/features-3.html | 7 +- demo/sites/db/headers-0.html | 67 +- demo/sites/db/headers-1.html | 85 +- demo/sites/db/headers-2.html | 7 +- demo/sites/db/headers-3.html | 7 +- demo/sites/db/hero-1.html | 66 +- demo/sites/db/hero-10.html | 77 +- demo/sites/db/hero-11.html | 86 +- demo/sites/db/hero-12.html | 101 +- demo/sites/db/hero-2.html | 79 +- demo/sites/db/hero-3.html | 163 +- demo/sites/db/hero-4.html | 83 +- demo/sites/db/hero-5.html | 88 +- demo/sites/db/hero-6.html | 100 +- demo/sites/db/hero-7.html | 78 +- demo/sites/db/hero-8.html | 168 +- demo/sites/db/hero-9.html | 88 +- demo/sites/db/intro-1.html | 45 +- demo/sites/db/intro-2.html | 121 +- demo/sites/db/intro-3.html | 118 +- demo/sites/db/logo-clouds-0.html | 114 +- demo/sites/db/logo-clouds-1.html | 243 +- demo/sites/db/logo-clouds-2.html | 7 +- demo/sites/db/logo-clouds-3.html | 7 +- demo/sites/db/megamenu-0.html | 1283 +++---- demo/sites/db/megamenu-1.html | 346 +- demo/sites/db/megamenu-2.html | 113 +- demo/sites/db/megamenu-3.html | 191 +- demo/sites/db/megamenu-4.html | 94 +- demo/sites/db/megamenu-5.html | 139 +- demo/sites/db/megamenu-6.html | 297 +- demo/sites/db/news-0.html | 255 +- demo/sites/db/news-1.html | 692 ++-- demo/sites/db/news-2.html | 7 +- demo/sites/db/news-3.html | 7 +- demo/sites/db/newsletter-0.html | 85 +- demo/sites/db/newsletter-1.html | 272 +- demo/sites/db/newsletter-2.html | 7 +- demo/sites/db/newsletter-3.html | 7 +- demo/sites/db/pricing-0.html | 423 ++- demo/sites/db/pricing-1.html | 973 +++-- demo/sites/db/pricing-2.html | 7 +- demo/sites/db/pricing-3.html | 7 +- demo/sites/db/projects-0.html | 324 +- demo/sites/db/projects-1.html | 601 ++-- demo/sites/db/projects-2.html | 33 +- demo/sites/db/projects-3.html | 7 +- demo/sites/db/stats-0.html | 93 +- demo/sites/db/stats-1.html | 301 +- demo/sites/db/stats-2.html | 7 +- demo/sites/db/stats-3.html | 7 +- demo/sites/db/team-0.html | 348 +- demo/sites/db/team-1.html | 555 ++- demo/sites/db/team-2.html | 7 +- demo/sites/db/team-3.html | 7 +- demo/sites/db/testimonials-0.html | 434 +-- demo/sites/db/testimonials-1.html | 928 ++--- demo/sites/db/testimonials-2.html | 7 +- demo/sites/db/testimonials-3.html | 7 +- demo/sites/mdb/animations.html | 161 +- demo/sites/mdb/datepicker.html | 181 +- demo/sites/mdb/dividers.html | 525 +-- demo/sites/mdb/figures.html | 140 +- demo/sites/mdb/images.html | 284 +- demo/sites/mdb/masks.html | 629 ++-- demo/sites/mdb/pagination.html | 634 ++-- demo/sites/mdb/placeholder.html | 342 +- demo/sites/mdb/ripple.html | 113 +- demo/sites/mdb/shadows.html | 234 +- demo/sites/mdb/sidenav.html | 600 +++- demo/sites/mdb/stepper.html | 296 +- demo/sites/mdb/timeline.html | 602 ++-- demo/sites/mdb/timepicker.html | 101 +- helpers/copyTeFiles.js | 20 +- helpers/createTeStarter.js | 8 +- package.json | 21 +- site/assets/css/main.css | 2 +- site/content/docs/standard/builder/index.html | 129 +- .../standard/components/accordion/index.html | 1263 +++---- .../standard/components/alerts/index.html | 959 +++-- .../standard/components/avatar/index.html | 468 ++- .../standard/components/badges/index.html | 479 ++- .../components/button-group/index.html | 1537 +++++--- .../standard/components/buttons/index.html | 1254 +++++-- .../docs/standard/components/cards/index.html | 513 ++- .../standard/components/carousel/index.html | 1429 ++++---- .../standard/components/charts/index.html | 306 +- .../docs/standard/components/chips/index.html | 433 ++- .../standard/components/collapse/index.html | 608 +++- .../standard/components/dividers/index.html | 347 +- .../docs/standard/components/dividers/ss.html | 2 +- .../standard/components/dropdown/index.html | 2603 ++++++-------- .../standard/components/figures/index.html | 240 +- .../docs/standard/components/figures/ss.html | 2 +- .../standard/components/gallery/index.html | 714 ++-- .../standard/components/headers/index.html | 335 +- .../standard/components/headings/index.html | 342 +- .../components/hover-effects/index.html | 676 ++-- .../docs/standard/components/icons/index.html | 1162 +++++- .../standard/components/images/index.html | 349 +- .../standard/components/jumbotron/index.html | 804 +++-- .../docs/standard/components/link/index.html | 470 ++- .../standard/components/listgroup/index.html | 691 ++-- .../standard/components/login-form/index.html | 602 ++-- .../docs/standard/components/mask/index.html | 739 ++-- .../docs/standard/components/modal/index.html | 3152 +++++++++-------- .../docs/standard/components/modal/ss.html | 2 +- .../components/notifications/index.html | 1453 +++++--- .../standard/components/offcanvas/index.html | 921 ++--- .../standard/components/paragraphs/index.html | 356 +- .../components/placeholders/index.html | 615 +++- .../standard/components/placeholders/ss.html | 2 +- .../standard/components/popover/index.html | 603 ++-- .../standard/components/progress/index.html | 294 +- .../standard/components/rating/index.html | 820 ++++- .../components/registration-form/index.html | 569 +-- .../scroll-back-to-top-button/index.html | 176 +- .../standard/components/shadows/index.html | 461 ++- .../docs/standard/components/shadows/ss.html | 2 +- .../components/social-buttons/index.html | 2171 ++++++++++-- .../standard/components/spinners/index.html | 1122 +++--- .../docs/standard/components/spinners/ss.html | 2 +- .../standard/components/stepper/index.html | 513 ++- .../standard/components/tables/index.html | 1863 +++++++--- .../components/testimonials/index.html | 1210 ++++--- .../standard/components/timeline/index.html | 980 +++-- .../docs/standard/components/toast/index.html | 771 ++-- .../standard/components/tooltip/index.html | 524 +-- .../standard/components/typography/index.html | 652 ++-- .../components/video-carousel/index.html | 762 ++-- .../docs/standard/components/video/index.html | 902 +++-- .../content-styles/animations/index.html | 1429 ++++---- .../content-styles/animations/ss.html | 14 +- .../standard/designblocks/admin/index.html | 97 +- .../standard/designblocks/banners/index.html | 142 +- .../standard/designblocks/charts/index.html | 143 +- .../standard/designblocks/complex/index.html | 143 +- .../standard/designblocks/contact/index.html | 381 +- .../standard/designblocks/content/index.html | 431 ++- .../docs/standard/designblocks/cta/index.html | 564 ++- .../docs/standard/designblocks/faq/index.html | 235 +- .../standard/designblocks/features/index.html | 474 ++- .../standard/designblocks/forms/index.html | 143 +- .../standard/designblocks/headers/index.html | 188 +- .../designblocks/hero-sections/index.html | 648 ++-- .../designblocks/landing-page/index.html | 281 +- .../designblocks/logo-clouds/index.html | 237 +- .../standard/designblocks/maps/index.html | 143 +- .../designblocks/mega-menu/index.html | 282 +- .../designblocks/navigation/index.html | 143 +- .../standard/designblocks/news/index.html | 290 +- .../designblocks/newsletter/index.html | 378 +- .../standard/designblocks/pricing/index.html | 288 +- .../designblocks/project-sections/index.html | 284 +- .../designblocks/stats-admin/index.html | 143 +- .../standard/designblocks/stats/index.html | 284 +- .../standard/designblocks/tables/index.html | 143 +- .../standard/designblocks/team/index.html | 235 +- .../designblocks/testimonials/index.html | 282 +- .../docs/standard/forms/checkbox/index.html | 458 ++- .../docs/standard/forms/datepicker/index.html | 393 +- .../docs/standard/forms/file-input/index.html | 386 +- .../docs/standard/forms/inputs/index.html | 1210 +++---- .../standard/forms/multiselect/index.html | 166 +- .../docs/standard/forms/radio/index.html | 422 ++- .../docs/standard/forms/range/index.html | 321 +- .../docs/standard/forms/search/index.html | 384 +- .../docs/standard/forms/select/index.html | 392 +- .../docs/standard/forms/switch/index.html | 317 +- .../docs/standard/forms/templates/index.html | 1360 +++---- .../docs/standard/forms/textarea/index.html | 246 +- .../docs/standard/forms/timepicker/index.html | 277 +- .../docs/standard/methods/ripple/index.html | 751 ++-- .../standard/navigation/bradcrumbs/index.html | 449 ++- .../standard/navigation/footer/index.html | 2106 ++++++----- .../standard/navigation/mega-menu/index.html | 1926 +++++----- .../standard/navigation/navbar/index.html | 1858 +++++----- .../standard/navigation/pagination/index.html | 728 +++- .../standard/navigation/pagination/ss.html | 2 +- .../docs/standard/navigation/pills/index.html | 1709 ++++----- .../standard/navigation/scrollspy/index.html | 471 ++- .../standard/navigation/sidenav/index.html | 1366 +++++-- .../docs/standard/navigation/tabs/index.html | 1331 +++---- .../docs/standard/start/contribute.html | 15 +- .../docs/standard/templates/index.html | 128 +- site/layouts/docs/list.html | 21 +- site/layouts/docs/single.html | 132 +- site/layouts/index.html | 531 +-- site/layouts/partials/footer/footer-docs.html | 55 +- .../partials/footer/footer-scripts.html | 321 +- site/layouts/partials/head/head.html | 25 +- site/layouts/partials/header/header.html | 253 +- site/layouts/partials/sidenav/standard.html | 371 +- site/layouts/shortcodes/twsnippet/demo.html | 53 +- site/static/js/index.min.js.map | 2 +- site/static/js/plugin.js | 284 +- site/tailwind.config.js | 6 +- src/files/index.html | 13 +- src/index.html | 13 +- src/js/bs/src/alert.js | 38 +- src/js/bs/src/base-component.js | 15 +- src/js/bs/src/carousel.js | 266 +- src/js/bs/src/collapse.js | 162 +- src/js/bs/src/dom/manipulator.js | 17 +- src/js/bs/src/dropdown.js | 248 +- src/js/bs/src/modal.js | 172 +- src/js/bs/src/offcanvas.js | 121 +- src/js/bs/src/popover.js | 28 +- src/js/bs/src/scrollspy.js | 142 +- src/js/bs/src/toast.js | 76 +- src/js/bs/src/tooltip.js | 319 +- src/js/bs/src/util/backdrop.js | 68 +- src/js/bs/src/util/component-functions.js | 41 +- src/js/bs/src/util/index.js | 77 +- src/js/index.js | 34 +- src/js/mdb/animate.js | 113 +- src/js/mdb/datepicker/index.js | 610 ++-- src/js/mdb/datepicker/templates.js | 183 +- src/js/mdb/dom/manipulator.js | 21 +- src/js/mdb/ripple.js | 146 +- src/js/mdb/stepper.js | 341 +- src/js/mdb/timepicker/templates.js | 5 +- src/js/mdb/timepicker/utils.js | 53 +- src/js/plugin.js | 284 +- src/js/theme.js | 69 +- tailwind.config.js | 6 +- webpack/webpack.common.js | 69 +- webpack/webpack.config.dev.js | 44 +- webpack/webpack.config.prod.js | 34 +- 349 files changed, 62714 insertions(+), 45483 deletions(-) delete mode 100644 .stylelintrc diff --git a/.eslintrc b/.eslintrc index fe53a6179..7cc6954b5 100644 --- a/.eslintrc +++ b/.eslintrc @@ -3,254 +3,10 @@ "parser": "babel-eslint", "env": { "browser": true, - "es6": true, - "jquery": true, - "jasmine": true, - "amd": true + "amd": true, + "node": true, + "es6": true }, - "ignorePatterns": ["src/js/bs/", "src/files/", "getBSsrc.js", "dist/", "site/", "src/css/", "src/js/bs-styles.js"], - "extends": ["airbnb-base", "plugin:prettier/recommended"], - "parserOptions": { - "ecmaVersion": 8, - "sourceType": "module" - }, - "rules": { - "no-await-in-loop": "error", - "no-compare-neg-zero": "error", - "no-extra-parens": "error", - "no-prototype-builtins": "off", - "no-template-curly-in-string": "error", - "valid-jsdoc": "error", - "accessor-pairs": "error", - "array-callback-return": "error", - "block-scoped-var": "error", - "class-methods-use-this": "off", - "complexity": "off", - "consistent-return": "error", - "curly": "error", - "default-case": "error", - "dot-location": ["error", "property"], - "dot-notation": "error", - "eqeqeq": "error", - "guard-for-in": "error", - "no-alert": "error", - "no-caller": "error", - "no-div-regex": "error", - "no-else-return": "error", - "no-empty-function": "error", - "no-eq-null": "error", - "no-eval": "error", - "no-extend-native": "error", - "no-extra-bind": "error", - "no-extra-label": "error", - "no-floating-decimal": "error", - "no-implicit-coercion": "error", - "no-implicit-globals": "error", - "no-implied-eval": "error", - "no-invalid-this": "off", - "no-iterator": "error", - "no-labels": "error", - "no-lone-blocks": "error", - "no-loop-func": "error", - "no-multi-spaces": [ - "error", - { - "exceptions": { - "AssignmentExpression": true, - "ArrowFunctionExpression": true, - "CallExpression": true, - "VariableDeclarator": true - } - } - ], - "no-multi-str": "error", - "no-new": "error", - "no-new-func": "error", - "no-new-wrappers": "error", - "no-octal-escape": "error", - "no-param-reassign": "off", - "no-proto": "error", - "no-restricted-properties": "error", - "no-return-assign": "off", - "no-return-await": "error", - "no-script-url": "error", - "no-self-compare": "error", - "no-sequences": "error", - "no-throw-literal": "error", - "no-unmodified-loop-condition": "error", - "no-unused-expressions": "error", - "no-useless-call": "error", - "no-useless-concat": "error", - "no-useless-escape": "error", - "no-useless-return": "off", - "no-void": "error", - "no-warning-comments": "off", - "no-with": "error", - "prefer-promise-reject-errors": "error", - "radix": "error", - "require-await": "error", - "vars-on-top": "error", - "wrap-iife": "error", - "yoda": "error", - "strict": "error", - "init-declarations": "off", - "no-catch-shadow": "error", - "no-label-var": "error", - "no-restricted-globals": "error", - "no-shadow": "off", - "no-shadow-restricted-names": "error", - "no-undef-init": "error", - "no-undefined": "off", - "no-use-before-define": "off", - "callback-return": "off", - "global-require": "error", - "handle-callback-err": "error", - "no-mixed-requires": "error", - "no-new-require": "error", - "no-path-concat": "error", - "no-process-env": "error", - "no-process-exit": "error", - "no-restricted-modules": "error", - "no-sync": "error", - "array-bracket-spacing": "error", - "block-spacing": "error", - "brace-style": "error", - "camelcase": "error", - "capitalized-comments": "off", - "comma-dangle": "off", - "comma-spacing": "error", - "comma-style": "error", - "computed-property-spacing": "error", - "consistent-this": "error", - "eol-last": "error", - "func-call-spacing": "error", - "func-name-matching": "error", - "func-names": "off", - "func-style": [ - "error", - "declaration", - { - "allowArrowFunctions": true - } - ], - "id-blacklist": "error", - "id-length": "off", - "id-match": "error", - "indent": [ - "error", - 2, - { - "SwitchCase": 1 - } - ], - "jsx-quotes": "error", - "key-spacing": "off", - "keyword-spacing": "error", - "line-comment-position": "off", - "lines-around-comment": "off", - "lines-around-directive": "error", - "max-depth": ["error", 10], - "max-len": "off", - "max-lines": "off", - "max-nested-callbacks": "error", - "max-params": "off", - "max-statements": "off", - "max-statements-per-line": "error", - "multiline-ternary": "off", - "new-cap": [ - "error", - { - "capIsNewExceptionPattern": "$.*" - } - ], - "new-parens": "error", - "newline-after-var": "off", - "newline-before-return": "off", - "newline-per-chained-call": [ - "error", - { - "ignoreChainWithDepth": 5 - } - ], - "no-array-constructor": "error", - "no-bitwise": "error", - "no-continue": "off", - "no-inline-comments": "off", - "no-lonely-if": "error", - "no-mixed-operators": "off", - "no-multi-assign": "error", - "no-multiple-empty-lines": "error", - "no-negated-condition": "off", - "no-nested-ternary": "error", - "no-new-object": "error", - "no-plusplus": "off", - "no-restricted-syntax": "error", - "no-tabs": "error", - "no-ternary": "off", - "no-trailing-spaces": "error", - "no-underscore-dangle": "off", - "no-unneeded-ternary": "error", - "no-whitespace-before-property": "error", - "nonblock-statement-body-position": "error", - "object-curly-newline": [ - "error", - { - "consistent": true, - "multiline": true - } - ], - "object-curly-spacing": ["error", "always"], - "object-property-newline": "error", - "one-var": ["error", "never"], - "one-var-declaration-per-line": "error", - "operator-assignment": "error", - "operator-linebreak": "off", - "padded-blocks": "off", - "quote-props": ["error", "as-needed"], - "quotes": ["error", "single"], - "require-jsdoc": "off", - "semi": ["off"], - "semi-spacing": "error", - "sort-keys": "off", - "sort-vars": "error", - "space-before-blocks": "error", - "space-before-function-paren": [ - "error", - { - "anonymous": "always", - "named": "never" - } - ], - "space-in-parens": "error", - "space-infix-ops": "error", - "space-unary-ops": "error", - "spaced-comment": "error", - "template-tag-spacing": "error", - "unicode-bom": "error", - "wrap-regex": "off", - "arrow-body-style": "off", - "arrow-spacing": "error", - "generator-star-spacing": "error", - "no-confusing-arrow": "error", - "no-duplicate-imports": "error", - "no-restricted-imports": "error", - "no-useless-computed-key": "error", - "no-useless-constructor": "error", - "no-useless-rename": "error", - "no-var": "error", - "object-shorthand": "error", - "prefer-arrow-callback": "error", - "prefer-const": "error", - "prefer-destructuring": "off", - "prefer-numeric-literals": "error", - "prefer-rest-params": "error", - "prefer-spread": "error", - "prefer-template": "error", - "rest-spread-spacing": "error", - // "sort-imports": "error", - "symbol-description": "error", - "template-curly-spacing": "error", - "yield-star-spacing": "error", - "import/prefer-default-export": "off" - } + "ignorePatterns": ["src/files/" , "dist/", "site/", "src/js/plugin.js"], + "extends": ["eslint:recommended", "prettier"] } diff --git a/.prettierignore b/.prettierignore index d5e149b80..b96e00cd6 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,7 +1,6 @@ dist/ dist-demo/ -mdb/ -site/ -src/js/mdb -src/css/ -src/js/bs-styles.js \ No newline at end of file +site/static/ +site/public/ +site/resources/ +site/assets/ \ No newline at end of file diff --git a/.prettierrc b/.prettierrc index 0946a496a..3aceb6338 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,8 +1,11 @@ { - "bracketSpacing": true, - "semi": true, - "singleQuote": true, - "trailingComma": "es5", - "printWidth": 100, - "endOfLine": "auto" -} \ No newline at end of file + "overrides": [ + { + "files": ["*.html"], + "options": { + "parser": "go-template", + "bracketSameLine": true + } + } + ] +} diff --git a/.stylelintrc b/.stylelintrc deleted file mode 100644 index c6e25ade2..000000000 --- a/.stylelintrc +++ /dev/null @@ -1,297 +0,0 @@ -{ - "extends": [ - "stylelint-prettier/recommended", - "stylelint-config-standard", - "stylelint-config-recommended-scss" - ], - "plugins": [ - "stylelint-order" - ], - "ignoreFiles": [ - "src/css/**/*.css" - ], - "rules": { - "at-rule-empty-line-before": null, - "at-rule-name-space-after": "always", - "at-rule-semicolon-space-before": "never", - "block-closing-brace-empty-line-before": null, - "block-closing-brace-newline-after": null, - "block-opening-brace-space-before": null, - "color-named": "never", - "declaration-block-semicolon-newline-after": "always-multi-line", - "declaration-block-semicolon-newline-before": "never-multi-line", - "declaration-block-semicolon-space-after": "always-single-line", - "declaration-empty-line-before": null, - "font-family-name-quotes": "always-where-recommended", - "font-weight-notation": [ - "numeric", - { - "ignore": [ - "relative" - ] - } - ], - "function-url-no-scheme-relative": true, - "function-url-quotes": "always", - "length-zero-no-unit": true, - "max-empty-lines": 2, - "max-line-length": null, - "media-feature-name-no-vendor-prefix": true, - "media-feature-parentheses-space-inside": "never", - "media-feature-range-operator-space-after": "always", - "media-feature-range-operator-space-before": "never", - "no-descending-specificity": null, - "no-duplicate-selectors": true, - "number-leading-zero": "never", - "media-feature-name-no-unknown": [ - true, - { - "ignoreMediaFeatureNames": [ - "prefers-reduced-motion" - ] - } - ], - "order/properties-order": [ - "position", - "top", - "right", - "bottom", - "left", - "z-index", - "box-sizing", - "display", - "flex", - "flex-align", - "flex-basis", - "flex-direction", - "flex-wrap", - "flex-flow", - "flex-shrink", - "flex-grow", - "flex-order", - "flex-pack", - "align-content", - "align-items", - "align-self", - "justify-content", - "order", - "float", - "width", - "min-width", - "max-width", - "height", - "min-height", - "max-height", - "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", - "columns", - "column-count", - "column-fill", - "column-gap", - "column-rule", - "column-rule-width", - "column-rule-style", - "column-rule-color", - "column-span", - "column-width", - "orphans", - "widows", - "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", - "src", - "hyphens", - "line-height", - "color", - "text-align", - "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", - "overflow-wrap", - "tab-size", - "white-space", - "vertical-align", - "direction", - "unicode-bidi", - "list-style", - "list-style-position", - "list-style-type", - "list-style-image", - "pointer-events", - "-ms-touch-action", - "touch-action", - "cursor", - "visibility", - "zoom", - "table-layout", - "empty-cells", - "caption-side", - "border-spacing", - "border-collapse", - "content", - "quotes", - "counter-reset", - "counter-increment", - "resize", - "user-select", - "nav-index", - "nav-up", - "nav-right", - "nav-down", - "nav-left", - "background", - "background-color", - "background-image", - "filter", - "background-repeat", - "background-attachment", - "background-position", - "background-position-x", - "background-position-y", - "background-clip", - "background-origin", - "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", - "border-image", - "border-image-source", - "border-image-slice", - "border-image-width", - "border-image-outset", - "border-image-repeat", - "outline", - "outline-width", - "outline-style", - "outline-color", - "outline-offset", - "box-shadow", - "opacity", - "-ms-interpolation-mode", - "page-break-after", - "page-break-before", - "page-break-inside", - "transition", - "transition-delay", - "transition-timing-function", - "transition-duration", - "transition-property", - "transform", - "transform-origin", - "perspective", - "appearance", - "animation", - "animation-name", - "animation-duration", - "animation-play-state", - "animation-timing-function", - "animation-delay", - "animation-iteration-count", - "animation-direction", - "animation-fill-mode", - "fill", - "stroke" - ], - "rule-empty-line-before": null, - "selector-attribute-quotes": "always", - "selector-list-comma-newline-after": null, - "selector-list-comma-newline-before": null, - "selector-list-comma-space-after": "always-single-line", - "selector-list-comma-space-before": "never-single-line", - "selector-max-attribute": 2, - "selector-max-class": 8, - "selector-max-combinators": 8, - "selector-max-compound-selectors": 8, - "selector-max-empty-lines": 1, - "selector-max-id": 1, - "selector-max-specificity": null, - "selector-max-type": 4, - "selector-max-universal": 1, - "selector-no-qualifying-type": [ - true, - { - "ignore": [ - "attribute", - "class" - ] - } - ], - "selector-pseudo-element-colon-notation": null, - "string-quotes": "double", - "value-keyword-case": "lower", - "value-list-comma-newline-after": "never-multi-line", - "value-list-comma-newline-before": "never-multi-line", - "value-list-comma-space-after": "always", - "value-no-vendor-prefix": true - } -} \ No newline at end of file diff --git a/README.md b/README.md index c01f8d92e..846223b38 100644 --- a/README.md +++ b/README.md @@ -282,7 +282,7 @@ Responsive Landing page blocks built with Tailwind CSS. Plenty of design blocks ##### NPM -1. Before starting the project make sure to install [Node.js (LTS)](https://nodejs.org/en/ 'Node.js (LTS)') and [TailwindCSS](https://tailwindcss.com/ 'TailwindCSS'). +1. Before starting the project make sure to install [Node.js (LTS)](https://nodejs.org/en/ "Node.js (LTS)") and [TailwindCSS](https://tailwindcss.com/ "TailwindCSS"). 2. Run the following command to install the package via NPM: @@ -294,8 +294,11 @@ npm install tw-elements ```javascript module.exports = { - content: ['./src/**/*.{html,js}', './node_modules/tw-elements/dist/js/**/*.js'], - plugins: [require('tw-elements/dist/plugin')], + content: [ + "./src/**/*.{html,js}", + "./node_modules/tw-elements/dist/js/**/*.js", + ], + plugins: [require("tw-elements/dist/plugin")], }; ``` diff --git a/demo/index.html b/demo/index.html index 1793a897f..ce5df6f4a 100644 --- a/demo/index.html +++ b/demo/index.html @@ -2,7 +2,9 @@ - + Material Design for Bootstrap @@ -10,8 +12,7 @@ + rel="stylesheet" /> @@ -25,15 +26,14 @@ + style="width: 250px; height: 90px; margin-bottom: 20px" />

Your sites:

Animations + rel="stylesheet" /> @@ -29,7 +28,9 @@ - + diff --git a/demo/sites/bs/accordion.html b/demo/sites/bs/accordion.html index c5712d1bf..43d07fdd3 100644 --- a/demo/sites/bs/accordion.html +++ b/demo/sites/bs/accordion.html @@ -10,8 +10,7 @@ + rel="stylesheet" /> @@ -37,17 +36,14 @@

data-te-collapse-init data-te-target="#collapseOne" aria-expanded="true" - aria-controls="collapseOne" - > + aria-controls="collapseOne"> Accordion Item #1 + class="ml-auto h-5 w-5 shrink-0 rotate-[-180deg] fill-[#336dec] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none"> + d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /> @@ -58,15 +54,16 @@

data-te-collapse-item data-te-collapse-show aria-labelledby="headingOne" - data-te-parent="#accordionExample" - > + data-te-parent="#accordionExample">
- This is the first item's accordion body. It is shown by default, - until the collapse plugin adds the appropriate classes that we use to style each - element. These classes control the overall appearance, as well as the showing and - hiding via CSS transitions. You can modify any of this with custom CSS or overriding - our default variables. It's also worth noting that just about any HTML can go within - the .accordion-body, though the transition does limit overflow. + This is the first item's accordion body. It is + shown by default, until the collapse plugin adds the appropriate + classes that we use to style each element. These classes control + the overall appearance, as well as the showing and hiding via CSS + transitions. You can modify any of this with custom CSS or + overriding our default variables. It's also worth noting that just + about any HTML can go within the .accordion-body, + though the transition does limit overflow.

@@ -79,17 +76,14 @@

data-te-collapse-collapsed data-te-target="#collapseTwo" aria-expanded="false" - aria-controls="collapseTwo" - > + aria-controls="collapseTwo"> Accordion Item #2 + class="ml-auto h-5 w-5 shrink-0 rotate-[-180deg] fill-[#336dec] transition-transform duration-200 ease-in-out group-[[data-te-collapse-collapsed]]:rotate-0 group-[[data-te-collapse-collapsed]]:fill-[#212529] motion-reduce:transition-none"> + d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" /> @@ -99,19 +93,21 @@

class="!visible hidden" data-te-collapse-item aria-labelledby="headingTwo" - data-te-parent="#accordionExample" - > + data-te-parent="#accordionExample">
- This is the second item's accordion body. It is hidden by default, - until the collapse plugin adds the appropriate classes that we use to style each - element. These classes control the overall appearance, as well as the showing and - hiding via CSS transitions. You can modify any of this with custom CSS or overriding - our default variables. It's also worth noting that just about any HTML can go within - the .accordion-body, though the transition does limit overflow. + This is the second item's accordion body. It is + hidden by default, until the collapse plugin adds the appropriate + classes that we use to style each element. These classes control + the overall appearance, as well as the showing and hiding via CSS + transitions. You can modify any of this with custom CSS or + overriding our default variables. It's also worth noting that just + about any HTML can go within the .accordion-body, + though the transition does limit overflow.
-
+

@@ -140,15 +133,16 @@

class="!visible hidden" data-te-collapse-item aria-labelledby="headingThree" - data-te-parent="#accordionExample" - > + data-te-parent="#accordionExample">
- This is the third item's accordion body. It is hidden by default, - until the collapse plugin adds the appropriate classes that we use to style each - element. These classes control the overall appearance, as well as the showing and - hiding via CSS transitions. You can modify any of this with custom CSS or overriding - our default variables. It's also worth noting that just about any HTML can go within - the .accordion-body, though the transition does limit overflow. + This is the third item's accordion body. It is + hidden by default, until the collapse plugin adds the appropriate + classes that we use to style each element. These classes control + the overall appearance, as well as the showing and hiding via CSS + transitions. You can modify any of this with custom CSS or + overriding our default variables. It's also worth noting that just + about any HTML can go within the .accordion-body, + though the transition does limit overflow.

@@ -158,7 +152,8 @@



-
+

@@ -187,15 +179,17 @@

data-te-collapse-item data-te-collapse-show aria-labelledby="flush-headingOne" - data-te-parent="#accordionFlushExample" - > + data-te-parent="#accordionFlushExample">
- Placeholder content for this accordion, which is intended to demonstrate the - .accordion-flush class. This is the first item's accordion body. + Placeholder content for this accordion, which is intended to + demonstrate the + .accordion-flush class. This is the first item's + accordion body.

-
+

@@ -224,18 +215,18 @@

class="!visible hidden border-0" data-te-collapse-item aria-labelledby="flush-headingTwo" - data-te-parent="#accordionFlushExample" - > + data-te-parent="#accordionFlushExample">
- Placeholder content for this accordion, which is intended to demonstrate the - .accordion-flush class. This is the second item's accordion body. Let's - imagine this being filled with some actual content. + Placeholder content for this accordion, which is intended to + demonstrate the + .accordion-flush class. This is the second item's + accordion body. Let's imagine this being filled with some actual + content.

+ class="rounded-none border border-l-0 border-r-0 border-b-0 border-t-0 border-gray-200 bg-white">

@@ -264,14 +252,15 @@

class="!visible hidden" data-te-collapse-item aria-labelledby="flush-headingThree" - data-te-parent="#accordionFlushExample" - > + data-te-parent="#accordionFlushExample">
- Placeholder content for this accordion, which is intended to demonstrate the - .accordion-flush class. This is the third item's accordion body. Nothing - more exciting happening here in terms of content, but just filling up the space to - make it look, at least at first glance, a bit more representative of how this would - look in a real-world application. + Placeholder content for this accordion, which is intended to + demonstrate the + .accordion-flush class. This is the third item's + accordion body. Nothing more exciting happening here in terms of + content, but just filling up the space to make it look, at least + at first glance, a bit more representative of how this would look + in a real-world application.

@@ -290,7 +279,9 @@

- + diff --git a/demo/sites/bs/alerts.html b/demo/sites/bs/alerts.html index 1c259516e..ca0a01b35 100644 --- a/demo/sites/bs/alerts.html +++ b/demo/sites/bs/alerts.html @@ -10,8 +10,7 @@ + rel="stylesheet" /> @@ -28,7 +27,9 @@

Basic

-

class="absolute top-0 bottom-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center text-white opacity-50 transition-opacity duration-[150ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:text-white hover:no-underline hover:opacity-90 hover:outline-none focus:text-white focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none" type="button" data-te-target="#carouselExampleControls" - data-te-slide="next" - > + data-te-slide="next"> Third slide label id="carouselExampleIndicators" class="relative" data-te-carousel-init - data-te-carousel-slide - > + data-te-carousel-slide>
+ data-te-carousel-indicators> + aria-label="Slide 1"> + aria-label="Slide 2"> + aria-label="Slide 3">
+ class="relative w-full overflow-hidden after:clear-both after:block after:content-['']">
+ aria-label="Slide 1"> + aria-label="Slide 2"> + aria-label="Slide 3">
+ class="relative w-full overflow-hidden after:clear-both after:block after:content-['']">
+ aria-label="Slide 1"> + aria-label="Slide 1"> + aria-label="Slide 1">
+ class="relative w-full overflow-hidden after:clear-both after:block after:content-['']"> @@ -630,18 +554,17 @@
First slide label
@@ -649,18 +572,17 @@
Second slide label
@@ -671,18 +593,15 @@
Third slide label
class="absolute top-0 bottom-0 left-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center text-white opacity-50 transition-opacity duration-[150ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:text-white hover:no-underline hover:opacity-90 hover:outline-none focus:text-white focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none" type="button" data-te-target="#carouselDarkVariant" - data-te-slide="prev" - > + data-te-slide="prev"> Third slide label class="absolute top-0 bottom-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center text-white opacity-50 transition-opacity duration-[150ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:text-white hover:no-underline hover:opacity-90 hover:outline-none focus:text-white focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none" type="button" data-te-target="#carouselDarkVariant" - data-te-slide="next" - > + data-te-slide="next"> Third slide label - + diff --git a/demo/sites/bs/checkbox.html b/demo/sites/bs/checkbox.html index 40f4db30b..8910a9e1d 100644 --- a/demo/sites/bs/checkbox.html +++ b/demo/sites/bs/checkbox.html @@ -10,8 +10,7 @@ + rel="stylesheet" /> @@ -23,20 +22,24 @@
-

+

Checkbox

-

Default

+

+ Default +

-
@@ -46,31 +49,34 @@

Default

type="checkbox" value="" id="flexCheckChecked" - checked - /> -
-

Indeterminate

+

+ Indeterminate +

+ id="flexCheckIndeterminate" />
-

Disabled

+

+ Disabled +

Disabled< type="checkbox" value="" id="flexCheckDisabled" - disabled - /> + disabled />
@@ -94,35 +98,41 @@

Disabled< value="" id="flexCheckCheckedDisabled" checked - disabled - /> + disabled /> -

Inline

+

+ Inline +

- + value="option1" /> +
- + value="option2" /> +
Inline + disabled />
-

Without labels

+

+ Without labels +

Without l type="checkbox" id="checkboxNoLabel" value="" - aria-label="..." - /> + aria-label="..." />
@@ -160,10 +170,12 @@

Without l - + diff --git a/demo/sites/bs/chips.html b/demo/sites/bs/chips.html index fc3d7255d..da62050a3 100644 --- a/demo/sites/bs/chips.html +++ b/demo/sites/bs/chips.html @@ -10,8 +10,7 @@ + rel="stylesheet" /> @@ -29,14 +28,12 @@
+ class="align-center ease mx-4 flex w-max cursor-pointer rounded-full bg-gray-200 px-4 py-2 text-sm font-semibold text-gray-500 transition duration-300 active:bg-gray-300"> Text + class="align-center ease mx-4 flex w-max cursor-pointer rounded-full bg-gray-200 px-4 py-2 text-sm font-semibold text-gray-500 transition duration-300 active:bg-gray-300"> Text + class="align-center ease mx-4 flex w-max cursor-pointer rounded-full bg-gray-200 text-sm font-semibold text-gray-500 transition duration-300 active:bg-gray-300"> A + src="https://mdbootstrap.com/img/Photos/Avatars/avatar-6.jpg" /> John Doe + class="align-center ease mx-4 flex w-max cursor-pointer rounded-full bg-gray-200 text-sm font-semibold text-gray-500 transition duration-300 active:bg-gray-300"> A + src="https://mdbootstrap.com/img/Photos/Avatars/avatar-6.jpg" /> John Doe + class="align-center ease mx-4 flex w-max cursor-pointer rounded-full bg-gray-200 text-sm font-semibold text-gray-500 transition duration-300 active:bg-gray-300"> A + src="https://mdbootstrap.com/img/Photos/Avatars/avatar-6.jpg" /> John Doe + class="align-center ease mx-4 flex w-max cursor-pointer rounded-full border border-gray-300 px-4 py-2 text-sm font-semibold text-gray-500 transition duration-300 active:bg-gray-300"> Text + class="align-center ease mx-4 flex w-max cursor-pointer rounded-full border border-gray-300 px-4 py-2 text-sm font-semibold text-gray-500 transition duration-300 active:bg-gray-300"> Text @@ -184,7 +163,9 @@ - + diff --git a/demo/sites/bs/collapse.html b/demo/sites/bs/collapse.html index b69b3d2f3..7adbb2225 100644 --- a/demo/sites/bs/collapse.html +++ b/demo/sites/bs/collapse.html @@ -10,8 +10,7 @@ + rel="stylesheet" /> @@ -34,8 +33,7 @@ href="#collapseExample" role="button" aria-expanded="false" - aria-controls="collapseExample" - > + aria-controls="collapseExample"> Link with href

@@ -67,8 +65,7 @@ data-te-collapse-init data-te-target="#collapseWidthExample" aria-expanded="false" - aria-controls="collapseWidthExample" - > + aria-controls="collapseWidthExample"> Toggle width collapse

@@ -77,11 +74,12 @@ class="!visible hidden" id="collapseWidthExample" data-te-collapse-item - data-te-collapse-horizontal - > -
- This is some placeholder content for a horizontal collapse. It's hidden by default and - shown when triggered. + data-te-collapse-horizontal> +
+ This is some placeholder content for a horizontal collapse. It's + hidden by default and shown when triggered.
@@ -106,8 +104,7 @@ data-te-collapse-init data-te-target="#multiCollapseExample2" aria-expanded="false" - aria-controls="multiCollapseExample2" - > + aria-controls="multiCollapseExample2"> Toggle second element

@@ -126,12 +122,11 @@ @@ -139,12 +134,11 @@ @@ -160,24 +154,24 @@ href="#collapseWithScrollbar" role="button" aria-expanded="false" - aria-controls="collapseWithScrollbar" - > + aria-controls="collapseWithScrollbar"> Longer content @@ -194,7 +188,9 @@ - + diff --git a/demo/sites/bs/datepicker.html b/demo/sites/bs/datepicker.html index dff515e2c..ac0d8d206 100644 --- a/demo/sites/bs/datepicker.html +++ b/demo/sites/bs/datepicker.html @@ -10,8 +10,7 @@ + rel="stylesheet" /> @@ -31,56 +30,62 @@

-

Form templates

+

+ Form templates +




-

Basic

+

+ Basic +

-
+
- - + We'll never share your email with anyone else.
- + placeholder="Password" />
-
@@ -90,61 +95,65 @@

Basic



-

Login form

+

+ Login form +

-
+
- + placeholder="Enter email" />
- + placeholder="Password" />
-
+
-
Forgot password?
-

+

Not a member? Register

@@ -155,61 +164,59 @@

Login form



-

Register form

+

+ Register form +

-
+
+ placeholder="First name" />
+ placeholder="Last name" />
+ placeholder="Email address" />
+ placeholder="Password" />
-
+
-
@@ -219,49 +226,48 @@

Register form
-

Contact form

+

+ Contact form +

-
+
+ placeholder="Name" />
+ placeholder="Email address" />
+ placeholder="Message">
-
+
-
@@ -271,41 +277,41 @@

Contact form
-

Subscription form

+

+ Subscription form +

-
+
+ placeholder="Name" />
+ placeholder="Email address" />
-
+
-
@@ -324,7 +330,9 @@

Subscription fo - + diff --git a/demo/sites/bs/dropdown.html b/demo/sites/bs/dropdown.html index bd8fb1a3e..c14ed3172 100644 --- a/demo/sites/bs/dropdown.html +++ b/demo/sites/bs/dropdown.html @@ -10,8 +10,7 @@ + rel="stylesheet" /> @@ -27,25 +26,28 @@

-

Dropdown

+

+ Dropdown +




-

Dark dropdowns

+

+ Dark dropdowns +