Vulcan/packages/telescope-theme-base/lib/client/scss/specific/_dropdown.scss
2015-03-21 17:52:15 +09:00

75 lines
No EOL
1.3 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;
}