Sha256: bcdb57680337c680f3f3c324affff6479fb36a6d67782e18e805b3efd3f44f4b
Contents?: true
Size: 1.47 KB
Versions: 8
Compression:
Stored size: 1.47 KB
Contents
// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
////
/// @group drilldown
////
/// Transition property to use for animating menus.
/// @type Transition
$drilldown-transition: transform 0.15s linear !default;
/// Adds arrows to drilldown items with submenus, as well as the back button.
/// @type Boolean
$drilldown-arrows: true;
@mixin foundation-drilldown-menu {
// Applied to the Menu container
.is-drilldown {
position: relative;
overflow: hidden;
}
// Applied to nested <ul>s
.is-drilldown-sub {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
height: 100%;
width: 100%;
background: $white;
transition: $drilldown-transition;
&.is-active {
z-index: 1;
display: block;
transform: translateX(-100%);
}
&.is-closing {
transform: translateX(100%);
}
}
@if $drilldown-arrows {
.is-drilldown-submenu-parent > a {
position: relative;
&::after {
@include css-triangle(6px, $primary-color, right);
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem;
}
}
.js-drilldown-back::before {
@include css-triangle(6px, $primary-color, left);
float: left;
margin-right: 0.75rem; // Creates space between the arrow and the text
margin-left: 0.6rem; // Lines the tip of the arrow with the items below
margin-top: 14px; // Aligns the arrow with the text
}
}
}
Version data entries
8 entries across 8 versions & 1 rubygems