Permalink
Fetching contributors…
Cannot retrieve contributors at this time
73 lines (62 sloc) 1.8 KB
/**
* @copyright 2010-2015, The Titon Project
* @license http://opensource.org/licenses/BSD-3-Clause
* @link http://titon.io
*/
@import "../common";
@include export("step") {
#{$step-class-wrapper} {
margin: $margin 0;
font-size: $medium-size;
ol {
@include reset-list;
display: inline-block;
overflow: hidden;
@include clear-fix;
}
// Use em's to scale against the size defined on .steps
#{$step-class} {
padding-#{$align-direction}: 3.5em;
padding-#{$align-opposite-direction}: 2em;
position: relative;
display: block;
line-height: 3em;
height: 3em;
// Golden ratio? Seems to work for all font sizes in *most* browsers
&::after {
height: 2.165em;
width: 2.165em;
top: 0.425em;
#{$align-opposite-direction}: -1.1em;
position: absolute;
z-index: 2;
content: "";
@if $text-direction == ltr {
transform: rotate(315deg);
} @else {
transform: rotate(135deg);
}
}
}
li {
@include reset-inline-block;
float: $align-direction;
&:first-child {
#{$step-class} {
padding-#{$align-direction}: 2em;
}
}
&:last-child {
#{$step-class} {
&::after { display: none; }
}
}
}
@include is-small {
font-size: $small-size;
}
@include is-large {
font-size: $large-size;
}
}
}