Skip to content

Commit d601d62

Browse files
authored
feat(menu): centered variant
A centered variant. I also added the alias center aligned as we have both of this wordings already in other elements. Especially useful for pagination menu
1 parent f434400 commit d601d62

File tree

2 files changed

+10
-0
lines changed

2 files changed

+10
-0
lines changed

src/definitions/collections/menu.less

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1476,6 +1476,15 @@ each(@colors, {
14761476
}
14771477
}
14781478

1479+
& when (@variationMenuCentered) {
1480+
.ui.center.aligned.menu,
1481+
.ui.centered.menu {
1482+
display: inline-flex;
1483+
transform: translateX(-50%);
1484+
margin-left:50%;
1485+
}
1486+
}
1487+
14791488
& when (@variationMenuInverted) {
14801489
/*--------------
14811490
Inverted

src/themes/default/globals/variation.variables

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -267,6 +267,7 @@
267267
@variationMenuLabeled: true;
268268
@variationMenuStackable: true;
269269
@variationMenuFloated: true;
270+
@variationMenuCentered: true;
270271
@variationMenuFitted: true;
271272
@variationMenuBorderless: true;
272273
@variationMenuCompact: true;

0 commit comments

Comments
 (0)