@newtil/materials 0.4.11 → 0.4.14
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.
- package/dist/index.css +1 -1
- package/dist/spec.json +536 -4
- package/package.json +1 -1
- package/themes/ncafe.css +7 -0
package/package.json
CHANGED
package/themes/ncafe.css
CHANGED
|
@@ -14,6 +14,13 @@
|
|
|
14
14
|
* 입력 <div class="m3-text-field field:outlined field-label:top"> <label>…</label> <input> </div>
|
|
15
15
|
* 레이블 없는 필터/검색: field-label:none. select 도 같은 래퍼 안에.
|
|
16
16
|
* 배지 <span class="m3-badge badge:inline badge-color:…">
|
|
17
|
+
* 방 공개 페이지는 모두 <div class="m3-site"> (헤더 site-header · 본문 site-main · 푸터 site-footer). m3-top-app-bar 는 쓰지 않는다.
|
|
18
|
+
* 왼쪽 필터/카테고리 사이드: site-body:aside (기본 폭). 오른쪽 주문 요약/합계 패널: site-body:aside-end + m3-site 에 site-aside:lg
|
|
19
|
+
* 목록 상품 카드 격자: <ul class="m3-grid grid-cols:3"> 안에 <li class="m3-card card:outlined card-size:compact">
|
|
20
|
+
* 썸네일은 card-media:landscape (4:3). 카드 액션 줄의 하트는 icon-btn:outlined icon-btn-size:sm, 담기는 btn-size:xs — 둘 다 32px.
|
|
21
|
+
* 글 상세 설명·영양 정보·유의 사항 같은 덩어리는 <section class="m3-section section:divided">. 표는 m3-table(항목–값이면 table:key-value). 경로는 m3-breadcrumb.
|
|
22
|
+
* 선택지 온도·사이즈·수령 방법처럼 라디오 묶음은 m3-form 안 <fieldset class="form-group form-group:inline"> (요약 패널처럼 좁으면 inline 없이).
|
|
23
|
+
* 수량 <div class="m3-stepper"> (기본 34px). 상세 페이지의 큰 수량은 stepper-size:lg. 페이지가 −/＋ 를 아이콘 버튼으로 짜지 않는다.
|
|
17
24
|
* ─────────────────────────────────────────────────────────────────────── */
|
|
18
25
|
|
|
19
26
|
/* 브랜드 램프 — primary 가 이 값을 가리킨다 (라이트 500/600/700/100, 다크 400/300/200/900) */
|