mirror of
https://github.com/danog/sass-site.git
synced 2024-12-14 02:17:36 +01:00
41 lines
1.0 KiB
SCSS
41 lines
1.0 KiB
SCSS
// ===========================================================================
|
|
// LISTS
|
|
|
|
|
|
|
|
@mixin horizontal-list($break-setting: false) {
|
|
@if $break-setting == $break-iPhone { @extend %clearfix-iPhone; }
|
|
@if $break-setting == $break-iPhone-wide { @extend %clearfix-iPhone-wide; }
|
|
@if $break-setting == $break-iPad { @extend %clearfix-iPad; }
|
|
@else { @extend %clearfix; }
|
|
|
|
list-style: none;
|
|
|
|
li {
|
|
@include float-left;
|
|
margin: 0 2em 0 0;
|
|
|
|
&:last-child { margin-right: 0; }
|
|
}
|
|
}
|
|
|
|
%horizontal-list { @include horizontal-list; }
|
|
|
|
@include at-breakpoint($break-iPhone) {
|
|
%horizontal-list-iPhone { @include horizontal-list($break-iPhone); }
|
|
}
|
|
|
|
@include at-breakpoint($break-iPhone-wide) {
|
|
%horizontal-list-iPhone-wide { @include horizontal-list($break-iPhone-wide); }
|
|
}
|
|
|
|
@include at-breakpoint($break-iPad) {
|
|
%horizontal-list-iPad { @include horizontal-list($break-iPad); }
|
|
}
|
|
|
|
|
|
|
|
ul {
|
|
@extend %block-text;
|
|
list-style-position: inside;
|
|
} |