Skip to content

Commit

Permalink
SmartMenus v1.1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
mrohnstock committed Sep 18, 2017
1 parent efc991a commit 0ae42a9
Show file tree
Hide file tree
Showing 18 changed files with 638 additions and 572 deletions.
4 changes: 2 additions & 2 deletions bower.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,14 @@
"name": "drmonty-smartmenus",
"description": "jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.",
"homepage": "http://www.smartmenus.org",
"version": "1.0.1",
"version": "1.1.0",
"keywords": [
"dropdown",
"ui"
],
"license": "MIT",
"dependencies": {
"jquery": ">=1.4.4"
"jquery": ">=1.7.0"
},
"main": "js/jquery.smartmenus.js",
"ignore": [
Expand Down
7 changes: 5 additions & 2 deletions component.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,15 @@
"name": "drmonty-smartmenus",
"repo": "drmonty/smartmenus",
"description": "jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.",
"version": "1.0.1",
"version": "1.1.0",
"homepage": "http://www.smartmenus.org",
"license": "MIT",
"author": {
"name": "Vasil Dinkov",
"url": "http://vadikom.com"
},
"dependencies": {
"jquery": ">=1.4.4"
"jquery": ">=1.7.0"
},
"keywords": [
"dropdown",
Expand All @@ -25,9 +25,12 @@
"js/jquery.smartmenues.min.js",
"js/jquery.smartmenus.bootstrap.js",
"js/jquery.smartmenus.bootstrap.min.js",
"js/jquery.smartmenus.bootstrap-4.js",
"js/jquery.smartmenus.bootstrap-4.min.js",
"js/jquery.smartmenus.keyboard.js",
"js/jquery.smartmenus.keyboard.min.js",
"css/jquery.smartmenus.bootstrap.css",
"css/jquery.smartmenus.bootstrap-4.css",
"css/sm-blue.css",
"css/sm-clean.css",
"css/sm-core-css.css",
Expand Down
2 changes: 1 addition & 1 deletion composer.json
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@
"robloach/component-installer": "*"
},
"require": {
"components/jquery": ">=1.4.4"
"components/jquery": ">=1.7.0"
},
"extra": {
"component": {
Expand Down
128 changes: 128 additions & 0 deletions css/jquery.smartmenus.bootstrap-4.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,128 @@
/*
You probably do not need to edit this at all.
Add some SmartMenus required styles not covered in Bootstrap 4's default CSS.
These are theme independent and should work with any Bootstrap 4 theme mod.
*/


/* Carets in collapsible mode (make them look like +/- buttons) */
.navbar-nav.sm-collapsible .sub-arrow {
position: absolute;
top: 50%;
right: 0;
margin: -0.7em 0.5em 0 0;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: .25rem;
padding: 0;
width: 2em;
height: 1.4em;
font-size: 1.25rem;
line-height: 1.2em;
text-align: center;
}
.navbar-nav.sm-collapsible .sub-arrow::before {
content: '+';
}
.navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
content: '-';
}
.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
border-color: rgba(255, 255, 255, .1);
}
/* make sure there's room for the carets */
.navbar-nav.sm-collapsible .has-submenu {
padding-right: 3em;
}
/* keep the carets properly positioned */
.navbar-nav.sm-collapsible .nav-link,
.navbar-nav.sm-collapsible .dropdown-item {
position: relative;
}


/* Nav carets in expanded mode */
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
border-top: .3em solid;
border-right: .3em solid transparent;
border-left: .3em solid transparent;
}
/* point the arrows up for .fixed-bottom navbars */
.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow,
.fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {
border-top: 0;
border-bottom: .3em solid;
}


/* Dropdown carets in expanded mode */
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow,
.navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
margin-top: -.3em;
margin-right: 1em;
border-top: .3em solid transparent;
border-bottom: .3em solid transparent;
border-left: .3em solid;
}
/* make sure there's room for the carets */
.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
padding-right: 2em;
}


/* Scrolling arrows for tall menus */
.navbar-nav .scroll-up,
.navbar-nav .scroll-down {
position: absolute;
display: none;
visibility: hidden;
height: 20px;
overflow: hidden;
text-align: center;
}
.navbar-nav .scroll-up-arrow,
.navbar-nav .scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-top: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid;
border-left: 7px solid transparent;
}
.navbar-nav .scroll-down-arrow {
top: 6px;
border-top: 7px solid;
border-right: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 7px solid transparent;
}


/* Add some spacing for 2+ level sub menus in collapsible mode */
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
margin: .5em;
}


/* Fix SmartMenus sub menus auto width (subMenusMinWidth/subMenusMaxWidth options) */
.navbar-nav:not([data-sm-skip]) .dropdown-item {
white-space: normal;
}
.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item {
white-space: nowrap;
}
Loading

0 comments on commit 0ae42a9

Please sign in to comment.