194 lines
4.7 KiB
CSS
194 lines
4.7 KiB
CSS
|
|
.MuiChip-root {
|
|
color: rgba(0, 0, 0, 0.87);
|
|
border: none;
|
|
cursor: default;
|
|
height: 32px;
|
|
display: inline-flex;
|
|
outline: 0;
|
|
padding: 0;
|
|
font-size: 0.8125rem;
|
|
box-sizing: border-box;
|
|
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;
|
|
align-items: center;
|
|
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
white-space: nowrap;
|
|
border-radius: 16px;
|
|
vertical-align: middle;
|
|
justify-content: center;
|
|
text-decoration: none;
|
|
background-color: #e0e0e0;
|
|
}
|
|
.MuiChip-root.Mui-disabled {
|
|
opacity: 0.5;
|
|
pointer-events: none;
|
|
}
|
|
.MuiChip-root .MuiChip-avatar {
|
|
color: #616161;
|
|
width: 24px;
|
|
height: 24px;
|
|
font-size: 0.75rem;
|
|
margin-left: 5px;
|
|
margin-right: -6px;
|
|
}
|
|
.MuiChip-root .MuiChip-avatarColorPrimary {
|
|
color: #fff;
|
|
background-color: rgb(18, 37, 65);
|
|
}
|
|
.MuiChip-root .MuiChip-avatarColorSecondary {
|
|
color: #fff;
|
|
background-color: rgb(166, 37, 25);
|
|
}
|
|
.MuiChip-root .MuiChip-avatarSmall {
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 0.625rem;
|
|
margin-left: 4px;
|
|
margin-right: -4px;
|
|
}
|
|
.MuiChip-sizeSmall {
|
|
height: 24px;
|
|
}
|
|
.MuiChip-colorPrimary {
|
|
color: #fff;
|
|
background-color: #1b365d;
|
|
}
|
|
.MuiChip-colorSecondary {
|
|
color: #fff;
|
|
background-color: #ee3524;
|
|
}
|
|
.MuiChip-clickable {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.MuiChip-clickable:hover, .MuiChip-clickable:focus {
|
|
background-color: rgb(206, 206, 206);
|
|
}
|
|
.MuiChip-clickable:active {
|
|
box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
|
|
}
|
|
.MuiChip-clickableColorPrimary:hover, .MuiChip-clickableColorPrimary:focus {
|
|
background-color: rgb(45, 70, 105);
|
|
}
|
|
.MuiChip-clickableColorSecondary:hover, .MuiChip-clickableColorSecondary:focus {
|
|
background-color: rgb(239, 69, 53);
|
|
}
|
|
.MuiChip-deletable:focus {
|
|
background-color: rgb(206, 206, 206);
|
|
}
|
|
.MuiChip-deletableColorPrimary:focus {
|
|
background-color: rgb(72, 94, 125);
|
|
}
|
|
.MuiChip-deletableColorSecondary:focus {
|
|
background-color: rgb(241, 93, 79);
|
|
}
|
|
.MuiChip-outlined {
|
|
border: 1px solid rgba(0, 0, 0, 0.23);
|
|
background-color: transparent;
|
|
}
|
|
.MuiChip-clickable.MuiChip-outlined:hover, .MuiChip-clickable.MuiChip-outlined:focus, .MuiChip-deletable.MuiChip-outlined:focus {
|
|
background-color: rgba(0, 0, 0, 0.04);
|
|
}
|
|
.MuiChip-outlined .MuiChip-avatar {
|
|
margin-left: 4px;
|
|
}
|
|
.MuiChip-outlined .MuiChip-avatarSmall {
|
|
margin-left: 2px;
|
|
}
|
|
.MuiChip-outlined .MuiChip-icon {
|
|
margin-left: 4px;
|
|
}
|
|
.MuiChip-outlined .MuiChip-iconSmall {
|
|
margin-left: 2px;
|
|
}
|
|
.MuiChip-outlined .MuiChip-deleteIcon {
|
|
margin-right: 5px;
|
|
}
|
|
.MuiChip-outlined .MuiChip-deleteIconSmall {
|
|
margin-right: 3px;
|
|
}
|
|
.MuiChip-outlinedPrimary {
|
|
color: #1b365d;
|
|
border: 1px solid #1b365d;
|
|
}
|
|
.MuiChip-clickable.MuiChip-outlinedPrimary:hover, .MuiChip-clickable.MuiChip-outlinedPrimary:focus, .MuiChip-deletable.MuiChip-outlinedPrimary:focus {
|
|
background-color: rgba(27, 54, 93, 0.04);
|
|
}
|
|
.MuiChip-outlinedSecondary {
|
|
color: #ee3524;
|
|
border: 1px solid #ee3524;
|
|
}
|
|
.MuiChip-clickable.MuiChip-outlinedSecondary:hover, .MuiChip-clickable.MuiChip-outlinedSecondary:focus, .MuiChip-deletable.MuiChip-outlinedSecondary:focus {
|
|
background-color: rgba(238, 53, 36, 0.04);
|
|
}
|
|
.MuiChip-icon {
|
|
color: #616161;
|
|
margin-left: 5px;
|
|
margin-right: -6px;
|
|
}
|
|
.MuiChip-iconSmall {
|
|
width: 18px;
|
|
height: 18px;
|
|
margin-left: 4px;
|
|
margin-right: -4px;
|
|
}
|
|
.MuiChip-iconColorPrimary {
|
|
color: inherit;
|
|
}
|
|
.MuiChip-iconColorSecondary {
|
|
color: inherit;
|
|
}
|
|
.MuiChip-label {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
padding-left: 12px;
|
|
padding-right: 12px;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.MuiChip-labelSmall {
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
}
|
|
.MuiChip-deleteIcon {
|
|
color: rgba(0, 0, 0, 0.26);
|
|
width: 22px;
|
|
cursor: pointer;
|
|
height: 22px;
|
|
margin: 0 5px 0 -6px;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
.MuiChip-deleteIcon:hover {
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.MuiChip-deleteIconSmall {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-left: -4px;
|
|
margin-right: 4px;
|
|
}
|
|
.MuiChip-deleteIconColorPrimary {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.MuiChip-deleteIconColorPrimary:hover, .MuiChip-deleteIconColorPrimary:active {
|
|
color: #fff;
|
|
}
|
|
.MuiChip-deleteIconColorSecondary {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
.MuiChip-deleteIconColorSecondary:hover, .MuiChip-deleteIconColorSecondary:active {
|
|
color: #fff;
|
|
}
|
|
.MuiChip-deleteIconOutlinedColorPrimary {
|
|
color: rgba(27, 54, 93, 0.7);
|
|
}
|
|
.MuiChip-deleteIconOutlinedColorPrimary:hover, .MuiChip-deleteIconOutlinedColorPrimary:active {
|
|
color: #1b365d;
|
|
}
|
|
.MuiChip-deleteIconOutlinedColorSecondary {
|
|
color: rgba(238, 53, 36, 0.7);
|
|
}
|
|
.MuiChip-deleteIconOutlinedColorSecondary:hover, .MuiChip-deleteIconOutlinedColorSecondary:active {
|
|
color: #ee3524;
|
|
}
|
|
|