app/css/_tabs.scss
/* Adapted from https://github.com/ntreadway/JQuery.tools.tabs.sass on 2014-06-09 */
ul.tabs {
margin:0 !important;
padding: 0;
height: 2.7em;
border-bottom: 5px solid #ddd;
}
ul.tabs li {
float: left;
padding: 0;
margin: 0;
list-style-type: none;
}
ul.tabs a, ul.tabs span {
float: left;
display: block;
padding: 5px 30px;
text-decoration: none;
text-align: center;
border: 1px solid #ddd;
border-bottom: 0px;
height: 2.5em;
background-color: #efefef;
color: #777;
margin-right: 2px;
position: relative;
top: 1px;
min-width: 40px;
}
ul.tabs {
a:hover {
background-color: #F7F7F7;
color: #333;
}
}
/* selected tab */
ul.tabs {
a.current {
background-color: #ddd;
border-bottom: 2px solid #ddd;
color: #000;
cursor: default;
}
}