less-rails-semantic_ui 2.2.13.0 → 2.3.0.0

data/assets/stylesheets/semantic_ui/definitions/modules/modal.less

@@ -34,11 +34,7 @@
 
 .ui.modal {
   display: none;
-  position: fixed;
   z-index: @zIndex;
-
-  top: 50%;
-  left: 50%;
   text-align: left;
 
   background: @background;
@@ -46,6 +42,8 @@
   box-shadow: @boxShadow;
   transform-origin: @transformOrigin;
 
+  flex: 0 0 auto;
+
   border-radius: @borderRadius;
   user-select: text;
   will-change: top, left, margin, transform, opacity;
@@ -347,14 +345,26 @@
            Variations
 *******************************/
 
+/*--------------
+   Top Aligned
+---------------*/
+
+/* Top Aligned Modal */
+.modals.dimmer[class*="top aligned"] .modal {
+  margin: @topAlignedMargin auto;
+}
+
 /*--------------
     Scrolling
 ---------------*/
 
-/* A modal that cannot fit on the page */
+/* Scrolling Dimmer */
 .scrolling.dimmable.dimmed {
   overflow: hidden;
 }
+.scrolling.dimmable > .dimmer {
+  justify-content: flex-start;
+}
 .scrolling.dimmable.dimmed > .dimmer {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
@@ -363,11 +373,10 @@
   position: fixed;
 }
 .modals.dimmer .ui.scrolling.modal {
-  position: static !important;
   margin: @scrollingMargin auto !important;
 }
 
-/* undetached scrolling */
+/* Undetached Scrolling */
 .scrolling.undetached.dimmable.dimmed {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
@@ -381,26 +390,12 @@
   margin-top: @scrollingMargin !important;
 }
 
-/* Coupling with Sidebar */
-.undetached.dimmable.dimmed > .pusher {
-  z-index: auto;
-}
-
-@media only screen and (max-width : @largestTabletScreen) {
-  .modals.dimmer .ui.scrolling.modal {
-    margin-top: @mobileScrollingMargin !important;
-    margin-bottom: @mobileScrollingMargin !important;
-  }
-}
-
 /* Scrolling Content */
-
 .ui.modal .scrolling.content {
   max-height: @scrollingContentMaxHeight;
   overflow: auto;
 }
 
-
 /*--------------
    Full Screen
 ---------------*/

data/assets/stylesheets/semantic_ui/definitions/modules/popup.less

@@ -62,7 +62,7 @@
   font-family: @headerFont;
   font-size: @headerFontSize;
   line-height: @headerLineHeight;
-  font-weight: bold;
+  font-weight: @headerFontWeight;
 }
 .ui.popup > .header + .content {
   padding-top: @headerDistance;

data/assets/stylesheets/semantic_ui/definitions/modules/rating.less

@@ -46,7 +46,7 @@
   padding: 0em;
   margin: 0em;
   text-align: center;
-  font-weight: normal;
+  font-weight: @normal;
   font-style: normal;
   flex: 1 0 auto;
   cursor: @iconCursor;

data/assets/stylesheets/semantic_ui/definitions/modules/search.less

@@ -44,7 +44,7 @@
 
   text-shadow: none;
   font-style: normal;
-  font-weight: normal;
+  font-weight: @normal;
 
   line-height: @promptLineHeight;
   padding: @promptPadding;
@@ -325,11 +325,16 @@
   width: @categoryResultsWidth;
 }
 
+.ui.category.search .results.animating,
+.ui.category.search .results.visible {
+  display: table;
+}
+
 /* Category */
 .ui.category.search > .results .category {
+  display: table-row;
   background: @categoryBackground;
   box-shadow: @categoryBoxShadow;
-  border-bottom: @categoryDivider;
   transition: @categoryTransition;
 }
 
@@ -346,30 +351,32 @@
   border-radius: 0em 0em @resultsBorderRadius 0em;
 }
 
-/* Category Result */
-.ui.category.search > .results .category .result {
-  background: @categoryResultBackground;
-  margin-left: @categoryNameWidth;
-  border-left: @categoryResultLeftBorder;
-  border-bottom: @categoryResultDivider;
-  transition: @categoryResultTransition;
-  padding: @categoryResultPadding;
-}
-.ui.category.search > .results .category:last-child .result:last-child {
-  border-bottom: @categoryResultLastDivider;
-}
-
 /* Category Result Name */
 .ui.category.search > .results .category > .name {
+  display: table-cell;
+  text-overflow: ellipsis;
   width: @categoryNameWidth;
+  white-space: @categoryNameWhitespace;
   background: @categoryNameBackground;
   font-family: @categoryNameFont;
   font-size: @categoryNameFontSize;
-  float: @categoryNameFontSize;
-  float: @categoryNameFloat;
   padding: @categoryNamePadding;
   font-weight: @categoryNameFontWeight;
   color: @categoryNameColor;
+  border-bottom: @categoryDivider;
+}
+
+/* Category Result */
+.ui.category.search > .results .category .results {
+  display: table-cell;
+  background: @categoryResultBackground;
+  border-left: @categoryResultLeftBorder;
+  border-bottom: @categoryDivider;
+}
+.ui.category.search > .results .category .result {
+  border-bottom: @categoryResultDivider;
+  transition: @categoryResultTransition;
+  padding: @categoryResultPadding;
 }
 
 /*******************************
@@ -424,4 +431,14 @@
   font-size: @relativeMassive;
 }
 
+/*--------------
+      Mobile
+---------------*/
+
+@media only screen and (max-width: @largestMobileScreen) {
+  .ui.search .results {
+    max-width: @mobileMaxWidth;
+  }
+}
+
 .loadUIOverrides();

data/assets/stylesheets/semantic_ui/themes/default/collections/breadcrumb.variables

@@ -30,4 +30,4 @@
        States
 --------------------*/
 
-@activeFontWeight: bold;
+@activeFontWeight: @bold;

data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables

@@ -23,7 +23,7 @@
 @labelDistance: @4px;
 @labelMargin: 0em 0em @labelDistance 0em;
 @labelFontSize: @relativeSmall;
-@labelFontWeight: bold;
+@labelFontWeight: @bold;
 @labelTextTransform: none;
 @labelColor: @textColor;
 

data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables

@@ -13,7 +13,7 @@
 @background: #FFFFFF;
 @fontFamily: @pageFont;
 @itemBackground: none;
-@fontWeight: normal;
+@fontWeight: @normal;
 @borderWidth: 1px;
 @border: @borderWidth solid @borderColor;
 @boxShadow: @subtleShadow;
@@ -29,7 +29,7 @@
   box-shadow @defaultDuration @defaultEasing,
   color @defaultDuration @defaultEasing
 ;
-@itemFontWeight: normal;
+@itemFontWeight: @normal;
 @itemTextColor: @textColor;
 
 /* Divider */
@@ -64,8 +64,8 @@
 
 /* Header */
 @headerBackground: '';
-@headerWeight: bold;
-@headerTextTransform: normal;
+@headerWeight: @bold;
+@headerTextTransform: @normal;
 
 /* Vertical Icon */
 @verticalIconFloat: right;
@@ -74,7 +74,7 @@
 /* Vertical Header */
 @verticalHeaderMargin: 0em 0em 0.5em;
 @verticalHeaderFontSize: @relativeMedium;
-@verticalHeaderFontWeight: bold;
+@verticalHeaderFontWeight: @bold;
 
 /* Pointing Arrow */
 @arrowSize: @relative8px;
@@ -136,7 +136,7 @@
 @dropdownItemBackground: transparent;
 @dropdownItemColor: @textColor;
 @dropdownItemTextTransform: none;
-@dropdownItemFontWeight: normal;
+@dropdownItemFontWeight: @normal;
 @dropdownItemBoxShadow: none;
 @dropdownItemTransition: none;
 
@@ -169,7 +169,7 @@
 /* Active Item */
 @activeItemBackground: @transparentBlack;
 @activeItemTextColor: @selectedTextColor;
-@activeItemFontWeight: normal;
+@activeItemFontWeight: @normal;
 @activeIconOpacity: 1;
 @activeItemBoxShadow: none;
 
@@ -184,12 +184,12 @@
 /* Active Dropdown */
 @dropdownActiveItemBackground: @subtleTransparentBlack;
 @dropdownActiveItemColor: @selectedTextColor;
-@dropdownActiveItemFontWeight: bold;
+@dropdownActiveItemFontWeight: @bold;
 
 /* Active Sub Menu */
 @subMenuActiveBackground: transparent;
 @subMenuActiveTextColor: @activeItemTextColor;
-@subMenuActiveFontWeight: bold;
+@subMenuActiveFontWeight: @bold;
 
 
 /*--------------
@@ -252,7 +252,7 @@
 
 @secondaryPointingActiveBorderColor: @black;
 @secondaryPointingActiveTextColor: @selectedTextColor;
-@secondaryPointingActiveFontWeight: bold;
+@secondaryPointingActiveFontWeight: @bold;
 
 @secondaryPointingActiveDropdownBorderColor: transparent;
 
@@ -285,8 +285,8 @@
 @tieredActiveItemBackground: #FCFCFC;
 @tieredActiveMenuBackground: #FCFCFC;
 
-@tieredSubMenuTextTransform: normal;
-@tieredSubMenuFontWeight: normal;
+@tieredSubMenuTextTransform: @normal;
+@tieredSubMenuFontWeight: @normal;
 
 @tieredSubMenuColor: @lightTextColor;
 
@@ -326,7 +326,7 @@
 @tabularActiveBackground: none @white;
 @tabularActiveColor: @selectedTextColor;
 @tabularActiveBoxShadow: none;
-@tabularActiveWeight: bold;
+@tabularActiveWeight: @bold;
 
 
 
@@ -346,7 +346,7 @@
 @textMenuItemSpacing: @relative7px;
 @textMenuMargin: @relativeMedium -(@textMenuItemSpacing);
 @textMenuItemColor: @mutedTextColor;
-@textMenuItemFontWeight: normal;
+@textMenuItemFontWeight: @normal;
 @textMenuItemMargin: 0em 0em;
 @textMenuItemPadding: @relative5px @textMenuItemSpacing;
 @textMenuItemTransition: opacity @defaultDuration @defaultEasing;
@@ -355,12 +355,12 @@
 @textMenuSubMenuItemMargin: 0em;
 @textMenuSubMenuItemPadding: @relative7px 0em;
 
-@textMenuActiveItemFontWeight: normal;
+@textMenuActiveItemFontWeight: @normal;
 @textMenuActiveItemColor: @selectedTextColor;
 
 @textMenuHeaderSize: @relativeSmall;
 @textMenuHeaderColor: @darkTextColor;
-@textMenuHeaderFontWeight: bold;
+@textMenuHeaderFontWeight: @bold;
 @textMenuHeaderTextTransform: uppercase;
 
 @textVerticalMenuMargin: @relativeMedium 0em;
@@ -443,8 +443,8 @@
 @tiny: @12px;
 @small: @13px;
 @large: @15px;
-@huge: @16px;
-@big: @17px;
+@big: @16px;
+@huge: @17px;
 @massive: @18px;
 
 /* Sizes */
@@ -453,6 +453,6 @@
 @smallWidth: 13rem;
 @mediumWidth: 15rem;
 @largeWidth: 18rem;
-@hugeWidth: 20rem;
-@bigWidth: 22rem;
+@bigWidth: 20rem;
+@hugeWidth: 22rem;
 @massiveWidth: 25rem;

data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables

@@ -33,7 +33,7 @@
 
 /* Header */
 @headerFontSize: @relativeLarge;
-@headerFontWeight: bold;
+@headerFontWeight: @bold;
 @headerDisplay: block;
 @headerDistance: 0rem;
 @headerMargin: -@headerLineHeightOffset 0em @headerDistance 0em;

data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables

@@ -47,7 +47,7 @@
 @headerVerticalPadding: @relativeSmall;
 @headerHorizontalPadding: @cellHorizontalPadding;
 @headerFontStyle: none;
-@headerFontWeight: bold;
+@headerFontWeight: @bold;
 @headerTextTransform: none;
 @headerBoxShadow: none;
 
@@ -61,8 +61,8 @@
 @footerColor: @textColor;
 @footerVerticalPadding: @cellVerticalPadding;
 @footerHorizontalPadding: @cellHorizontalPadding;
-@footerFontStyle: normal;
-@footerFontWeight: normal;
+@footerFontStyle: @normal;
+@footerFontWeight: @normal;
 @footerTextTransform: none;
 
 /* Responsive Size */
@@ -73,6 +73,7 @@
 @responsiveCellVerticalPadding: 0.25em;
 @responsiveCellHorizontalPadding: 0.75em;
 @responsiveCellBoxShadow: none !important;
+@responsiveCellHeaderFontWeight: @bold;
 
 /*-------------------
        Types
@@ -83,14 +84,14 @@
 
 @definitionHeaderBackground: transparent;
 @definitionHeaderColor: @unselectedTextColor;
-@definitionHeaderFontWeight: normal;
+@definitionHeaderFontWeight: @normal;
 
 @definitionFooterBackground: @definitionHeaderBackground;
 @definitionFooterColor: @definitionHeaderColor;
 @definitionFooterFontWeight: @definitionHeaderFontWeight;
 
 @definitionColumnBackground: @subtleTransparentBlack;
-@definitionColumnFontWeight: bold;
+@definitionColumnFontWeight: @bold;
 @definitionColumnColor: @selectedTextColor;
 @definitionColumnFontSize: @relativeMedium;
 @definitionColumnTextTransform: '';
@@ -213,7 +214,7 @@
 
 @invertedDefinitionColumnBackground: @subtleTransparentWhite;
 @invertedDefinitionColumnColor: @invertedSelectedTextColor;
-@invertedDefinitionColumnFontWeight: bold;
+@invertedDefinitionColumnFontWeight: @bold;
 
 /* Basic */
 @basicTableBackground: transparent;

data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables

@@ -22,7 +22,7 @@
 @textTransform: none;
 @tapColor: transparent;
 @fontFamily: @pageFont;
-@fontWeight: bold;
+@fontWeight: @bold;
 @textColor: rgba(0, 0, 0, 0.6);
 @textShadow: none;
 @invertedTextShadow: @textShadow;
@@ -152,8 +152,8 @@
 
 @orBackgroundColor: @white;
 @orTextShadow: @invertedTextShadow;
-@orTextStyle: normal;
-@orTextWeight: bold;
+@orTextStyle: @normal;
+@orTextWeight: @bold;
 @orTextColor: @lightTextColor;
 
 
@@ -198,7 +198,7 @@
 @basicColoredBorderSize: 1px;
 
 @basicBackground: transparent none;
-@basicFontWeight: normal;
+@basicFontWeight: @normal;
 @basicBorder: 1px solid @borderColor;
 @basicBoxShadow: 0px 0px 0px @basicBorderSize @borderColor inset;
 @basicLoadingColor: @offWhite;

data/assets/stylesheets/semantic_ui/themes/default/elements/divider.variables

@@ -16,7 +16,7 @@
 
 /* Text */
 @letterSpacing: 0.05em;
-@fontWeight: bold;
+@fontWeight: @bold;
 @color: @darkTextColor;
 @textTransform: uppercase;
 
@@ -50,4 +50,4 @@
 @sectionMargin: 2rem;
 
 /* Sizes */
-@medium: 1rem;
+@medium: 1rem;

data/assets/stylesheets/semantic_ui/themes/default/elements/flag.overrides

@@ -261,6 +261,10 @@ i.flag.eh:before,
 i.flag.western.sahara:before {
   background-position: 0px -1664px;
 }
+i.flag.gb.eng:before,
+i.flag.england:before {
+  background-position: 0px -1690px;
+}
 i.flag.er:before,
 i.flag.eritrea:before {
   background-position: 0px -1716px;

data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables

@@ -24,7 +24,7 @@
 /* Sub Heading */
 @subHeadingDistance: @2px;
 @subHeadingFontSize: @relativeTiny;
-@subHeadingFontWeight: bold;
+@subHeadingFontWeight: @bold;
 @subHeadingTextTransform: uppercase;
 @subHeadingColor: '';