afm-client/app/Frontend/styles/app/_ibz-mixins.scss

   1 /*
   2     Every SCSS files will be injected into main HTML page
   3 */
   4 %shadow-transition {
   5     transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
   6     border-radius: 5px;
   7 }
   8
   9 @mixin ibz-box-content {
  10     border: 2px solid gainsboro !important;
  11     border-radius: 5px;
  12
  13     margin-left: auto;
  14     margin-right: auto;
  15     min-width: 98% !important;
  16     margin: .5rem .5rem .5rem .5rem;
  17     background: rgba(200,205,200,.3);
  18 }
  19
  20 @mixin ibz-button ($color, $size:2rem) {
  21     display: inline-block;
  22     border: 1px solid darken($color,10%);
  23     box-shadow: 2px 2px 1px adjust-hue($color,20deg);
  24     color: $color;
  25     border-radius: 5px;
  26     font-style: italic;
  27     padding: 0rem .5rem 0rem .5rem;
  28     margin:.5rem;
  29     background: lighten(#9494b7, 20%);
  30     i {
  31         padding-right: 0.3rem;
  32         font-size: $size;
  33     }
  34     span {font-size: 1rem}
  35
  36     &:hover {
  37       background: lighten($color, 45%);
  38       border: 2px solid darken($color,20%);
  39
  40     }
  41 }
  42
  43 @mixin ibz-input-alert ($color, $background) {
  44     position  :fixed;
  45     margin: -2.2rem 0 0 15rem;
  46     border-radius: 5px;
  47     font-style: italic;
  48     border-color: darken($background,10%);
  49     color: $color;
  50     background-color: $background !important;
  51     padding: 0.2rem !important;
  52 }