ensl.org/app/assets/stylesheets/components/_tabs.scss
Luke Barratt 37e768c68f Switched web server to puma
Added styling to gathers page
Added styling to account page
Improved forms styling
2014-04-15 10:59:52 +01:00

56 lines
1 KiB
SCSS

/*
Tabs
*/
.tabbed {
$tabs-border-width: em(1);
$tabs-padding-vertical: em(8);
$tabs-padding-horizontal: em(16);
ul.tabs {
@include span-columns(12);
display: block;
font-family: $montserrat;
height: em(40);
max-height: em(40);
position: relative;
li {
float: left;
display: block;
background-color: $background-primary;
a {
border: $tabs-border-width solid $navbar-border;
padding: $tabs-padding-vertical $tabs-padding-horizontal;
float: left;
display: block;
color: white;
}
&.activeli {
z-index: 100;
background-color: $blue;
a {
padding-bottom: $tabs-padding-vertical + $tabs-border-width;
border-bottom: 0;
}
}
}
}
.tabbed-contents {
@include span-columns(12);
border: $tabs-border-width solid $navbar-border;
padding: em(20);
}
@for $i from 1 through $grid-columns {
ul.tabs-#{$i} {
li {
@include span-columns($i);
}
}
}
}