dh-c
Version:
The front-end development engineers jimberton gulp react component
81 lines (78 loc) • 2.18 kB
CSS
@charset "UTF-8";
/* dropdown 颜色配置 */
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px); }
100% {
opacity: 1;
-webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px); }
100% {
opacity: 1;
-moz-transform: translateX(0); } }
.dh-dropdown {
position: absolute;
background-color: #ffffff;
z-index: 1050; }
.dh-dropdown-hidden {
display: none; }
.dh-dropdown-event {
cursor: pointer; }
.dh-dropdown-menu {
box-shadow: 7px 6px 15px rgba(0, 0, 0, 0.15);
outline: 0; }
.dh-dropdown-menu-item {
padding: 8px 16px;
color: #666666;
font-size: 12px;
cursor: pointer;
white-space: nowrap; }
.dh-dropdown-menu-item > a {
color: #666666; }
.dh-dropdown-menu-item > a:hover {
color: #333333; }
.dh-dropdown-menu-item-divider {
height: 1px;
overflow: hidden;
background-color: #e9e9e9;
line-height: 0; }
.dh-dropdown-menu-item-active {
color: #333333;
background-color: #f6f6f6; }
.dh-dropdown-menu-item-selected {
color: #23c132; }
.dh-dropdown-menu-item-selected > a {
color: #23c132; }
.dh-dropdown-menu-hidden {
display: none; }
.dh-dropdown-menu-sub {
position: absolute;
left: 100%;
top: 0;
margin-left: 1px;
background: #fff;
-webkit-animation: fadeInLeft .2s .2s ease both;
-moz-animation: fadeInLeft .2s .2s ease both; }
.dh-dropdown-menu-submenu-vertical {
position: relative; }
.dh-dropdown-menu-submenu-title {
padding: 8px 16px;
color: #666666;
font-size: 12px;
cursor: pointer;
white-space: nowrap; }
.dh-dropdown-menu-submenu-title:hover {
color: #333333;
background-color: #f6f6f6; }
.dh-dropdown-menu-submenu-title:after {
font-family: dhfont ;
position: absolute;
content: '\e621';
right: 8px;
color: #666666;
display: inline-block;
font-size: 12px; }