디자인킷 · 띠
띠 · 다음 행동과 담당·기한
D-띠-다음행동
언제 쓰는가
장 맨 아래에 이 장을 보고 바로 해야 할 일 하나와 담당, 기한을 둘 때. 행동 30자 이내, 담당 12자 이내. 값 바꾸는 법: .k=꼬리표, p=해야 할 일 한 줄, dl 의 div 하나가 담당 또는 기한(dt=이름, dd=내용).
참고
직접 제작. 회의록과 주간 보고의 조치 사항 줄(action, owner, due) 표기를 참고.
조각
<div class="dk dks dks-next"><span class="k">다음 행동</span><p>전환 추적 태그 설치 범위 확정</p><dl><div><dt>담당</dt><dd>광고주 마케팅팀</dd></div><div><dt>기한</dt><dd class="num">10. 16.</dd></div></dl></div>
스타일
.dks-next{background:var(--soft);border-radius:var(--r-sm);padding:14px 24px;display:flex;align-items:baseline;gap:18px}
.dks-next .k{flex:none;font-size:var(--f-cap);font-weight:600;color:var(--ac)}
.dks-next > p{flex:1;min-width:0;margin:0;font-size:var(--f-body);font-weight:600;color:var(--ink)}
.dks-next dl{flex:none;margin:0;display:flex;gap:28px}
.dks-next dl div{display:flex;align-items:baseline;gap:8px}
.dks-next dt{font-size:var(--f-cap);font-weight:600;color:var(--mu)}
.dks-next dd{margin:0;font-size:var(--f-sm);color:var(--ink)}