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 '03_Styles/_styles'
|
||||
@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'
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user