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 | } |