Skip to content

Commit d580ef0

Browse files
authored
fix(button): icon adjustments in animated button
- Adjusts vertical-align for icons in animated buttons - Adds support for .ui.animated.icon.button
1 parent eb8eefe commit d580ef0

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/definitions/elements/button.less

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -706,15 +706,19 @@
706706
---------------*/
707707

708708
.ui.icon.buttons .button,
709-
.ui.icon.button {
709+
.ui.icon.button:not(.animated) {
710710
padding: @verticalPadding @verticalPadding ( @verticalPadding + @shadowOffset );
711711
}
712+
.ui.animated.icon.button > .content > .icon,
712713
.ui.icon.buttons .button > .icon,
713714
.ui.icon.button > .icon {
714715
opacity: @iconButtonOpacity;
715716
margin: 0 !important;
716717
vertical-align: top;
717718
}
719+
.ui.animated.button > .content > .icon {
720+
vertical-align: top;
721+
}
718722

719723
& when (@variationButtonBasic) {
720724
/*-------------------

0 commit comments

Comments
 (0)