/* 百分比宽度布局 */
$display: inline-block;
.layout-inblock {
    display: $display;
}

$headings: (h1: 2em, h2: 1.5em, h3: 1.2em);
@each $header, $size in $headings {
  #{$header} {
    font-size: $size;
  }
}

$verticalAlign: left, right, top, bottom, center, middle;
@each $align in $verticalAlign {
    .layout-valign-#{$align} {
        vertical-align: $align !important;
    }
    .layout-text-aligin-#{$align} {
        text-align: $align;
    }
}

/* 字体颜色 */
$font-color: #222, #333, #666, #888, #ccc, #eee, #dcdcdc;
@each $color in $font-color {
    .s-fc-#{$color} {
        color: $color
    }
}

/* ico sprite */
.u-ico {
    display: $display;
    vertical-align: text-bottom;
    .u-ico-small {
        width: 16px;
        height: 16px;
    }
    .u-ico-medium {
        width: 22px;
        height: 22px;
    }
}
.u-ico-add {
    width: 20px;
    background-position: -134px -1px;
    .disabled {
        background-position: -187px -1px;
    }
}