128 lines
2.7 KiB
Plaintext
128 lines
2.7 KiB
Plaintext
/*
|
|
* ===================================
|
|
* UTKHelpBox.uss
|
|
* Unity HelpBox 래핑 스타일
|
|
* ===================================
|
|
*/
|
|
|
|
/* ===================================
|
|
Base Container
|
|
=================================== */
|
|
|
|
.utk-helpbox {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding: var(--space-m);
|
|
border-radius: var(--radius-s);
|
|
border-width: var(--border-width);
|
|
min-height: 32px;
|
|
}
|
|
|
|
/* ===================================
|
|
Icon
|
|
=================================== */
|
|
|
|
.utk-helpbox__icon {
|
|
font-size: 20px;
|
|
margin-right: var(--space-m);
|
|
flex-shrink: 0;
|
|
align-self: center;
|
|
}
|
|
|
|
/* ===================================
|
|
Message
|
|
=================================== */
|
|
|
|
.utk-helpbox__message {
|
|
flex-grow: 1;
|
|
font-size: var(--font-size-body2);
|
|
white-space: normal;
|
|
-unity-text-align: middle-left;
|
|
}
|
|
|
|
/* ===================================
|
|
Info Type
|
|
=================================== */
|
|
|
|
.utk-helpbox--info {
|
|
background-color: rgba(8, 151, 251, 0.1);
|
|
border-color: var(--color-state-info);
|
|
}
|
|
|
|
.utk-helpbox--info .utk-helpbox__icon {
|
|
color: var(--color-state-info);
|
|
}
|
|
|
|
.utk-helpbox--info .utk-helpbox__message {
|
|
color: var(--color-state-info);
|
|
}
|
|
|
|
/* ===================================
|
|
Success Type
|
|
=================================== */
|
|
|
|
.utk-helpbox--success {
|
|
background-color: rgba(115, 201, 145, 0.1);
|
|
border-color: var(--color-state-success);
|
|
}
|
|
|
|
.utk-helpbox--success .utk-helpbox__icon {
|
|
color: var(--color-state-success);
|
|
}
|
|
|
|
.utk-helpbox--success .utk-helpbox__message {
|
|
color: var(--color-state-success);
|
|
}
|
|
|
|
/* ===================================
|
|
Warning Type
|
|
=================================== */
|
|
|
|
.utk-helpbox--warning {
|
|
background-color: rgba(238, 157, 40, 0.1);
|
|
border-color: var(--color-state-warning);
|
|
}
|
|
|
|
.utk-helpbox--warning .utk-helpbox__icon {
|
|
color: var(--color-state-warning);
|
|
}
|
|
|
|
.utk-helpbox--warning .utk-helpbox__message {
|
|
color: var(--color-state-warning);
|
|
}
|
|
|
|
/* ===================================
|
|
Error Type
|
|
=================================== */
|
|
|
|
.utk-helpbox--error {
|
|
background-color: rgba(241, 76, 76, 0.1);
|
|
border-color: var(--color-state-error);
|
|
}
|
|
|
|
.utk-helpbox--error .utk-helpbox__icon {
|
|
color: var(--color-state-error);
|
|
}
|
|
|
|
.utk-helpbox--error .utk-helpbox__message {
|
|
color: var(--color-state-error);
|
|
}
|
|
|
|
/* ===================================
|
|
None Type (No icon)
|
|
=================================== */
|
|
|
|
.utk-helpbox--none {
|
|
background-color: var(--color-bg-secondary);
|
|
border-color: var(--color-border);
|
|
}
|
|
|
|
.utk-helpbox--none .utk-helpbox__icon {
|
|
display: none;
|
|
}
|
|
|
|
.utk-helpbox--none .utk-helpbox__message {
|
|
color: var(--color-text-primary);
|
|
}
|
|
|