joywok-material-components
Version:
<h1 align="center"> Joywok Material Components </h1>
60 lines (58 loc) • 1.94 kB
CSS
.jw-custom-select-multiple span {
font-size: 14px;
}
.jw-custom-select-multiple .custom-select-check-i {
color: rgba(0, 0, 0, 0.87);
height: 32px;
cursor: default;
border: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
outline: none;
padding: 0;
font-size: 0.8125rem;
-webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
border-radius: 16px;
vertical-align: middle;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
background-color: #e0e0e0;
}
.jw-custom-select-multiple .custom-select-check-i span {
cursor: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
padding-left: 12px;
padding-right: 12px;
}
.jw-custom-select-multiple .custom-select-check-i svg {
color: rgba(73, 73, 73, 0.26);
cursor: pointer;
height: auto;
margin: 0 4px 0 -8px;
-webkit-tap-highlight-color: transparent;
}
.jw-custom-select-multiple-i {
font-size: 14px;
}