Add sizing to menu

fomantic · Apr 1, 2016 · 9faacf4 · 9faacf4
1 parent cc891bd
commit 9faacf4
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 0 deletions.
diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less
@@ -1903,6 +1903,22 @@ Floated Menu / Item
      Sizes
 ---------------*/
 
+/* Mini */
+.ui.mini.menu {
+  font-size: @mini;
+}
+.ui.mini.vertical.menu {
+  width: @miniWidth;
+}
+
+/* Tiny */
+.ui.tiny.menu {
+  font-size: @tiny;
+}
+.ui.tiny.vertical.menu {
+  width: @tinyWidth;
+}
+
 /* Small */
 .ui.small.menu {
   font-size: @small;
@@ -1935,4 +1951,20 @@ Floated Menu / Item
   width: @hugeWidth;
 }
 
+/* Big */
+.ui.big.menu {
+  font-size: @big;
+}
+.ui.big.vertical.menu {
+  width: @bigWidth;
+}
+
+/* Massive */
+.ui.massive.menu {
+  font-size: @massive;
+}
+.ui.massive.vertical.menu {
+  width: @massiveWidth;
+}
+
 .loadUIOverrides();
diff --git a/src/themes/default/collections/menu.variables b/src/themes/default/collections/menu.variables
@@ -438,8 +438,21 @@
   @attachedBoxShadow
 ;
 
+/* Resize large sizes */
+@mini: @11px;
+@tiny: @12px;
+@small: @13px;
+@large: @15px;
+@huge: @16px;
+@big: @17px;
+@massive: @18px;
+
 /* Sizes */
+@miniWidth: 9rem;
+@tinyWidth: 11rem;
 @smallWidth: 13rem;
 @mediumWidth: 15rem;
 @largeWidth: 18rem;
 @hugeWidth: 20rem;
+@bigWidth: 22rem;
+@massiveWidth: 25rem;