ui/semantic/galette/collections/menu.overrides

   1 /*******************************
   2          Galette Overrides
   3 *******************************/
   4
   5 /*--------------
   6      Header
   7 ---------------*/
   8
   9 .ui.menu .header.item,
  10 .ui.vertical.menu .header.item {
  11   font-weight: @headerWeight;
  12   text-align: left;
  13 }
  14
  15 & when (@variationMenuFixed) {
  16   /*--------------
  17        Fixed
  18   ---------------*/
  19   .ui.fixed.menu .item {
  20     background: rgba(255,255,255,.6);
  21   }
  22   .ui.fixed.menu .item.active {
  23     background: @activeItemBackground;
  24   }
  25 }
  26
  27 & when (@variationMenuVertical) {
  28   /*--------------
  29       Vertical
  30   ---------------*/
  31
  32   .ui.vertical.menu {
  33     display: block;
  34     flex-direction: column;
  35     background: @verticalBackground;
  36     box-shadow: @verticalBoxShadow;
  37   }
  38   .ui.vertical.menu {
  39     border: @border;
  40   }
  41   .ui.vertical.menu div.item .ui.button {
  42     width: 100%;
  43     border: @border;
  44     margin: 0 0 .4rem 0;
  45     box-shadow: none;
  46   }
  47   .ui.vertical.menu div.item .item.button::before {
  48     content: none;
  49   }
  50 }
  51
  52 /*------------------
  53      Pagination
  54 -------------------*/
  55 @media only screen and (max-width: 991px) {
  56   .ui.menu.pagination {
  57     width: 100%;
  58   }
  59 }