diff options
Diffstat (limited to 'src/objects/_avatar.scss')
| -rw-r--r-- | src/objects/_avatar.scss | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss index 0dd7879..9be249f 100644 --- a/src/objects/_avatar.scss +++ b/src/objects/_avatar.scss | |||
| @@ -51,6 +51,11 @@ | |||
| 51 | --h: 354, | 51 | --h: 354, |
| 52 | --s: 44%, | 52 | --s: 44%, |
| 53 | --l: 45%, | 53 | --l: 45%, |
| 54 | |||
| 55 | --key-focus: ( | ||
| 56 | --border: fn.global-color(--focus --fill), | ||
| 57 | --shadow: fn.global-color(--focus --shadow), | ||
| 58 | ), | ||
| 54 | ), | 59 | ), |
| 55 | ), 'colors'); | 60 | ), 'colors'); |
| 56 | 61 | ||
| @@ -110,5 +115,12 @@ | |||
| 110 | } | 115 | } |
| 111 | } | 116 | } |
| 112 | } | 117 | } |
| 118 | |||
| 119 | @include iro.bem-at-theme('keyboard') { | ||
| 120 | &:focus { | ||
| 121 | border-color: fn.color(--key-focus --border); | ||
| 122 | box-shadow: inset 0 0 0 1px fn.color(--key-focus --border), fn.color(--key-focus --shadow); | ||
| 123 | } | ||
| 124 | } | ||
| 113 | } | 125 | } |
| 114 | } | 126 | } |
