entity -> entity-item

src/components/EntityList.scss

@@ -1,6 +1,6 @@
 // Base
-.entity_list {
-  .entity {
+.entity-list {
+  .entity-item {
     a {
       text-decoration: none;
       color: var(--black);
@@ -28,11 +28,11 @@
 }
 
 // Column mode
-.entity_list.column {
+.entity-list.column {
   display: flex;
   flex-direction: column;
 
-  .entity a {
+  .entity-item a {
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -45,7 +45,7 @@
 }
 
 // Grid mode
-.entity_list.grid {
+.entity-list.grid {
   $grid-width: 250px;
   $grid-height: 275px;
   $grid-gap: 20px;
@@ -67,7 +67,7 @@
     justify-content: space-between;
   }
 
-  .entity {
+  .entity-item {
     a {
       .cover {
         width: 250px;
@@ -92,8 +92,8 @@
 }
 
 // Highligth Column
-.entity_list.column{
- .entity {
+.entity-list.column{
+ .entity-item {
     border-bottom: solid var(--line-width) var(--gray-1);
     transition: background-color 300ms ease-in;
 
@@ -115,8 +115,8 @@
 }
 
 // Highligth Grid
-.entity_list.grid{
-  .entity {
+.entity-list.grid{
+  .entity-item {
     .body .title:after {
       display: block;
       content: '';