[Summary view] [Print] [Text view]

   1  .subhead {
   2    position: sticky;
   3    top: 0;
   4    right: 0;
   5    left: 0;
   6    z-index: $zindex-toolbar;
   7    width: auto;
   8    min-height: 43px;
   9    padding: .25rem;
  10    color: #495057; //#0c192e;
  11    background: $white;
  12    box-shadow: -3px -2px 22px #ddd;
  13  
  14    .row {
  15      margin-right: 0;
  16      margin-left: 0;
  17    }
  18  
  19    &.noshadow {
  20      box-shadow: none;
  21    }
  22  
  23    joomla-toolbar-button,
  24    .btn-group {
  25      margin-inline-start: .75rem;
  26  
  27      &:first-child {
  28        margin-inline-start: 0;
  29      }
  30    }
  31  
  32    joomla-toolbar-button {
  33  
  34      .btn > span,
  35      .dropdown-item > span {
  36        margin-inline-end: .5rem;
  37        width: 1.25em;
  38        text-align: center;
  39      }
  40    }
  41  
  42    .btn {
  43      --subhead-btn-accent: #495057;
  44      padding: 0 1rem;
  45      margin: 5px 0;
  46      font-size: 1rem;
  47      line-height: 2.45rem;
  48      color: #495057;
  49      background: $white;
  50      border-color: $gray-500;
  51  
  52      > span {
  53        display: inline-block;
  54        color: var(--subhead-btn-accent);
  55      }
  56  
  57      &:not([disabled]):hover,
  58      &:not([disabled]):active,
  59      &:not([disabled]):focus {
  60        color: rgba(255, 255, 255, .9);
  61        background-color: var(--subhead-btn-accent);
  62        border-color: var(--subhead-btn-accent);
  63  
  64        > span {
  65          color: rgba(255, 255, 255, .9);
  66        }
  67      }
  68  
  69      &.btn-success {
  70        --subhead-btn-accent: var(--success);
  71      }
  72  
  73      &.btn-danger {
  74        --subhead-btn-accent: var(--danger);
  75      }
  76  
  77      &.btn-primary {
  78        --subhead-btn-accent: #2a69b8;
  79      }
  80  
  81      &.btn-secondary {
  82        --subhead-btn-accent: #001b4c;
  83      }
  84  
  85      &.btn-info {
  86        --subhead-btn-accent: #132f53;
  87      }
  88  
  89      &.btn-action {
  90        --subhead-btn-accent: #132f53;
  91        display: flex;
  92        align-items: center;
  93  
  94        &::after {
  95          width: 2.375rem;
  96          font-family: "Font Awesome 5 Free";
  97          font-weight: 900;
  98          content: "\f078";
  99          border: 0;
 100  
 101        }
 102      }
 103  
 104      &[disabled],
 105      &.dropdown-toggle[disabled] {
 106        --subhead-btn-accent: #132f53;
 107        background: rgba($gray-300, .8);
 108        opacity: .5;
 109  
 110        &:hover,
 111        &:active,
 112        &:focus {
 113          cursor: not-allowed;
 114        }
 115      }
 116    }
 117  
 118    .dropdown-toggle {
 119      &.btn {
 120        padding-inline-end: 0;
 121      }
 122    }
 123  
 124    .btn-group:not(:last-child) > .dropdown-toggle-split {
 125      order: 1;
 126      margin-inline-start: -$border-radius;
 127  
 128      [dir="ltr"] & {
 129        border-radius: 0 $border-radius $border-radius 0;
 130      }
 131  
 132      [dir="rtl"] & {
 133        border-radius: $border-radius 0 0 $border-radius;
 134      }
 135    }
 136  
 137    .dropdown-menu joomla-toolbar-button,
 138    .btn-group joomla-toolbar-button {
 139      margin-inline-start: 0;
 140    }
 141  }
 142  
 143  @include media-breakpoint-down(md) {
 144    joomla-tab[view=accordion] .col-md-9,
 145    joomla-tab[view=accordion] .col-md-3 {
 146      padding: .5rem 1rem !important;
 147    }
 148  
 149    #myTab {
 150      margin-top: 1rem;
 151      margin-bottom: 1.5rem;
 152    }
 153  
 154    joomla-tab[view=accordion] ul li {
 155      width: 100%;
 156    }
 157  
 158    .subhead {
 159  
 160      joomla-toolbar-button,
 161      .btn-group,
 162      .btn {
 163        width: 100%;
 164        margin-left: 0;
 165        text-align: left;
 166      }
 167  
 168      .btn-toolbar > .btn-group,
 169      .btn-toolbar > joomla-toolbar-button {
 170        margin-left: 0;
 171      }
 172  
 173      .btn.btn-action::after {
 174        text-align: center;
 175        margin-inline-start: auto;
 176      }
 177  
 178      .dropdown-toggle-split {
 179        width: auto;
 180      }
 181    }
 182  }