This repository has been archived on 2020-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
_s/sass/navigation/_menus.scss

111 lines
1.2 KiB
SCSS
Raw Normal View History

.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
ul {
left: -999em;
top: 0;
}
li {
2020-04-05 20:49:27 +00:00
&:hover > ul,
&.focus > ul {
left: 100%;
}
}
a {
width: 200px;
}
:hover > a,
.focus > a {
}
a:hover,
a.focus {
}
}
li:hover > ul,
li.focus > ul {
left: auto;
}
}
2016-07-11 13:17:29 +00:00
li {
float: left;
position: relative;
&:hover > a,
&.focus > a {
}
}
2016-07-11 13:17:29 +00:00
a {
display: block;
text-decoration: none;
}
.current_page_item > a,
.current-menu-item > a,
2015-10-26 15:11:34 +00:00
.current_page_ancestor > a,
.current-menu-ancestor > a {
}
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
2020-04-05 20:49:27 +00:00
.menu-toggle {
display: none;
}
2020-04-05 20:49:27 +00:00
.main-navigation ul {
display: block;
}
}
.comment-navigation,
.posts-navigation,
.post-navigation {
.site-main & {
margin: 0 0 1.5em;
overflow: hidden;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
}