API Docs for: 1.3.1
Show:

File: usage/demo/page/yo-all.scss

@charset "utf-8";

/**
 * Yo框架demo
 * Author: joy.du(飘零雾雨)
 * Time: 2015.2.11
 */

@import "../layout/layout";

@import "../module/m-code";
@import "../module/m-demo";
@import "../module/m-desc";

@import "../element/yo-badge";
@import "../element/yo-btn";
@import "../element/yo-checkbox";
@import "../element/yo-checked";
@import "../element/yo-input";
@import "../element/yo-loading";
@import "../element/yo-loadtip";
@import "../element/yo-radio";
@import "../element/yo-range";
@import "../element/yo-score";

@import "../fragment/yo-header";
@import "../fragment/yo-list";
@import "../fragment/yo-table";
@import "../fragment/yo-btnbar";

@import "../widget/yo-dblist";
@import "../widget/yo-dialog";
@import "../widget/yo-group";
@import "../widget/yo-index";
@import "../widget/yo-mask";
@import "../widget/yo-number";
@import "../widget/yo-popup";
@import "../widget/yo-rating";
@import "../widget/yo-search";
@import "../widget/yo-select";
@import "../widget/yo-slidermenu";
@import "../widget/yo-switch";
@import "../widget/yo-switchable";
@import "../widget/yo-tab";
@import "../widget/yo-tip";


.yo-list {
    .mark img {
        width: 80px;
        height: 50px;
    }
}

.m-demo {
    .yo-table {
        .c1 {
            width: .8rem;
        }
    }
}

.m-demo {
    .stage {
        // yo-btn
        .yo-list .yo-btn:not(:first-child){
            margin-left: .1rem;
        }
        // yo-dialog
        .yo-dialog {
            position: absolute;
            top: 50%;
            left: 50%;
            @include transform(translate(-50%, -50%));
        }
        @include yo-dialog(
            $name: test,
            $height: auto
        );
        // yo-popup
        .yo-popup {
            top: 50%;
            left: 50%;
            @include transform(translate(-50%, -50%));
        }
        // yo-tab
        .yo-tab {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            &-test {
                bottom: 50%;
            }
            &-test2 {
                top: 0;
                bottom: auto;
            }
        }
        // yo-tip
        .yo-tip {
            position: absolute;
            top: 50%;
            left: 50%;
            @include transform(translate(-50%, -50%));
        }
        // yo-index
        > .yo-index {
            position: absolute;
            top: 50%;
            right: 0;
            @include transform(translatey(-50%));
        }
        // yo-group
        > .yo-group:nth-child(2) {
            top: .44rem;
        }
        .yo-group {
            > .scroll-index {
                top: 50%;
                @include transform(translatey(-50%));
            }
        }
    }
}