guide v11x

Class

Class	비고
.pagination	전체영역 (옵션보기)
.pagination-item	아이템 (옵션보기)
.pagination-item	옵션	`.current` `.disabled`
.pagination-link	링크
.pagination-link	옵션	`.disabled`
.pagination-start	처음
.pagination-prev	이전
.pagination-next	다음
.pagination-end	끝

Custom Functions

`.pagination`

--nd-pagination-gap:                        0.25rem;
--nd-pagination-margin:                     2rem 0 1rem;
--nd-pagination-font-size:                  0.875rem;
--nd-pagination-font-weight:                400;
--nd-pagination-line-height:                1.2;

`.pagination-item`

--nd-pagination-item-min-width:             1.625rem;
--nd-pagination-item-padding-x:             0.5rem;
--nd-pagination-item-padding-y:             0.25rem;
--nd-pagination-item-color:                 #6c757d;
--nd-pagination-item-bg:                    #fff;
--nd-pagination-item-border-width:          1px;
--nd-pagination-item-border-style:          solid;
--nd-pagination-item-border-color:          transparent;
--nd-pagination-item-border-radius:         0.25rem;

/* hover */
--nd-pagination-item-hover-color:           #000;
--nd-pagination-item-hover-bg:              transparent;
--nd-pagination-item-hover-border-color:    #e8e8e9;

/* active */
--nd-pagination-item-active-font-weight:    700;
--nd-pagination-item-active-color:          var(--nd-primary);
--nd-pagination-item-active-bg:             #fff;
--nd-pagination-item-active-border-color:   var(--nd-primary);

`.pagination-start`, `.pagination-prev`, `.pagination-next`, `.pagination-end`

--nd-pagination-icon:                       url('icon.svg');

Fine SE 11

페이징

Class

Custom Functions

`.pagination`

`.pagination-item`

`.pagination-start`, `.pagination-prev`, `.pagination-next`, `.pagination-end`

Class

Custom Functions

.pagination

.pagination-item

.pagination-start, .pagination-prev, .pagination-next, .pagination-end

`.pagination`

`.pagination-item`

`.pagination-start`, `.pagination-prev`, `.pagination-next`, `.pagination-end`