fd-gulp-convert-encoding/test/source/style-m-detail/lib/page/css/page.less

convert file to assigned charset

// FontSize
@default-font-size: rem(24);
@title-font-size: rem(33);
@sub-title-font-size: rem(30);

// Colors
@title-color: #4c4c4c;
@sub-title-color: #666;
@content-color: #999;
@background-color: #f5f5f5;
@anchor-color: #ff7300;

// Variables
@module: m-detail;

// Functions
.default-padding(){
    padding: rem(34) rem(30);
}
.default-header(){
    margin-right: rem(40);
    color: @sub-title-color;
    font-size: @title-font-size;
}
.clearfix(){
    &:after {
        display: block;
        clear: both;
        height: 0;
        content: "\0020";
    }
}

// display flex
.flexbox(){
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
}
.flex(@values){
    -webkit-box-flex: @values;
    -moz-box-flex: @values;
    -webkit-flex: @values;
    flex: @values;
}
.justify-content(@new, @old) {
    -webkit-box-pack: @old;
    -moz-box-pack: @old;
    -webkit-justify-content: @new;
    justify-content: @new;
}
.align-items(@new, @old){
    -webkit-box-align: @old;
    -moz-box-align: @old;
    -webkit-align-items: @new;
    align-items: @new;
}
.flex-direction(@new, @old){
    -webkit-box-direction: @old;
    -moz-box-direction: @old;
    -webkit-flex-direction: @new;
    flex-direction: @new;
}
.flex-wrap(@new, @old){
    -webkit-box-lines: @old;
    -moz-box-lines: @old;
    -webkit-flex-wrap: @new;
    flex-wrap: @new;
}

.hr(){
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0 1px 0 #fff;
}
.bg(@url, @w, @h){
    background-image: url(@url);
    background-repeat: no-repeat; 
    background-size: @w @h;
}
.bg-icon(@url, @w, @h){
    display: block;
    .bg(@url, @w, @h);
    width: @w;
    height: @h;
    text-indent: -9999rem;
}
.select(@h:70){
    background-color:#fff;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    height: rem(@h);
    line-height: rem(@h);
    vertical-align: middle;
}
.round-rectangle(@h:70){
    background-color:#fff;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    height: rem(@h);
    line-height: rem(@h);
    vertical-align: middle;
    padding:0 rem(20);
    box-shadow: 0 1px 0 #fff;

}
.d-showup() {
    margin-top: rem(8);
    .bg-icon(imgurl(page, arrow-down), rem(30), rem(18));
}
.bottom-bar(){
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: rem(120);
    line-height: rem(120);
    background-image: -webkit-gradient(linear,0% 0%, 0% 75%, from(#fbfbfb), to(#eee));
    border-top: 1px solid #d9d9d9;
    box-shadow: 0px 0px 8px #ddd;
    text-align: center;
    z-index: 99;

}
// 文字超过两行自动加省略号
.ov-ellipsis(@line:2){
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: @line;
    -webkit-box-orient: vertical;
}