﻿@charset "UTF-8";
// ---------------------------------------------
// 导入公用样式，包含默认变量、自定义变量、_mixin、_funciton、_placeholder、_mediaQuery、_normalize、_typography、_helpers以及PC端基本字体样式
// ---------------------------------------------
@import "./common.scss";
// ---------------------------------------------
// 下面为直接的css导入
// ---------------------------------------------
// 导入布局相关
@import "./layout/_gridNew.scss";
// 导入模块
@import "./modules/_button.scss";
@import "./modules/_form.scss";
@import "./modules/_animate.scss";
@import "./modules/_loading.scss";
// 导入插件样式
@import "./vendors/_c_imgSlider.scss";
@import "./vendors/_c_pagination.scss";

// 页面具体样式
//设置sticky-footer
@include stickyFooter(60px);

// 设置旧网格
//.Grid {
//    @include wrapper();
//    @at-root #{&}-row {
//        background-color: #ccc;
//    }
//}

.bgPolka {
    @include bgPolka(20px, 3px, tan, yellow);
    width: 200px;
    height: 200px;
}

.bgCheckboard {
    @include bgCheckboard(20px, tan);
    width: 200px;
    height: 200px;
}

.text-3d {
    @include text-3d();
    font-size: 30px;
    background-color: #28a;
}

.long-shadow {
    background-color: #28a;
    line-height: 4em;
    font-size: 40px;
    text-shadow: text-long-shadow();
    color: #fff;
}

.c-TestNum {
    @at-root #{&}-item {
        @include n-items(1) {
            color: red;
        }

        @include n-items(2) {
            color: blue;
        }

        @include n-items(3) {
            color: olive;
        }
    }
}

.c-DoubleWing {
    @include DoubleWing(100, 200);
    @at-root #{&}-main {
        background-color: blue;
    }
    @at-root #{&}-left {
        background-color: red;
    }
    @at-root #{&}-right {
        background-color: olive;
    }
}