Restructuring Organisms
This commit is contained in:
parent
11891aa5c7
commit
b541d6010c
@ -1,15 +0,0 @@
|
|||||||
RV-Pagination__Item()
|
|
||||||
+RV-Element--name('Item')
|
|
||||||
RV-ElementList__Item()
|
|
||||||
|
|
||||||
+RV-Block('RV-Pagination')
|
|
||||||
max-width 600px
|
|
||||||
RV-ElementList()
|
|
||||||
RV-FlexRow--horizontal()
|
|
||||||
justify-content space-between
|
|
||||||
overflow hidden
|
|
||||||
height 2em
|
|
||||||
|
|
||||||
+RV-Element('Item')
|
|
||||||
RV-Pagination__Item()
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"title": "Pagnination"
|
|
||||||
}
|
|
@ -1,77 +0,0 @@
|
|||||||
<ul class="RV-Pagination">
|
|
||||||
<li class="RV-Pagination__Item RV-Pagination__Item--other RV-Pagination__Item--first">
|
|
||||||
<a href="#" class="RV-Button RV-Button--small RV-Button--link">
|
|
||||||
<div class="RV-Button__Icon">
|
|
||||||
⟪
|
|
||||||
</div>
|
|
||||||
<div class="RV-Button__Text">
|
|
||||||
First
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="RV-Pagination__Item RV-Pagination__Item--other RV-Pagination__Item--disabled RV-Pagination__Item--previous">
|
|
||||||
<a href="#" class="RV-Button RV-Button--small RV-Button--link">
|
|
||||||
<div class="RV-Button__Icon">
|
|
||||||
⟨
|
|
||||||
</div>
|
|
||||||
<div class="RV-Button__Text">
|
|
||||||
Prev
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="RV-Pagination__Item RV-Pagination__Item--neighbor">
|
|
||||||
<a href="#" class="RV-Button RV-Button--small RV-Button--link">
|
|
||||||
<div class="RV-Button__Text">
|
|
||||||
1
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="RV-Pagination__Item RV-Pagination__Item--neighbor">
|
|
||||||
<a href="#" class="RV-Button RV-Button--small RV-Button--link">
|
|
||||||
<div class="RV-Button__Text">
|
|
||||||
2
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="RV-Pagination__Item RV-Pagination__Item--neighbor">
|
|
||||||
<a href="#" class="RV-Button RV-Button--small RV-Button--link">
|
|
||||||
<div class="RV-Button__Text">
|
|
||||||
3
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="RV-Pagination__Item RV-Pagination__Item--neighbor">
|
|
||||||
<a href="#" class="RV-Button RV-Button--small RV-Button--link">
|
|
||||||
<div class="RV-Button__Text">
|
|
||||||
4
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="RV-Pagination__Item RV-Pagination__Item--neighbor">
|
|
||||||
<a href="#" class="RV-Button RV-Button--small RV-Button--link">
|
|
||||||
<div class="RV-Button__Text">
|
|
||||||
5
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="RV-Pagination__Item RV-Pagination__Item--other RV-Pagination__Item--next">
|
|
||||||
<a href="#" class="RV-Button RV-Button--small RV-Button--link">
|
|
||||||
<div class="RV-Button__Text">
|
|
||||||
Next
|
|
||||||
</div>
|
|
||||||
<div class="RV-Button__Icon">
|
|
||||||
⟩
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li class="RV-Pagination__Item RV-Pagination__Item--other RV-Pagination__Item--last">
|
|
||||||
<a href="#" class="RV-Button RV-Button--small RV-Button--link">
|
|
||||||
<div class="RV-Button__Text">
|
|
||||||
Last
|
|
||||||
</div>
|
|
||||||
<div class="RV-Button__Icon">
|
|
||||||
⟫
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
@ -1,2 +0,0 @@
|
|||||||
@import 'menu/_menu'
|
|
||||||
@import 'imageGrid/_imageGrid'
|
|
2
components/06_Organisms/_organisms.styl
Normal file
2
components/06_Organisms/_organisms.styl
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
@import 'menu/_menu'
|
||||||
|
//@import 'imageGrid/_imageGrid'
|
@ -3,9 +3,9 @@
|
|||||||
@import '02_ContentShape/_contentShape'
|
@import '02_ContentShape/_contentShape'
|
||||||
@import '03_Styles/_styles'
|
@import '03_Styles/_styles'
|
||||||
@import '04_Atoms/_atoms'
|
@import '04_Atoms/_atoms'
|
||||||
//@import '04_Molecules/_molecules'
|
@import '05_Molecules/_molecules'
|
||||||
|
|
||||||
//@import '05_Organisms/_organisms'
|
@import '06_Organisms/_organisms'
|
||||||
//@import '10_Examples/playground/_playground'
|
//@import '10_Examples/playground/_playground'
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user