mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 12:11:08 -04:00
init crater
This commit is contained in:
89
resources/assets/sass/components/base/base-input.scss
vendored
Normal file
89
resources/assets/sass/components/base/base-input.scss
vendored
Normal file
@ -0,0 +1,89 @@
|
||||
.base-input {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
|
||||
.left-icon {
|
||||
position: absolute;
|
||||
width: 13px;
|
||||
height: 18px;
|
||||
min-width: 40px;
|
||||
color: $ls-color-gray;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
top: 50%;
|
||||
left: 20px;
|
||||
z-index: 1;
|
||||
transform: translate(-50%,-50%);
|
||||
}
|
||||
|
||||
.right-icon {
|
||||
position: absolute;
|
||||
width: 13px;
|
||||
height: 18px;
|
||||
min-width: 18px;
|
||||
color: $ls-color-gray;
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
top: 50%;
|
||||
right: 0px;
|
||||
z-index: 1;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.small-input {
|
||||
max-width: 100px;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 8px 13px;
|
||||
text-align: left;
|
||||
background: #FFFFFF;
|
||||
border: 1px solid $ls-color-gray--light;
|
||||
box-sizing: border-box;
|
||||
border-radius: 5px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
|
||||
&.v-money {
|
||||
font-family: Arial, Helvetica, sans-serif !important;
|
||||
}
|
||||
|
||||
&::placeholder {
|
||||
font-family: Poppins;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
color: $ls-color-gray;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
border: 1px solid #817AE3;
|
||||
}
|
||||
|
||||
&.invalid {
|
||||
border: 1px solid #FB7178 !important;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
background: $ls-color-gray--light !important;
|
||||
color: $ls-color-gray--dark !important;
|
||||
}
|
||||
|
||||
&-left-icon {
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
&-right-icon {
|
||||
padding-right: 35px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user