Sha256: f72b88cd6df8aef557d636679fcbe4217184408ef7174186b4f7d5ab0553deae
Contents?: true
Size: 1.71 KB
Versions: 5
Compression:
Stored size: 1.71 KB
Contents
/**
* @copyright 2010-2015, The Titon Project
* @license http://opensource.org/licenses/BSD-3-Clause
* @link http://titon.io
*/
@import "../common";
#{$flyout-class} {
position: absolute;
top: 0;
left: 0;
z-index: $flyout-zindex;
opacity: 0;
visibility: hidden;
transition: opacity $flyout-transition, visibility $flyout-transition;
ul {
@include reset-list;
float: left;
width: 200px;
}
li {
position: relative;
> a {
padding: $small-padding;
line-height: 100%;
display: block;
text-decoration: none;
.caret-right { display: none; }
}
// Display caret arrow
&.has-children > a .caret-right {
float: right;
display: inline-block; // reveal
margin-top: 3px;
}
// Nested flyouts
> #{$flyout-class} {
left: 90%;
transition: left $flyout-transition, right $flyout-transition, opacity $flyout-transition, visibility $flyout-transition;
// Reverse menu to left side in case it goes outside the viewport
// Will be set automatically from the Javascript layer
&.push-left {
left: auto;
right: 90%;
}
}
&.is-open > #{$flyout-class} {
opacity: 1;
visibility: visible;
left: 100%;
&.push-left {
left: auto;
right: 100%;
}
}
}
@include clear-fix;
}
#{$flyout-class-heading} {
padding: $small-padding;
line-height: 100%;
display: block;
text-decoration: none;
}
Version data entries
5 entries across 5 versions & 1 rubygems