taro/src/components/basic/Buttons.scss

// @import '@/utils/common.scss';

// /* #ifdef weapp */ 
// .btn{
//     background-color: $themeColor;
//     border: none;
//     height: 90px;
//     border-radius: 45px;
// }

// .outline_btn{
//     border: solid 4px $themeColor !important;
//     background-color: transparent;
//     color: $themeColor;
//     border: none;
//     height: 90px !important;
//     border-radius: 45px !important;
// }
// /* #endif */ 


// /* #ifdef rn */ 
// .btn{
//     background-color: $themeColor;
//     height: 90px;
//     border-radius: 45px;
// }

// .outline_btn{
//     border-style: solid;
//     border-width: 4px;
//     border-color: $themeColor;
//     background-color: transparent;
//     color: $themeColor;
//     height: 90px;
//     border-radius: 45px;
// }
// /* #endif */ 

// .btn::after{
//     border: 0;
// }

@import '@/utils/common.scss';

.texted {
    // background: linear-gradient(to right, red, blue);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

}

/* #ifdef weapp */
.mixed {
    background: linear-gradient(90deg, $fastColor 0%, $sleepColor 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.textClass {
    height: '100%';
    line-height: '100%';
}

/* #endif */

/* #ifdef rn */
.mixed {
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
/* #endif */



.elevated {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}



.outlined{
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}