Files
XRLib/Assets/Resources/UIToolkit/Sample/UTKSampleCommon.uss
2026-01-21 20:43:54 +09:00

103 lines
2.0 KiB
Plaintext

/*
* ===================================
* UTKSampleCommon.uss
* Common styles for UTK component samples
* ===================================
*/
/* ===================================
Sample Container
=================================== */
.utk-sample-container {
flex-direction: column;
padding: 24px;
}
/* ===================================
Description
=================================== */
.utk-sample-desc {
font-size: 13px;
color: var(--color-text-secondary);
margin-bottom: 20px;
padding: 12px 16px;
background-color: var(--color-bg-secondary);
border-radius: 6px;
}
/* ===================================
Section
=================================== */
.utk-sample-section {
margin-bottom: 24px;
}
.utk-sample-section__title {
font-size: 14px;
-unity-font-style: bold;
color: var(--color-text-secondary);
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-color: var(--color-border-light);
}
/* ===================================
Row
=================================== */
.utk-sample-row {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
margin-top: 8px;
}
.utk-sample-row > * {
margin-right: 12px;
margin-bottom: 8px;
}
/* ===================================
Column
=================================== */
.utk-sample-column {
flex-direction: column;
margin-top: 8px;
}
.utk-sample-column > * {
margin-bottom: 8px;
}
/* ===================================
Field Row (Label + Input)
=================================== */
.utk-sample-field-row {
flex-direction: row;
align-items: center;
margin-bottom: 12px;
}
.utk-sample-field-row > Label {
min-width: 100px;
font-size: 13px;
color: var(--color-text-primary);
}
/* ===================================
Caption
=================================== */
.utk-sample-caption {
font-size: 11px;
color: var(--color-text-secondary);
margin-top: 4px;
-unity-text-align: middle-center;
}