作者:创办m觉e内能h行宫 | 来源:互联网 | 2023-10-10 09:41
篇首语:本文由编程笔记#小编为大家整理,主要介绍了scss SASS:Superfish Mixin相关的知识,希望对你有一定的参考价值。
/*
* Superfish Menu
*
* Usage:
* Call from Superfish Theme
* https://gist.github.com/andesign-snippets/3626051a6a4ae260d410
*
*/
@mixin superfish {
// Common
ul {
margin: 0;
padding: 0;
list-style: none;
li {
margin: inherit;
padding: inherit;
list-style: inherit;
position: relative;
&:hover > ul,
&.sfHover > ul {
display: block;
}
}
a {
display: block;
position: relative;
}
}
// Parent Links
> ul.menu {
display: table;
> li {
float: left;
}
}
// Expanded
ul.menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
ul {
top: 0;
left: 100%;
}
}
}