More table options

1 files changed, 30 insertions, 14 deletions

diff --git a/src/objects/_table.scss b/src/objects/_table.scss
index faf6019..410492b 100644
--- a/src/objects/_table.scss
+++ b/src/objects/_table.scss
@@ -51,6 +51,10 @@
             border-width:     1px 0 0;
             border-style:     solid;
             border-color:     fn.color(--border);
+
+            @include iro.bem-modifier('divider') {
+                border-right-width: 1px;
+            }
         }
 
         @include iro.bem-elem('row') {
@@ -59,18 +63,6 @@
                     border-bottom-width: 1px;
                 }
             }
-
-            &:hover {
-                @include iro.bem-elem('cell') {
-                    background-color: fn.color(--hover);
-                }
-            }
-
-            &:active {
-                @include iro.bem-elem('cell') {
-                    background-color: fn.color(--press);
-                }
-            }
         }
 
         @include iro.bem-modifier('flush') {
@@ -122,16 +114,40 @@
                         }
                     }
                 }
+            }
+        }
+
+        @include iro.bem-modifier('interactive') {
+            @include iro.bem-elem('row') {
+                @include iro.bem-elem('cell') {
+                    cursor: pointer;
+                }
 
                 &:hover {
                     @include iro.bem-elem('cell') {
-                        background-color: fn.color(--box --hover);
+                        background-color: fn.color(--hover);
                     }
                 }
     
                 &:active {
                     @include iro.bem-elem('cell') {
-                        background-color: fn.color(--box --press);
+                        background-color: fn.color(--press);
+                    }
+                }
+            }
+
+            @include iro.bem-modifier('box') {
+                @include iro.bem-elem('row') {
+                    &:hover {
+                        @include iro.bem-elem('cell') {
+                            background-color: fn.color(--box --hover);
+                        }
+                    }
+        
+                    &:active {
+                        @include iro.bem-elem('cell') {
+                            background-color: fn.color(--box --press);
+                        }
                     }
                 }
             }