/**
|
* input-express-code
|
* @author Tevin
|
*/
|
|
@import "../../common/sassMixin";
|
|
.c-input-express-code {
|
.c-input-express-btn {
|
width: 100px;
|
height: 48px;
|
}
|
.c-input-express-scan {
|
@include position(absolute, 50% n n 0);
|
width: 100px;
|
padding-left: 35px;
|
color: #ccc;
|
box-sizing: border-box;
|
transform: translateY(-50%);
|
pointer-events: none;
|
.gg-scan {
|
box-sizing: border-box;
|
position: relative;
|
display: block;
|
width: 18px;
|
height: 18px;
|
transform: scale(2.5, 2.5);
|
background:
|
linear-gradient(to left, currentColor 22px,
|
transparent 0) no-repeat center/2px 22px
|
}
|
.gg-scan::after,
|
.gg-scan::before {
|
content: "";
|
display: block;
|
box-sizing: border-box;
|
position: absolute;
|
width: 6px;
|
height: 14px;
|
border: 2px solid;
|
top: 2px
|
}
|
.gg-scan::before {
|
border-right: 0;
|
border-top-left-radius: 3px;
|
border-bottom-left-radius: 3px
|
}
|
.gg-scan::after {
|
border-left: 0;
|
border-top-right-radius: 3px;
|
border-bottom-right-radius: 3px;
|
right: 0
|
}
|
.at-icon-loading {
|
margin-right: 9px;
|
animation: atRotate 1s linear infinite;
|
}
|
}
|
.at-input__icon {
|
display: none;
|
}
|
.at-input__children {
|
&::after {
|
display: none;
|
}
|
}
|
}
|
