@@ -125,7 +125,7 @@ a.k-badge:hover,
125125each( @badge-positions , {
126126 @placement : @key ;
127127 @translate : @value ;
128- @infix : if( @placement = " edge" , " " , " -@{placement} " );
128+ @infix : if( @placement = edge, ~ " " , ~ " -@{placement} " );
129129
130130 .k-badge @{infix} {
131131 &-top-start {
@@ -134,7 +134,7 @@ each( @badge-positions, {
134134 top : 0 ;
135135 left : 0 ;
136136 & when not (@translate = null) {
137- transform : translate ( -1% * @translate, -1% * @translate );
137+ transform : translate ( ( -1% * @translate), ( -1% * @translate ) );
138138 }
139139 }
140140 &-top-end {
@@ -143,7 +143,7 @@ each( @badge-positions, {
143143 top : 0 ;
144144 right : 0 ;
145145 & when not (@translate = null) {
146- transform : translate ( 1% * @translate, -1% * @translate );
146+ transform : translate ( ( 1% * @translate), ( -1% * @translate ) );
147147 }
148148 }
149149 &-bottom-start {
@@ -152,7 +152,7 @@ each( @badge-positions, {
152152 bottom : 0 ;
153153 left : 0 ;
154154 & when not (@translate = null) {
155- transform : translate ( -1% * @translate, 1% * @translate );
155+ transform : translate ( ( -1% * @translate), ( 1% * @translate ) );
156156 }
157157 }
158158 &-bottom-end {
@@ -161,7 +161,7 @@ each( @badge-positions, {
161161 bottom : 0 ;
162162 right : 0 ;
163163 & when not (@translate = null) {
164- transform : translate ( 1% * @translate, 1% * @translate );
164+ transform : translate ( ( 1% * @translate), ( 1% * @translate ) );
165165 }
166166 }
167167 }
@@ -172,28 +172,28 @@ each( @badge-positions, {
172172 left : auto ;
173173 right : 0 ;
174174 & when not (@translate = null) {
175- transform : translate ( 1% * @translate, -1% * @translate );
175+ transform : translate ( ( 1% * @translate), ( -1% * @translate ) );
176176 }
177177 }
178178 &-top-end {
179179 right : auto ;
180180 left : 0 ;
181181 & when not (@translate = null) {
182- transform : translate ( -1% * @translate, -1% * @translate );
182+ transform : translate ( ( -1% * @translate), ( -1% * @translate ) );
183183 }
184184 }
185185 &-bottom-start {
186186 left : auto ;
187187 right : 0 ;
188188 & when not (@translate = null) {
189- transform : translate ( 1% * @translate, 1% * @translate );
189+ transform : translate ( ( 1% * @translate), ( 1% * @translate ) );
190190 }
191191 }
192192 &-bottom-end {
193193 right : auto ;
194194 left : 0 ;
195195 & when not (@translate = null) {
196- transform : translate ( -1% * @translate, 1% * @translate );
196+ transform : translate ( ( -1% * @translate), ( 1% * @translate ) );
197197 }
198198 }
199199 }
0 commit comments