Lots of updates, especially dialog

1 files changed, 9 insertions, 60 deletions

diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss
index 83321da..2dcbb12 100644
--- a/src/objects/_action-button.scss
+++ b/src/objects/_action-button.scss
@@ -15,44 +15,33 @@
             --bg:     fn.global-color(--bg-hi),
             --label:  fn.global-color(--fg),
             --border: fn.global-color(--obj-lo),
-            --shadow: 0 0 0 0 transparent,
     
             --hover: (
                 --bg:     fn.global-color(--bg-hi2),
                 --label:  fn.global-color(--fg-lo),
                 --border: fn.global-color(--fg-hi2),
-                --shadow: 0 0 0 0 transparent,
             ),
             --active: (
                 --bg:     fn.global-color(--obj-hi),
                 --label:  fn.global-color(--fg-lo),
                 --border: fn.global-color(--fg-hi2),
-                --shadow: 0 0 0 0 transparent,
             ),
             --selected: (
                 --bg:     fn.global-color(--obj-hi),
                 --label:  fn.global-color(--fg),
                 --border: fn.global-color(--fg-hi3),
-                --shadow: 0 0 0 0 transparent,
 
                 --hover: (
                     --label:  fn.global-color(--fg-lo),
                     --border: fn.global-color(--fg-hi2),
-                    --shadow: 0 0 0 0 transparent,
-                ),
-                --key-focus: (
-                    --bg: fn.global-color(--obj-hi),
                 ),
             ),
             --disabled: (
                 --bg:     fn.global-color(--obj-hi),
                 --label:  fn.global-color(--fg-hi3),
                 --border: fn.global-color(--obj-hi),
-                --shadow: 0 0 0 0 transparent,
             ),
             --key-focus: (
-                --bg:     fn.global-color(--bg-hi2),
-                --label:  fn.global-color(--fg-lo),
                 --border: fn.global-color(--focus --fill),
                 --shadow: fn.global-color(--focus --shadow),
             ),
@@ -74,19 +63,10 @@
                     --hover: (
                         --label: fn.global-color(--fg-lo),
                     ),
-                    --key-focus: (
-                        --bg: fn.global-color(--obj),
-                    ),
                 ),
                 --disabled: (
                     --label: fn.global-color(--fg-hi3),
                 ),
-                --key-focus: (
-                    --bg:     fn.global-color(--bg-hi2),
-                    --label:  fn.global-color(--fg-lo),
-                    --border: fn.global-color(--focus --fill),
-                    --shadow: fn.global-color(--focus --shadow),
-                ),
             ),
         ),
     ), 'colors');
@@ -98,7 +78,6 @@
         border:           1px solid fn.color(--disabled --border);
         border-radius:    fn.dim(--rounding);
         background-color: fn.color(--disabled --bg);
-        box-shadow:       fn.color(--disabled --shadow);
         color:            fn.color(--disabled --label);
         line-height:      1;
         text-align:       center;
@@ -111,59 +90,36 @@
         &:enabled {
             border-color:     fn.color(--border);
             background-color: fn.color(--bg);
-            box-shadow:       fn.color(--shadow);
             color:            fn.color(--label);
 
             &:hover {
                 border-color:     fn.color(--hover --border);
                 background-color: fn.color(--hover --bg);
-                box-shadow:       fn.color(--hover --shadow);
                 color:            fn.color(--hover --label);
             }
     
             &:active {
                 border-color:     fn.color(--active --border);
                 background-color: fn.color(--active --bg);
-                box-shadow:       fn.color(--active --shadow);
                 color:            fn.color(--active --label);
             }
         }
     
-        @include iro.bem-at-theme('keyboard') {
-            &:focus {
-                border-color:     fn.color(--key-focus --border);
-                background-color: fn.color(--key-focus --bg);
-                box-shadow:       inset 0 0 0 1px fn.color(--key-focus --border), fn.color(--key-focus --shadow);
-                color:            fn.color(--key-focus --label);
-            }
-        }
-    
         @include iro.bem-is('selected') {
             &:link,
             &:visited,
             &:enabled {
                 border-color:     fn.color(--selected --border);
                 background-color: fn.color(--selected --bg);
-                box-shadow:       fn.color(--selected --shadow);
                 color:            fn.color(--selected --label);
         
                 &:hover,
                 &:active {
                     border-color:     fn.color(--selected --hover --border);
                     background-color: fn.color(--selected --bg);
-                    box-shadow:       fn.color(--selected --hover --shadow);
                     color:            fn.color(--selected --hover --label);
                 }
             }
-    
-            @include iro.bem-at-theme('keyboard') {
-                &:focus {
-                    border-color:     fn.color(--key-focus --border);
-                    background-color: fn.color(--selected --key-focus --bg);
-                    box-shadow:       inset 0 0 0 1px fn.color(--key-focus --border), fn.color(--key-focus --shadow);
-                    color:            fn.color(--key-focus --label);
-                }
-            }
         }
     
         @include iro.bem-modifier('quiet') {
@@ -195,15 +151,6 @@
                 }
             }
     
-            @include iro.bem-at-theme('keyboard') {
-                &:focus {
-                    border-color:     fn.color(--quiet --key-focus --border);
-                    background-color: fn.color(--quiet --key-focus --bg);
-                    box-shadow:       inset 0 0 0 1px fn.color(--quiet --key-focus --border), fn.color(--quiet --key-focus --shadow);
-                    color:            fn.color(--quiet --key-focus --label);
-                }
-            }
-    
             @include iro.bem-is('selected') {
                 background-color: fn.color(--quiet --selected --bg);
                 color:            fn.color(--quiet --disabled --label);
@@ -224,14 +171,16 @@
                         color:            fn.color(--quiet --selected --hover --label);
                     }
                 }
+            }
+        }
     
-                @include iro.bem-at-theme('keyboard') {
-                    &:focus {
-                        border-color:     fn.color(--quiet --key-focus --border);
-                        background-color: fn.color(--quiet --selected --key-focus --bg);
-                        box-shadow:       inset 0 0 0 1px fn.color(--quiet --key-focus --border), fn.color(--quiet --key-focus --shadow);
-                        color:            fn.color(--quiet --key-focus --label);
-                    }
+        @include iro.bem-at-theme('keyboard') {
+            &:link,
+            &:visited,
+            &:enabled {
+                &:focus {
+                    border-color: fn.color(--key-focus --border);
+                    box-shadow:   inset 0 0 0 1px fn.color(--key-focus --border), fn.color(--key-focus --shadow);
                 }
             }
         }