diff --git a/core/themes/seven/css/components/buttons.theme.css b/core/themes/seven/css/components/buttons.theme.css index 36a4d6a..07634e3 100644 --- a/core/themes/seven/css/components/buttons.theme.css +++ b/core/themes/seven/css/components/buttons.theme.css @@ -43,14 +43,15 @@ text-decoration: none; outline: none; } +.button:hover { + box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125); +} .button:focus { border: 1px solid #3AB2FF; box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7); } -.button:hover { - box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125); -} .button:active { + border: 1px solid #a6a6a6; background-color: #dfdfd9; background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df); background-image: -moz-linear-gradient(top, #f6f6f3, #e7e7df); diff --git a/core/themes/seven/seven.base.css b/core/themes/seven/seven.base.css index 844712d..5815255 100644 --- a/core/themes/seven/seven.base.css +++ b/core/themes/seven/seven.base.css @@ -15,6 +15,10 @@ a:hover, .link:hover { text-decoration: underline; } +:focus{ + outline: 0; + box-shadow: 0 0 0.5em 0.1em hsla(203, 100%, 60%, 0.7); +} hr { margin: 0; padding: 0; diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index 33b3eee..f025d0e 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -276,7 +276,6 @@ li.tabs__tab a { font-size: 1.25em; letter-spacing: 0.1em; text-align: center; - outline: 0; } [dir="rtl"] .is-collapse-enabled .tabs__trigger { border-right: 0; @@ -851,7 +850,6 @@ select.form-select:focus { color: #000; border-color: rgba(0, 116, 189, 0.8); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4); - outline-color: rgba(0, 116, 189, 0.5); } /**