www.aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/navigation/tabs/tabs.css

   1 /**
   2  * @file
   3  * Visual styles for tabs.
   4  */
   5
   6 .layout-tabs {
   7   background-color: #79bd8f;
   8 }
   9 .tabs.primary {
  10   display: flex;
  11   list-style: none;
  12   margin: 0 0 0.5em;
  13   padding: 0;
  14 }
  15 .tabs .tab {
  16   margin: 0; /* LTR */
  17   background-color: #e6eee0;
  18 }
  19 [dir=rtl] .tabs .tab {
  20   margin: 0;
  21 }
  22 .tabs .tab.is-active {
  23   background-color: #fff;
  24 }
  25 .tabs a {
  26   display: block;
  27   padding: 0.75rem 1rem;
  28   background-color: inherit;
  29   color: inherit;
  30   text-decoration: none;
  31 }
  32 .tabs a.is-active {
  33   background-color: inherit;
  34 }
  35 .tabs a:focus,
  36 .tabs a:hover {
  37   background-color: #fff;
  38 }