scss-library/components/05_Molecules/pagination/_pagination.styl

67 lines
1.2 KiB
Stylus

RV-Pagination__Item(breakPoint)
+RV-Element()
RV-BreakPoint__Item(breakPoint)
+RV-Block('RV-Pagination')
RV-CSSParameter({
breakPoint: 700px,
color: #f4a460,
size: 3rem
})
RV-BreakPoint(--breakPoint)
RV-FlexRow()
+RV-Squash()
RV-FlexRow--horizontal()
RV-ElementList()
+RV-Element()
RV-BreakPoint__Item(--breakPoint)
+RV-Element('Label')
RV-Pagination__Item(--breakPoint)
+RV-Squash()
RV-BreakPoint__Item--outside()
border-radius .2rem
--color transparent
+RV-Element('Icon')
RV-Pagination__Item(--breakPoint)
+RV-Squash()
RV-FlexRow__Item--content()
--color transparent
+RV-Element('Number')
RV-Pagination__Item(--breakPoint)
RV-BreakPoint(--size)
+RV-Squash()
RV-BreakPoint--horizontal()
RV-FlexRow__Item--narrower()
border-radius .2rem
overflow visible
.RV-Link
RV-BreakPoint__Item(--size)
RV-BreakPoint__Item--outside()
text-align center
width --size
+RV-Squash()
RV-BreakPoint--horizontal()
.RV-Link
RV-Alignment()
+RV-Squash()
RV-Alignment--verticalCenter()
height 100%
background-color --color
+RV-Element('Next')
text-align right
+RV-Element('Last')
text-align right
min-width 350px
align-items stretch
height --size
gap .5rem;