assets/css/tabs.css

   1 .tab {
   2     display: flex;
   3     flex-wrap: wrap;
   4     margin-left: -20px;
   5     padding: 0;
   6     list-style: none;
   7     position: relative;
   8 }
   9
  10 .tab > * {
  11     flex: none;
  12     padding-left: 20px;
  13     position: relative;
  14 }
  15
  16 .tab > * > a {
  17     display: block;
  18     text-align: center;
  19     padding: 9px 20px;
  20     color: #999;
  21     border-bottom: 2px solid transparent;
  22     border-bottom-color: transparent;
  23     font-size: 12px;
  24     text-transform: uppercase;
  25     transition: color .1s ease-in-out;
  26     line-height: 20px;
  27 }
  28
  29 .tab > .active > a {
  30     color:#222;
  31     border-color: #1e87f0;
  32 }
  33
  34 .tab li a {
  35     text-decoration: none;
  36         cursor: pointer;
  37 }
  38
  39 .tab-content{
  40     padding: 0;
  41 }
  42
  43 .tab-content li {
  44     display: none;
  45 }
  46 .tab-content li.active {
  47     display: initial;
  48 }