Sass/common/common.scss

@import "_global";
@import "_function";

/*样式重置*/

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html * {
    outline: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    color: #333333;
    @include font-size($font-sizes); //响应式字号
    //字体序列：苹方字体（3），安卓适用字体  - 思源黑体（2），Mac 默认字体（2），底层  - 无衬线字体（1）
    font-family: PingFang SC, PingFang TC, PingFang HK, Source Han Sans, Noto CJK, Helvetica Neue, Helvetica, sans-serif;
    background-color: $color-background;
}

p {
    @include font-size($p-font-sizes); //响应式字号
}

//内外边距清零 
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

input,
select,
textarea {
    font-size: 100%;
}

//去掉各 Table cell 的边距并让其边重合 
table {
    border-collapse: collapse;
    border-spacing: 0;
}

//去除默认边框
fieldset,
img {
    border: 0;
}

//去掉 firefox 下此元素的边框 
abbr,
acronym {
    border: 0;
    font-variant: normal;
}

//一致的 del 样式 
del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}

//去掉列表前的标识
ol,
ul {
    list-style: none;
}

//对齐是排版
caption,
th {
    text-align: left;
}

//标题自定义
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before,
q:after {
    content: '';
}

//统一上标和下标
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

//默认不显示下划线，保持页面简洁
ins,
a {
    text-decoration: none;
}


/*功能样式*/

//隐藏
.hide {
    display: none;
}

//清楚浮动
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}
.mui-toast-container{
    width: 70%;
}