git.roojs.org Git - bootswatch/blob - material-kit/sass/material-kit/_dropdown.scss

   1 .dropdown-menu {
   2     border: 0;
   3     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
   4
   5     .divider {
   6         background-color: rgba(0, 0, 0, .12);
   7     }
   8
   9
  10     li > a{
  11         font-size: $mdb-dropdown-font-size;
  12         padding: 10px 20px;
  13         margin: 0 5px;
  14         border-radius: $border-radius-small;
  15         @include transition($fast-transition-time, $transition-linear);
  16
  17         &:hover,
  18         &:focus {
  19           @include shadow-8dp();
  20
  21         }
  22     }
  23
  24     li {
  25         position: relative;
  26         a:hover,
  27         a:focus,
  28         a:active {
  29             background-color: $brand-primary;
  30             color: #FFFFFF;
  31         }
  32     }
  33
  34     .divider{
  35         margin: 5px 0;
  36     }
  37 }
  38
  39 @media (min-width: $screen-md-min){
  40     .dropdown{
  41         .dropdown-menu{
  42             @include transition($fast-transition-time, $transition-linear);
  43             margin-top: -20px;
  44             opacity: 0;
  45             visibility: hidden;
  46             display: block;
  47         }
  48
  49         &.open{
  50             .dropdown-menu{
  51                 opacity: 1;
  52                 visibility: visible;
  53                 margin-top: 1px;
  54             }
  55         }
  56     }
  57
  58 }