mirror of
https://github.com/danog/sass-site.git
synced 2024-12-13 01:47:44 +01:00
48 lines
903 B
SCSS
48 lines
903 B
SCSS
// ===========================================================================
|
|
// NAVIGATION
|
|
|
|
|
|
|
|
.navigation {
|
|
background: $navigation-background-color;
|
|
color: $navigation-text-color;
|
|
@include text-shadow;
|
|
|
|
a { @include link(lighten($navigation-text-color, 5%), lighten($navigation-text-color, 15%), lighten($navigation-text-color, 25%)); }
|
|
|
|
@include at-breakpoint($break-iPhone) {
|
|
ul {
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
li {
|
|
border-bottom: 1px solid $navigation-border-color;
|
|
|
|
&:last-child { border-bottom: 0; }
|
|
}
|
|
|
|
a {
|
|
@include tappable-link;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@include at-breakpoint($break-iPhone-wide) {
|
|
ul {
|
|
@extend %horizontal-list-iPhone-wide;
|
|
|
|
li {
|
|
margin: 0;
|
|
width: 50%;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include at-breakpoint($break-iPad) {
|
|
ul li {
|
|
border: 0;
|
|
width: 25%;
|
|
}
|
|
}
|
|
} |