EditableList Component Added

README.md

@@ -98,6 +98,7 @@ If you feel awesome and want to support us in a small way, please consider starr
 - [Progress](https://lusaxweb.github.io/vuesax/components/progress.html)
 - [Card](https://lusaxweb.github.io/vuesax/components/card.html)
 - [List](https://lusaxweb.github.io/vuesax/components/list.html)
+- [EditableList](https://lusaxweb.github.io/vuesax/components/editableList.html)
 - [Pagination](https://lusaxweb.github.io/vuesax/components/pagination.html)
 - [Topbar](https://lusaxweb.github.io/vuesax/components/topbar.html)
 - [SideBar](https://lusaxweb.github.io/vuesax/components/sideBar.html)

dist/style/components/vsEditableList.styl

@@ -0,0 +1,39 @@
+.vs-editable-list
+  width: 100%
+  position relative
+  padding: 5px
+.vs-editable-list--icon
+  padding: 6px
+  display: flex
+  align-items: center
+  justify-content: center
+  i
+    font-size: 1.2rem !important
+.vs-editable-list--header
+  padding: 8px 0px
+  font-weight: bold
+  display: flex
+  align-items: center
+  justify-content: flex-start
+  box-shadow: 0px 7px 7px -5px rgba(0,0,0,.08)
+  margin-bottom: 5px
+
+.vs-editable-list--item
+  border-bottom: 1px solid rgba(0,0,0,.08)
+  padding: 5px
+  display flex
+  align-items: center
+  justify-content: flex-start
+  .vs-editable-list--avatar
+    display flex
+    align-items center
+.vs-editable-list--slot
+  propWithDir(margin, left, auto)
+.vs-editable-list--title
+  font-weight: bold
+.vs-editable-list--subtitle
+  font-size: .8rem
+
+for colorx, i in $vs-colors
+  .vs-editable-list-header-{colorx}
+    color getColor(colorx, 1)