mirror of https://github.com/portainer/portainer
136 lines
1.9 KiB
CSS
136 lines
1.9 KiB
CSS
.lucide {
|
|
display: block;
|
|
height: 1em;
|
|
width: 1em;
|
|
color: inherit;
|
|
}
|
|
|
|
pr-icon {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.icon {
|
|
color: currentColor;
|
|
margin: 0;
|
|
display: inline-block;
|
|
|
|
font-size: var(--icon-size);
|
|
height: var(--icon-size);
|
|
width: var(--icon-size);
|
|
|
|
--icon-size: 1em;
|
|
}
|
|
|
|
.icon-xs {
|
|
--icon-size: 10px;
|
|
}
|
|
|
|
.icon-sm {
|
|
--icon-size: 14px;
|
|
}
|
|
|
|
.icon-md {
|
|
--icon-size: 16px;
|
|
}
|
|
|
|
.icon-lg {
|
|
--icon-size: 22px;
|
|
}
|
|
|
|
.icon-xl {
|
|
--icon-size: 26px;
|
|
}
|
|
|
|
.icon.icon-alt {
|
|
fill: var(--black-color);
|
|
stroke: var(--white-color);
|
|
}
|
|
|
|
.icon-primary,
|
|
.icon-blue {
|
|
color: var(--ui-blue-8);
|
|
}
|
|
|
|
.icon.icon-primary-alt {
|
|
fill: var(--ui-blue-8);
|
|
stroke: var(--white-color);
|
|
}
|
|
|
|
.icon-secondary {
|
|
color: var(--ui-gray-8);
|
|
}
|
|
|
|
.icon.icon-secondary-alt {
|
|
fill: var(--ui-gray-8);
|
|
stroke: var(--black-color);
|
|
}
|
|
|
|
.icon-warning,
|
|
.icon-orange {
|
|
@apply text-warning-9 th-dark:text-warning-7 th-highcontrast:text-warning-1;
|
|
}
|
|
|
|
.icon.icon-warning-alt {
|
|
fill: var(--ui-warning-9);
|
|
stroke: var(--white-color);
|
|
}
|
|
|
|
.icon-danger {
|
|
color: var(--ui-error-9);
|
|
}
|
|
|
|
.icon.icon-danger-alt {
|
|
fill: var(--ui-error-9);
|
|
stroke: var(--white-color);
|
|
}
|
|
|
|
.icon-success {
|
|
color: var(--ui-success-6);
|
|
}
|
|
|
|
.icon.icon-success-alt {
|
|
fill: var(--ui-success-8);
|
|
stroke: var(--white-color);
|
|
}
|
|
|
|
.icon-badge {
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 1.5%;
|
|
}
|
|
|
|
.icon-nested-blue {
|
|
@apply bg-blue-3 text-blue-8;
|
|
@apply th-dark:bg-gray-9 th-dark:text-blue-3;
|
|
@apply th-highcontrast:bg-gray-9 th-highcontrast:text-blue-3;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 30px;
|
|
width: 30px;
|
|
padding: 5px;
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.icon-nested-blue > svg {
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.icon-container {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.btn-only-icon {
|
|
padding: 6px;
|
|
}
|
|
|
|
.btn-only-icon pr-icon {
|
|
margin-top: 0;
|
|
}
|