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

   1 // This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
   2
   3 .popover, .tooltip-inner {
   4     color: $gray;
   5     line-height: 1.5em;
   6     background: $white-color;
   7     border: none;
   8     border-radius: $border-radius-base;
   9     @include shadow-8dp();
  10 }
  11
  12 .popover{
  13     padding: 0;
  14     @include shadow-16dp();
  15
  16     &.left,
  17     &.right,
  18     &.top,
  19     &.bottom{
  20         > .arrow{
  21             border: none;
  22         }
  23     }
  24 }
  25
  26 .popover-title{
  27     background-color: $white-color;
  28     border: none;
  29     padding: 15px 15px 5px;
  30     font-size: $font-size-h4;
  31 }
  32
  33 .popover-content{
  34     padding: 10px 15px 15px;
  35     line-height: 1.4;
  36 }
  37
  38 .tooltip.in{
  39     opacity: 1;
  40     @include transform-translate-y(0px);
  41 }
  42 .tooltip{
  43     opacity: 0;
  44     transition: opacity, transform .2s ease;
  45     @include transform-translate-y(5px);
  46
  47     &.left{
  48         .tooltip-arrow{
  49             border-left-color: $white-color;
  50         }
  51     }
  52     &.right{
  53         .tooltip-arrow{
  54             border-right-color: $white-color;
  55         }
  56     }
  57     &.top{
  58         .tooltip-arrow{
  59             border-top-color: $white-color;
  60         }
  61     }
  62     &.bottom{
  63         .tooltip-arrow{
  64             border-bottom-color: $white-color;
  65         }
  66     }
  67 }
  68
  69 .tooltip-inner{
  70     padding: 10px 15px;
  71     min-width: 130px;
  72 }