dh-c/dist/dropdown/dropdown.css

The front-end development engineers jimberton gulp react component

@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 !important;
        position: absolute;
        content: '\e621';
        right: 8px;
        color: #666666;
        display: inline-block;
        font-size: 12px; }