@use 'sass:math';

//css函数--小程序横版适配
@function tovmin($rpx) {
  //$rpx为需要转换的字号
  @return #{math.div($rpx * 100, 750)}vmin;
}

//css函数--游戏内横版vw适配
@function vw($px) {
  //$rpx为需要转换的字号
  @return #{math.div($px * 100, 812)}vw;
}

/* 字号 */
$font-xxXl: .48rem;
$font-xxl: .4rem;
$font-xl: .36rem;
$font-l: .32rem;
$font-xm: .28rem;
$font-m: .26rem;
$font-s: .24rem;
$font-xs: .22rem;
$font-xxs: .2rem;
$font-xxxs: .18rem;

/* color */
$color-primary: #31a47d;
$color-green: #31a47d;
$color-green1: #3fc195;
$color-green2: #cce7db;
$color-yellow: #fbd95d;
$color-yellow-1: #ff8000;
$color-yellow-2: #fa0;
$color-yellow-3: #fbd95d;
$color-white: #fff;
$color-bg: #f5f6fa;
$color-white-1: #f8f9fc;
$color-white-2: #e7e7e7;
$color-black: #09134e;
$color-black-1: #000;
$color-black-2: #0f2128;
$color-black-3: #202231;
$color-gray: #9299c6;
$color-gray-2: #d3d5e1;
$color-gray-3: #dfe2ea;
$color-gray-4: #bfc3e1;
$color-gray-5: #596297;
$color-gray-6: #eae9e9;
$color-gray-7: #eef0f6;
$color-gray-8: #838c8f;
$color-gray-9: #7e84a7;
$color-gray-10: #d9d9d9;
$color-gray-11: #dfe2ea;
$color-blue: #0f489f;
$color-blue-1: #5bbdfa;
$color-blue-2: #063481;
$color-blue-3: #1656b4;
$color-blue-4: #3aa7ed;
$color-blue-5: #6cc9ff;
$color-blue-6: #ccecff;
$color-blue-7: #47a3e6;
$color-blue-8: #1874c1;
$color-blue-9: #53c3f7;
$color-blue-10: #010a35;
$color-blue-11: #429bff;
$color-blue-12: #2740b7;
$color-blue-13: #1e34a1;
$color-red: #dd2d4d;
$color-red-1: #932135;
$color-red-2: #f5727a;
$color-red-3: #8d2213;
$color-red-4: #c11e3d;
$color-red-5: #e63e59;
$color-red-6: #f96e79;
$color-red-7: #f76060;
$color-red-8: #e22d4b;
$color-red-9: #ee0a24;
$color-red-10: #ff6d7b;
$color-red-11: #f99d3b;
$color-red-12: #e54545;
$color-green: #08bcc8;
$color-green-2: #4cbf00;
$color-primary-btn: linear-gradient(89.97deg, #ff8000 7.37%, #fbd95d 94.43%);
$color-secondary-btn: #dfe2ea;
$color-primary-active: linear-gradient(89.97deg, #f95700 7.37%, #ffbd42 94.43%);
$color-secondary-active: #dfe2ea;

/* opacity */
$active-opacity: .7;
$disabled-opacity: .4;

/* Border */
$border-color: $color-gray-3;
$border-width-base: 1px;
$border-radius-sm: .06rem;
$border-radius-md: .08rem;
$border-radius-lg: .16rem;

/* Button */
$button-mini-min-width: 1.2rem;
$button-mini-height: .48rem;
$button-mini-font-size: .24rem;
$button-small-min-width: 2rem;
$button-small-height: .76rem;
$button-small-font-size: .28rem;
$button-normal-min-width: 3rem;
$button-normal-height: .76rem;
$button-normal-font-size: .32rem;
$button-large-min-width: 4.4rem;
$button-large-height: .76rem;
$button-large-font-size: .32rem;
$button-border-radius: $border-radius-md;
$button-border-radius-mini: $border-radius-sm;

$button-active-opacity: $active-opacity;
$button-disabled-opacity: $disabled-opacity;

/* 增加一些自定义size */
$button-guandan-bg-before-md-width: 3rem;
$button-guandan-bg-before-md-height: .76rem;
$button-guandan-bg-before-md-img: 'https://image-1251917893.file.myqcloud.com/guandan-match/common/img/base/button-bg3.png';