2013-10-09 12:30:53 +02:00
|
|
|
.navigation {
|
|
|
|
@include padding-leader;
|
|
|
|
background: $color-background;
|
2013-02-09 04:10:33 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
li {
|
|
|
|
@include trailer(.5);
|
2013-02-09 04:10:33 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
&:last-child { margin-bottom: 0; }
|
2013-02-09 04:10:33 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
2013-10-09 12:30:53 +02:00
|
|
|
@include padding-leader(.5);
|
|
|
|
@include padding-trailer(.5);
|
|
|
|
display: block;
|
|
|
|
padding: {
|
2013-10-12 17:51:13 +02:00
|
|
|
right: $gutter-width * 2;
|
|
|
|
left: $gutter-width * 2;
|
2013-10-09 12:30:53 +02:00
|
|
|
}
|
|
|
|
background: mix($color-background, $color-background-shade);
|
2012-11-28 12:09:54 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
&:hover,
|
|
|
|
&:focus { background: $color-background-shade; }
|
|
|
|
}
|
2012-11-28 17:23:08 +01:00
|
|
|
|
2013-10-11 22:06:20 +02:00
|
|
|
@include breakpoint($tablet-small) {
|
2013-10-09 12:30:53 +02:00
|
|
|
margin: {
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
2012-11-28 17:23:08 +01:00
|
|
|
}
|
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
ul { @extend %clear-fix-tablet-small; }
|
|
|
|
|
2012-11-28 17:23:08 +01:00
|
|
|
li {
|
2013-10-12 17:51:13 +02:00
|
|
|
@include span(6);
|
2012-11-28 17:23:08 +01:00
|
|
|
|
2013-10-12 17:51:13 +02:00
|
|
|
&:nth-child(odd) { @include omega; }
|
2012-11-28 17:23:08 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-10-11 22:06:20 +02:00
|
|
|
@include breakpoint($tablet-large) {
|
2013-10-12 17:51:13 +02:00
|
|
|
@include span(9 omega);
|
2013-10-09 12:30:53 +02:00
|
|
|
background: none;
|
2012-11-28 17:23:08 +01:00
|
|
|
|
2013-10-12 17:51:13 +02:00
|
|
|
&.collapse { display: block !important; }
|
2013-02-09 04:10:33 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
ul {
|
2013-10-12 17:51:13 +02:00
|
|
|
white-space: nowrap;
|
|
|
|
text-align: right;
|
2013-02-24 07:04:16 +01:00
|
|
|
}
|
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
li {
|
2013-10-12 17:51:13 +02:00
|
|
|
float: none;
|
|
|
|
display: inline-block;
|
2013-02-24 07:04:16 +01:00
|
|
|
margin: {
|
2013-10-12 17:51:13 +02:00
|
|
|
right: 0;
|
|
|
|
left: $gutter-width * 2;
|
2013-10-09 12:30:53 +02:00
|
|
|
bottom: 0;
|
2013-02-24 07:04:16 +01:00
|
|
|
}
|
2013-10-09 12:30:53 +02:00
|
|
|
width: auto;
|
2012-11-28 17:23:08 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
&:nth-child(odd) {
|
2013-10-12 17:51:13 +02:00
|
|
|
float: none;
|
|
|
|
margin-right: 0;
|
2012-11-29 18:33:08 +01:00
|
|
|
}
|
2013-02-11 03:39:30 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
&:last-child { margin-right: 0; }
|
|
|
|
}
|
2013-02-11 03:39:30 +01:00
|
|
|
|
2013-10-09 12:30:53 +02:00
|
|
|
a {
|
2013-10-12 17:59:36 +02:00
|
|
|
&,
|
2013-10-09 12:30:53 +02:00
|
|
|
&:hover,
|
2013-10-12 17:59:36 +02:00
|
|
|
&:focus { background: none; }
|
2013-10-09 12:30:53 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|