guide v11x

기사리스트

기사리스트 구성 요소입니다.

Class

Class	비고
#sections	전체영역 (옵션보기)
#sections	관련	`.header` `.titles` `.view-type` `.section-body`
.section-nav	메뉴 (옵션보기)
.section-nav	관련	`.first` `.menu` `.menu.submenu`
#section-list	목록
#section-list	관련	`.type1` (리스트형) `.type2` (웹진형) `.type3` (타일형)

Folders

이름	비고
default○○	기본(공통)형 스킨
A○○	뉴스형 스킨
B○○	블로그, 매거진형 스킨
C○○	미디어형 스킨

Custom Functions

`#sections`

--nd-section-gap:                   1.5rem;

`.section-nav`

--nd-section-nav-width:             128px;

`#section-list .type3` 지정위치사용

--nd-section-list-cols:             4;
--nd-section-list-rows:             1;
--nd-section-list-gap:              1.25rem;

/* @media print, screen and (max-width: 49.99875em){} (> 800px) */
--nd-section-list-cols:             3;

/* @media print, screen and (max-width: 39.99875em) {} (> 640px) */
--nd-section-list-cols:             2;

Class 폴더명 선택자 변수

Class

Folders

Custom Functions

#sections

.section-nav

#section-list .type3 지정위치사용

`#sections`

`.section-nav`

`#section-list .type3` 지정위치사용