@conscience-technology/ctds 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,13 +6,23 @@
|
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
gap: var(--space-2);
|
|
9
|
-
padding: var(--space-
|
|
9
|
+
padding: var(--space-2) var(--space-3);
|
|
10
10
|
background: var(--bg);
|
|
11
11
|
border: var(--hairline) solid var(--border);
|
|
12
12
|
border-radius: var(--radius-sm);
|
|
13
13
|
transition: var(--transition-colors), var(--transition-ring);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
/* MultiLine은 textarea가 공간 많이 쓰므로 상단만 조금 더 */
|
|
17
|
+
.shape-multi {
|
|
18
|
+
padding: var(--space-3) var(--space-3) var(--space-2);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* SingleLine은 상하 대칭 유지 */
|
|
22
|
+
.shape-single {
|
|
23
|
+
padding: var(--space-2) var(--space-3);
|
|
24
|
+
}
|
|
25
|
+
|
|
16
26
|
/* radius variant — Shape 축에 반응 */
|
|
17
27
|
.radius-square { border-radius: var(--radius-xs); }
|
|
18
28
|
.radius-rounded { border-radius: var(--radius-sm); }
|
|
@@ -64,15 +74,18 @@
|
|
|
64
74
|
.multiStack {
|
|
65
75
|
display: flex;
|
|
66
76
|
flex-direction: column;
|
|
67
|
-
gap: var(--space-
|
|
77
|
+
gap: var(--space-1);
|
|
68
78
|
width: 100%;
|
|
69
79
|
min-width: 0;
|
|
70
80
|
}
|
|
81
|
+
/* textarea는 스크롤 컨테이너 — padding 없음.
|
|
82
|
+
룰: 스크롤 끝에서 텍스트가 "컨테이너 벽"에 닿아 자연스레 잘려야 함.
|
|
83
|
+
padding을 textarea 안에 두면 bottom padding에서 잘려서 어색. root padding이 트랙 역할. */
|
|
71
84
|
.multiField {
|
|
72
85
|
width: 100%;
|
|
73
86
|
min-width: 0;
|
|
74
87
|
min-height: var(--space-6);
|
|
75
|
-
padding:
|
|
88
|
+
padding: 0;
|
|
76
89
|
background: transparent;
|
|
77
90
|
border: 0;
|
|
78
91
|
outline: none;
|
|
@@ -103,7 +116,7 @@
|
|
|
103
116
|
.singleField {
|
|
104
117
|
flex: 1 1 auto;
|
|
105
118
|
min-width: 0;
|
|
106
|
-
padding:
|
|
119
|
+
padding: 0;
|
|
107
120
|
background: transparent;
|
|
108
121
|
border: 0;
|
|
109
122
|
outline: none;
|