Vulcan/packages/telescope-theme-base/lib/client/scss/specific/_dropdown.scss
2015-03-21 20:51:23 +09:00

107 lines
No EOL
1.8 KiB
SCSS

.has-dropdown .dropdown{
position:relative;
>a{
&:after{
display:inline-block;
position:relative;
top:-1px;
margin-left:4px;
content:"";
font-size:8px;
}
}
&:hover{
.dropdown-menu{
display:block;
}
}
}
.has-dropdown .dropdown-menu{
display:none;
top:10px;
left:10px;
position:absolute;
padding-top:20px;
z-index: 10000;
&, a, a:link, a:visited{
color: $text;
}
a.button{
color: white;
}
ul{
background:white;
padding:10px;
min-width:180px;
border-radius: 3px;
box-shadow: 0 1px 3px black(0.35);
list-style-type: none;
li{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #eeeeee;
&:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
a{
font-size:14px;
}
.menu-label{
display: block;
}
.menu-description{
display: block;
font-weight: normal;
font-size: 12px;
margin-top: 2px;
color: $medium-text;
}
}
}
}
.admin-item{
.menu-label:after{
content: "[A]";
font-size: 10px;
color: $red;
display: inline-block;
margin-left: 3px;
}
}
.dropdown-top-label{
cursor: pointer;
}
.show-more{
border-top: 1px solid #ccc;
padding: 8px 0;
display: block;
text-align: center;
.show-more-icon{
display: block;
visibility: hidden; // hide until SVG injection is
height: 20px;
width: 20px;
opacity: 0.4;
margin: 0 auto;
}
&:hover{
background: white(0.3);
.show-more-icon{
opacity: 1;
}
}
.show-more-minus{
display: none;
}
.dropdown-open &{
.show-more-minus{
display: block;
}
.show-more-plus{
display: none;
}
}
}