diff options
Diffstat (limited to 'src/objects/_action-menu.scss')
| -rw-r--r-- | src/objects/_action-menu.scss | 30 |
1 files changed, 6 insertions, 24 deletions
diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss index 2c922f8..ff88774 100644 --- a/src/objects/_action-menu.scss +++ b/src/objects/_action-menu.scss | |||
| @@ -43,8 +43,6 @@ | |||
| 43 | ), 'colors'); | 43 | ), 'colors'); |
| 44 | 44 | ||
| 45 | @include iro.bem-object(iro.props-namespace()) { | 45 | @include iro.bem-object(iro.props-namespace()) { |
| 46 | @include iro.bem-composed-of('action-button' 'object'); | ||
| 47 | |||
| 48 | position: absolute; | 46 | position: absolute; |
| 49 | z-index: 10000; | 47 | z-index: 10000; |
| 50 | top: fn.dim(--y); | 48 | top: fn.dim(--y); |
| @@ -72,12 +70,6 @@ | |||
| 72 | transform: translate(-100%, 0); | 70 | transform: translate(-100%, 0); |
| 73 | } | 71 | } |
| 74 | 72 | ||
| 75 | @include iro.bem-elem('separator') { | ||
| 76 | height: 1px; | ||
| 77 | margin: fn.dim(--separator) 0; | ||
| 78 | background-color: fn.color(--separator); | ||
| 79 | } | ||
| 80 | |||
| 81 | @include iro.bem-elem('item') { | 73 | @include iro.bem-elem('item') { |
| 82 | display: block; | 74 | display: block; |
| 83 | box-sizing: border-box; | 75 | box-sizing: border-box; |
| @@ -91,18 +83,10 @@ | |||
| 91 | &:enabled { | 83 | &:enabled { |
| 92 | color: currentColor; | 84 | color: currentColor; |
| 93 | 85 | ||
| 94 | @include iro.bem-elem('icon') { | ||
| 95 | color: fn.color(--icon); | ||
| 96 | } | ||
| 97 | |||
| 98 | &:hover, | 86 | &:hover, |
| 99 | &:active { | 87 | &:active { |
| 100 | background-color: fn.color(--item --hover --bg); | 88 | background-color: fn.color(--item --hover --bg); |
| 101 | color: fn.color(--item --hover --label); | 89 | color: fn.color(--item --hover --label); |
| 102 | |||
| 103 | @include iro.bem-elem('icon') { | ||
| 104 | color: currentColor; | ||
| 105 | } | ||
| 106 | } | 90 | } |
| 107 | 91 | ||
| 108 | @include iro.bem-at-theme('keyboard') { | 92 | @include iro.bem-at-theme('keyboard') { |
| @@ -112,15 +96,17 @@ | |||
| 112 | background-color: fn.color(--item --key-focus --bg); | 96 | background-color: fn.color(--item --key-focus --bg); |
| 113 | box-shadow: fn.color(--item --key-focus --shadow); | 97 | box-shadow: fn.color(--item --key-focus --shadow); |
| 114 | color: fn.color(--item --key-focus --label); | 98 | color: fn.color(--item --key-focus --label); |
| 115 | |||
| 116 | @include iro.bem-elem('icon') { | ||
| 117 | color: currentColor; | ||
| 118 | } | ||
| 119 | } | 99 | } |
| 120 | } | 100 | } |
| 121 | } | 101 | } |
| 122 | } | 102 | } |
| 123 | 103 | ||
| 104 | @include iro.bem-elem('separator') { | ||
| 105 | height: 1px; | ||
| 106 | margin: fn.dim(--separator) 0; | ||
| 107 | background-color: fn.color(--separator); | ||
| 108 | } | ||
| 109 | |||
| 124 | @include iro.bem-elem('slot') { | 110 | @include iro.bem-elem('slot') { |
| 125 | padding: fn.dim(--item --pad-y) fn.dim(--item --pad-x); | 111 | padding: fn.dim(--item --pad-y) fn.dim(--item --pad-x); |
| 126 | } | 112 | } |
| @@ -130,9 +116,5 @@ | |||
| 130 | justify-content: center; | 116 | justify-content: center; |
| 131 | width: 1em; | 117 | width: 1em; |
| 132 | } | 118 | } |
| 133 | |||
| 134 | @include iro.bem-elem('icon') { | ||
| 135 | color: fn.color(--item --disabled --label); | ||
| 136 | } | ||
| 137 | } | 119 | } |
| 138 | } | 120 | } |
