mirror of
https://github.com/danog/sass-site.git
synced 2024-12-13 09:57:35 +01:00
67 lines
1.1 KiB
SCSS
67 lines
1.1 KiB
SCSS
// ===========================================================================
|
|
// QUICK STARTS
|
|
|
|
|
|
|
|
.quick-starts {
|
|
@extend %content-list;
|
|
}
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// iPhone
|
|
|
|
@mixin quick-starts-iPhone {
|
|
.quick-starts {
|
|
text-align: left;
|
|
|
|
li { @extend %clearfix-iPhone; }
|
|
|
|
h3,
|
|
.description {
|
|
margin-left: ($font-size * $illustration-size / 1em) + $gutter-width;
|
|
}
|
|
|
|
.illustration {
|
|
position: relative;
|
|
margin-top: -2em;
|
|
@include float-left;
|
|
padding: {
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
}
|
|
|
|
.description {
|
|
position: relative;
|
|
top: -2em;
|
|
clear: both;
|
|
margin-bottom: -2em;
|
|
padding-top: 0;
|
|
}
|
|
|
|
pre { text-align: center; }
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------
|
|
// SMALL TABLET
|
|
|
|
@mixin quick-starts-small-tablet {
|
|
.quick-starts {
|
|
@extend %clearfix-small-tablet;
|
|
|
|
@include layout(2) {
|
|
li {
|
|
@include span-columns(1);
|
|
|
|
&:last-child { @include omega; }
|
|
}
|
|
}
|
|
}
|
|
|
|
.description { min-height: 7em; }
|
|
} |