koha-tmpl/intranet-tmpl/prog/css/src/_mixins.scss

   1 $font-monospace: "Courier New", Courier, monospace;
   2
   3 $language-footer-min-height: 20px;
   4 $table-border-color: #BCBCBC;
   5 $table-header-background: #FFF;
   6 $table-odd-row: #f3f4f4;
   7
   8 $nav-menu-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 25 25'%3E%3Cpath fill='%23999' d='M9.66.95h4.56l9.21 11.85-9.21 10.53H9.66l5.08-10.53z'/%3E%3C/svg%3E");
   9
  10 @mixin default-button {
  11     background: #FFF none;
  12     border: 1px solid #555;
  13     border-radius: 4px;
  14     cursor: pointer;
  15     display: inline-block;
  16     font-size: inherit;
  17     font-weight: normal;
  18     line-height: 1.42857143;
  19     margin-bottom: 0;
  20     padding: .5em 1em;
  21     text-align: center;
  22     touch-action: manipulation;
  23     user-select: none;
  24     vertical-align: middle;
  25     white-space: nowrap;
  26
  27     &:hover {
  28         background-color: #e0e0e0;
  29
  30         &:active {
  31             box-shadow: none;
  32         }
  33     }
  34
  35     &:active:hover {
  36         background-color: #d4d4d4;
  37         border-color: #8c8c8c;
  38     }
  39 }
  40
  41 @mixin primary-button {
  42     background: $btn-primary none;
  43     border: 1px solid $btn-primary;
  44     border-radius: 4px;
  45     cursor: pointer;
  46     display: inline-block;
  47     font-size: inherit;
  48     font-weight: normal;
  49     line-height: 1.42857143;
  50     margin-bottom: 0;
  51     padding: .5em 1em;
  52     text-align: center;
  53     touch-action: manipulation;
  54     user-select: none;
  55     vertical-align: middle;
  56     white-space: nowrap;
  57
  58     &:hover,
  59     &:active,
  60     &:focus {
  61         background: $btn-primary-hover none;
  62         border: 1px solid $btn-primary;
  63     }
  64
  65     &:active,
  66     &:focus {
  67         box-shadow: inset 0 0 0 1px darken( desaturate( $btn-primary, 15 ), 5 );
  68     }
  69 }
  70
  71 @mixin disabled-button {
  72     background: #EEE none;
  73     border: 1px solid #C0C0C0;
  74 }
  75
  76 @mixin card {
  77     margin-bottom: 1rem;
  78     padding: 1rem;
  79     &:not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-primary):not(.action) {
  80         background-color: white;
  81     }
  82 }