2022-07-04 02:11:13 +00:00
|
|
|
.feather {
|
|
|
|
display: block;
|
|
|
|
height: 1em;
|
|
|
|
width: 1em;
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
pr-icon {
|
2022-07-29 02:41:33 +00:00
|
|
|
display: inline-flex;
|
2022-07-04 02:11:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
color: currentColor;
|
|
|
|
margin: 0;
|
2022-08-02 03:32:22 +00:00
|
|
|
display: inline-block;
|
2022-07-06 14:05:00 +00:00
|
|
|
|
|
|
|
font-size: var(--icon-size);
|
|
|
|
height: var(--icon-size);
|
|
|
|
width: var(--icon-size);
|
|
|
|
|
|
|
|
--icon-size: 1em;
|
2022-07-04 02:11:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.icon-xs {
|
2022-07-06 14:05:00 +00:00
|
|
|
--icon-size: 10px;
|
2022-07-04 02:11:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.icon-sm {
|
2022-07-06 14:05:00 +00:00
|
|
|
--icon-size: 14px;
|
2022-07-04 02:11:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.icon-md {
|
2022-07-06 14:05:00 +00:00
|
|
|
--icon-size: 16px;
|
2022-07-04 02:11:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.icon-lg {
|
2022-07-06 14:05:00 +00:00
|
|
|
--icon-size: 22px;
|
2022-07-04 02:11:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.icon-xl {
|
2022-07-06 14:05:00 +00:00
|
|
|
--icon-size: 26px;
|
2022-07-04 02:11:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.icon.icon-alt {
|
|
|
|
fill: var(--black-color);
|
|
|
|
stroke: var(--white-color);
|
|
|
|
}
|
|
|
|
|
2022-08-02 00:17:22 +00:00
|
|
|
.icon-primary,
|
|
|
|
.icon-blue {
|
2022-07-04 02:11:13 +00:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2022-08-02 00:17:22 +00:00
|
|
|
.icon-warning,
|
|
|
|
.icon-orange {
|
2022-07-04 02:11:13 +00:00
|
|
|
color: var(--ui-warning-8);
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon.icon-warning-alt {
|
|
|
|
fill: var(--ui-warning-8);
|
|
|
|
stroke: var(--white-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-danger {
|
2022-08-02 00:17:22 +00:00
|
|
|
color: var(--ui-error-9);
|
2022-07-04 02:11:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.icon.icon-danger-alt {
|
2022-08-02 00:17:22 +00:00
|
|
|
fill: var(--ui-error-9);
|
2022-07-04 02:11:13 +00:00
|
|
|
stroke: var(--white-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-success {
|
|
|
|
color: var(--ui-success-6);
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon.icon-success-alt {
|
|
|
|
fill: var(--ui-success-8);
|
|
|
|
stroke: var(--white-color);
|
|
|
|
}
|
|
|
|
|
2022-07-06 08:23:53 +00:00
|
|
|
.icon-badge {
|
|
|
|
border-radius: 50%;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
padding: 1.5%;
|
|
|
|
}
|
|
|
|
|
2022-07-04 02:11:13 +00:00
|
|
|
.icon-nested-gray {
|
2022-08-01 07:13:58 +00:00
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
2022-07-04 02:11:13 +00:00
|
|
|
height: 30px;
|
|
|
|
width: 30px;
|
|
|
|
padding: 5px;
|
|
|
|
text-align: center;
|
|
|
|
border-radius: 50%;
|
|
|
|
background-color: var(--ui-gray-4);
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-nested-blue {
|
2022-08-01 07:13:58 +00:00
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
2022-07-04 02:11:13 +00:00
|
|
|
height: 30px;
|
|
|
|
width: 30px;
|
|
|
|
padding: 5px;
|
|
|
|
text-align: center;
|
|
|
|
border-radius: 50%;
|
|
|
|
background-color: var(--ui-blue-3);
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
2022-08-02 02:21:14 +00:00
|
|
|
.icon-nested-blue > svg {
|
|
|
|
height: 20px;
|
|
|
|
width: 20px;
|
|
|
|
}
|
|
|
|
|
2022-07-04 02:11:13 +00:00
|
|
|
.icon-container {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
2022-07-11 02:05:23 +00:00
|
|
|
|
|
|
|
.btn-only-icon {
|
|
|
|
padding: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-only-icon pr-icon {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|