Implement Bootstrap 4.x.x (#51)

Implement Bootstrap 4.x.x

.babelrc.js

@@ -0,0 +1,17 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/env',
+      {
+        loose: true,
+        modules: false,
+        exclude: [
+          'transform-typeof-symbol'
+        ]
+      }
+    ]
+  ],
+  plugins: [
+    '@babel/proposal-object-rest-spread'
+  ]
+};

.gitattributes

@@ -1,7 +1,5 @@
 # Export-ignore files (GitHub download link, composer [--prefer-dist])
-# Dont add bower.json, otherwise it is not loaded in the Bower package
 docs          export-ignore
 .*            export-ignore
-Gruntfile.js  export-ignore
 README.md     export-ignore
 package.json  export-ignore

.gitignore

@@ -2,5 +2,5 @@
 *-dist.zip
 
 # Folders to ignore
-_gh_pages
+docs/_site
 node_modules

README.md

@@ -10,12 +10,10 @@
 
 Several quick start options are available:
 
-* [Download the latest release](https://github.com/vsn4ik/bootstrap-submenu/archive/v2.0.4.zip "Download Bootstrap-submenu").
-* Clone the repo: `git clone https://github.com/vsn4ik/bootstrap-submenu.git`.
-* Install with [npm](https://www.npmjs.com): `npm install bootstrap-submenu`.
-* Install with [yarn](https://yarnpkg.com): `yarn add bootstrap-submenu`.
-* Install with [Bower](https://bower.io): `bower install bootstrap-submenu` (deprecated on v2.0.5, removed on 2018'Q2).
-* Install with [Composer](https://getcomposer.org): `composer require vsn4ik/bootstrap-submenu "dev-master"` (deprecated on v.2.0.5, removed on 2018'Q2).
+* [Download the latest release](https://github.com/vsn4ik/bootstrap-submenu/archive/v3.0.0.zip "Download Bootstrap-submenu")
+* Clone the repo: `git clone https://github.com/vsn4ik/bootstrap-submenu.git`
+* Install with [npm](https://www.npmjs.com): `npm install bootstrap-submenu`
+* Install with [yarn](https://yarnpkg.com): `yarn add bootstrap-submenu`
 
 ### What's included
 
@@ -38,7 +36,7 @@ For some working examples, visit our [examples](https://vsn4ik.github.io/bootstr
 
 ## Min Requirements
 
-* Bootstrap 3.0.0
+* Bootstrap 4.1.0
 * jQuery 1.9.1
 
 

css/bootstrap-submenu.css

@@ -0,0 +1,29 @@
+.dropdown-submenu.dropright .dropdown-menu {
+  margin-left: 1px;
+}
+
+.dropdown-submenu.dropleft .dropdown-menu {
+  margin-right: 1px;
+}
+
+[x-placement^="bottom-"] .dropdown-submenu .dropdown-menu,
+.navbar .dropdown-submenu .dropdown-menu {
+  bottom: auto;
+  margin-top: calc(-0.5rem - 1px);
+}
+
+[x-placement^="top-"] .dropdown-submenu .dropdown-menu {
+  top: auto;
+  bottom: 0;
+  margin-bottom: calc(-0.5rem - 1px);
+}
+
+.dropdown-submenu.dropright > .dropdown-toggle {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.dropdown-submenu.dropright > .dropdown-toggle::after {
+  margin-right: -12px;
+}