/* Roadmap Tab Styling */ /* ------------------------------------------------ */ /* .tabs { list-style: none; margin: 0; padding-left: 0; li { display: inline; a { position: relative; float: left; display: block; padding: 10px 35px; margin-left: -1px; left: 1px; color: $white; background-color: $primary-color; text-decoration: none; font-weight: bold; box-sizing: border-box; border-width: 2px; border-style: solid; border-color: inherit; border-bottom: 0px; border-radius: 0px; } } li a:hover, li.active a, li.active a:hover { color: $primary-color; background-color: $white; border: 1px solid $primary-color; border-bottom: 2px solid $white; z-index: 1; } } .tabs:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } .tab-panels { position: relative; width: 100%; min-height: 350px; } .tabbed-area { position: relative; div.tab-panel { padding: 10px 10px; min-height: 400px; position: relative; top: -1px; left: 0; width: 98.5%; border: 1px solid $primary-color; border-top-left-radius: 0; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } } .tab-panel div.active { z-index: 1; } */