109 lines
2.4 KiB
Plaintext
109 lines
2.4 KiB
Plaintext
/*
|
|
* ===================================
|
|
* UTKHelpBox.uss
|
|
* Unity HelpBox 래핑 스타일
|
|
* ===================================
|
|
*/
|
|
|
|
/* ===================================
|
|
Base Container
|
|
=================================== */
|
|
|
|
.utk-helpbox {
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
padding: var(--space-m);
|
|
border-radius: var(--radius-s);
|
|
border-width: var(--border-width);
|
|
}
|
|
|
|
/* ===================================
|
|
Icon
|
|
=================================== */
|
|
|
|
.utk-helpbox > .unity-help-box__icon {
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: var(--space-m);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* ===================================
|
|
Label
|
|
=================================== */
|
|
|
|
.utk-helpbox > .unity-help-box__label {
|
|
flex-grow: 1;
|
|
font-size: var(--font-size-body2);
|
|
white-space: normal;
|
|
-unity-text-align: upper-left;
|
|
}
|
|
|
|
/* ===================================
|
|
Info Type
|
|
=================================== */
|
|
|
|
.utk-helpbox--info {
|
|
background-color: rgba(59, 130, 246, 0.1);
|
|
border-color: var(--color-blue-02);
|
|
}
|
|
|
|
.utk-helpbox--info > .unity-help-box__icon {
|
|
-unity-background-image-tint-color: var(--color-blue-02);
|
|
}
|
|
|
|
.utk-helpbox--info > .unity-help-box__label {
|
|
color: var(--color-text-primary);
|
|
}
|
|
|
|
/* ===================================
|
|
Warning Type
|
|
=================================== */
|
|
|
|
.utk-helpbox--warning {
|
|
background-color: rgba(245, 158, 11, 0.1);
|
|
border-color: var(--color-state-warning);
|
|
}
|
|
|
|
.utk-helpbox--warning > .unity-help-box__icon {
|
|
-unity-background-image-tint-color: var(--color-state-warning);
|
|
}
|
|
|
|
.utk-helpbox--warning > .unity-help-box__label {
|
|
color: var(--color-text-primary);
|
|
}
|
|
|
|
/* ===================================
|
|
Error Type
|
|
=================================== */
|
|
|
|
.utk-helpbox--error {
|
|
background-color: rgba(239, 68, 68, 0.1);
|
|
border-color: var(--color-state-error);
|
|
}
|
|
|
|
.utk-helpbox--error > .unity-help-box__icon {
|
|
-unity-background-image-tint-color: var(--color-state-error);
|
|
}
|
|
|
|
.utk-helpbox--error > .unity-help-box__label {
|
|
color: var(--color-text-primary);
|
|
}
|
|
|
|
/* ===================================
|
|
None Type (No icon)
|
|
=================================== */
|
|
|
|
.utk-helpbox--none {
|
|
background-color: var(--color-bg-secondary);
|
|
border-color: var(--color-border);
|
|
}
|
|
|
|
.utk-helpbox--none > .unity-help-box__icon {
|
|
display: none;
|
|
}
|
|
|
|
.utk-helpbox--none > .unity-help-box__label {
|
|
color: var(--color-text-primary);
|
|
}
|