@shakthillc/components
Version:
React generic components for shakthi products
73 lines (65 loc) • 1.32 kB
CSS
@import url("https://rsms.me/inter/inter.css");
.font-inter {
font-family: Inter;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.43;
letter-spacing: normal;
}
.input-div{
composes: font-inter;
min-width: 300px;
max-height: 120px;
min-height: 30px;
overflow-y: auto;
background-color: #FFFFFF;
border: 1px solid #e4e4e4;
border-radius: 8px;
color: #666666;
outline: none;
-webkit-appearance: none;
}
.input-area {
composes: font-inter;
background-color: #FFFFFF;
border: none;
color: #666666;
outline: none;
-webkit-appearance: none;
margin-left: 4px;
margin-top: 6px;
}
.input-holder{
position: relative;
display: block;
width: auto;
margin-bottom: 4px;
}
.input-holder__helper {
composes: font-inter;
font-size: 12px;
margin-top: 8px;
color: #666666;
}
.input-holder__helper--red {
composes: font-inter;
font-size: 12px;
margin-top: 8px;
color: #db7064;
}
.input-holder__header {
composes: font-inter;
margin-bottom: 8px;
color: #333333;
}
.input-div::-webkit-scrollbar {
width: 5px;
}
.input-div::-webkit-scrollbar-thumb {
background: #888;
}
.input-div::-webkit-scrollbar-track {
background: #f1f1f1;
}