less-rails-semantic_ui 2.0.2.0 → 2.0.5.0

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

@@ -174,7 +174,7 @@
      Actions
 ---------------*/
 
-.ui.modal .actions {
+.ui.modal > .actions {
   background: @actionBackground;
   padding: @actionPadding;
   border-top: @actionBorder;

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

@@ -275,6 +275,13 @@
   max-width: @veryWideWidth;
 }
 
+@media only screen and (max-width: @largestMobileScreen) {
+  .ui.wide.popup,
+  .ui[class*="very wide"].popup {
+    max-width: @maxWidth;
+  }
+}
+
 
 /*--------------
      Fluid

data/assets/stylesheets/semantic_ui/themes/basic/elements/step.overrides

@@ -4,4 +4,7 @@
 
 .ui.steps .step:after {
   display: none !important;
+}
+.ui.steps .step {
+  border-radius: 500px !important;
 }

data/assets/stylesheets/semantic_ui/themes/basic/elements/step.variables

@@ -2,9 +2,17 @@
    Step Variables
 --------------------*/
 
+/* Stepss */
+@stepsBorder: none;
+@stepsBorderRadius: @circularRadius;
+
+/* Step */
+@border: none;
+@divider: none;
 @background: transparent;
-@borderRadius: 500em;
-@boxShadow: none;
+@borderRadius: @circularRadius;
+@iconDistance: 0.8em;
+@arrowDisplay: none;
 
-@activeBackground: #E5E5E5;
-@iconDistance: 0.8em;
+@activeBackground: @midWhite;
+@activeArrowDisplay: none;

data/assets/stylesheets/semantic_ui/themes/colored/modules/checkbox.variables

@@ -2,13 +2,25 @@
 @checkboxActiveBackground: @primaryColor;
 @checkboxActiveBorderColor: @primaryColor;
 @checkboxActiveCheckColor: @white;
+
+@checkboxActiveFocusBackground: @primaryColorFocus;
+@checkboxActiveFocusBorderColor: @primaryColorFocus;
+@checkboxActiveFocusCheckColor: @white;
+
 @checkboxTransition: none;
 
+/* Radio */
+@radioActiveBackground: @white;
+@radioActiveBorderColor: @primaryColor;
+@radioActiveBulletColor: @primaryColor;
+
+@radioActiveFocusBackground: @white;
+@radioActiveFocusBorderColor: @primaryColorFocus;
+@radioActiveFocusBulletColor: @primaryColorFocus;
+
 /* Slider */
 @sliderOnLineColor: @primaryColor;
-
-/* Radio */
-@radioActiveBulletColor @primaryColor;
+@sliderOnFocusLineColor: @primaryColorFocus;
 
 /* Handle */
 @handleBackground: @white @subtleGradient;

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

@@ -110,7 +110,7 @@
 
 
 /* Input Error */
-@inputErrorBorderRadius: @inputBorderRadius;
+@inputErrorBorderRadius: '';
 @inputErrorBoxShadow: none;
 
 /* Dropdown Error */

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

@@ -2,21 +2,14 @@
              Menu
 *******************************/
 
-
-/*-------------------
-    Globals Used
---------------------*/
-
-// @textColor
-// @borderColor
-// @invertedUnselectedTextColor
-
 /*-------------------
       Collection
 --------------------*/
 
 /* Menu */
-@margin: 1em 0rem;
+@verticalMargin: @medium;
+@horizontalMargin: 0em;
+@margin: @verticalMargin @horizontalMargin;
 @background: #FFFFFF;
 @fontFamily: @pageFont;
 @itemBackground: none;
@@ -419,8 +412,16 @@
 @floatedDistance: 0.5rem;
 
 /* Attached */
+@attachedTopOffset: 0px;
+@attachedBottomOffset: 0px;
+@attachedHorizontalOffset: -@borderWidth;
+@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
 @attachedBoxShadow: none;
-@attachedWidth: ~"calc(100% + "@borderWidth * 2~")";
+@attachedBorder: @borderWidth solid @solidBorderColor;
+@attachedBottomBoxShadow:
+  @boxShadow,
+  @attachedBoxShadow
+;
 
 /* Sizes */
 @smallWidth: 13rem;

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

@@ -143,9 +143,16 @@
 ---------------*/
 
 /* Attached */
-@attachedHorizontalOffset: -1px;
+@attachedTopOffset: 0px;
+@attachedBottomOffset: 0px;
+@attachedHorizontalOffset: -@borderWidth;
+@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
 @attachedBoxShadow: none;
-@attachedTableWidth: ~"calc(100% + "@attachedHorizontalOffset * -2~")";
+@attachedBorder: @borderWidth solid @solidBorderColor;
+@attachedBottomBoxShadow:
+  @boxShadow,
+  @attachedBoxShadow
+;
 
 /* Striped */
 @stripedBackground: rgba(0, 0, 50, 0.02);
@@ -194,8 +201,10 @@
 @invertedBorder: none;
 @invertedCellBorderColor: @whiteBorderColor;
 @invertedCellColor: @invertedTextColor;
+
 @invertedHeaderBackground: @veryStrongTransparentBlack;
 @invertedHeaderColor: @invertedTextColor;
+@invertedHeaderBorderColor: @invertedCellBorderColor;
 
 @invertedDefinitionColumnBackground: @subtleTransparentWhite;
 @invertedDefinitionColumnColor: @invertedSelectedTextColor;

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

@@ -235,6 +235,8 @@ i.icon.cube:before { content: "\f1b2"; }
 i.icon.cubes:before { content: "\f1b3"; }
 i.icon.circle.notched:before { content: "\f1ce"; }
 i.icon.circle.thin:before { content: "\f1db"; }
+i.icon.square.outline:before { content: "\f096"; }
+i.icon.square:before { content: "\f0c8"; }
 
 /* Item Selection */
 i.icon.checkmark:before { content: "\f00c"; }

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

@@ -78,9 +78,7 @@
 @tallStackedPadding: @verticalPadding + (0.8em);
 
 /* Raised */
-@raisedBoxShadow:
-  @floatingShadow
-;
+@raisedBoxShadow: @floatingShadow;
 
 /* Padded */
 @paddedSegmentPadding: 1.5em;
@@ -94,10 +92,13 @@
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:
-  @attachedBoxShadow,
-  @subtleShadow
+  @boxShadow,
+  @attachedBoxShadow
 ;
 
+/* Inverted */
+@invertedBackground: @black;
+
 /* Floated */
 @floatedDistance: 1em;
 

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

@@ -29,7 +29,6 @@
   color @defaultDuration @defaultEasing,
   box-shadow @defaultDuration @defaultEasing
 ;
-@borderRadius: @defaultBorderRadius;
 @lineHeight: @relativeLarge;
 @alignItems: center;
 @justifyContent: center;
@@ -66,9 +65,11 @@
 @arrowBorderWidth: 0px @borderWidth @borderWidth 0px;
 
 @arrowDisplay: block;
-@activeArrowDisplay: block;
 @lastArrowDisplay: none;
 
+@activeArrowDisplay: block;
+@activeLastArrowDisplay: none;
+
 /* Mobile */
 @mobileIconDistance: @iconDistance;
 
@@ -83,8 +84,10 @@
 @verticalArrowBorderWidth: 0px @borderWidth @borderWidth 0px;
 
 @verticalArrowDisplay: none;
+@verticalLastArrowDisplay: @verticalArrowDisplay;
+
 @verticalActiveArrowDisplay: block;
-@verticalLastArrowDisplay: block;
+@verticalActiveLastArrowDisplay: block;
 
 /*-------------------
       Variations

data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables

@@ -456,15 +456,16 @@
 
 @circularRadius                : 500rem;
 
-@borderColor                   : rgba(34, 36, 38, 0.15);
-@strongBorderColor             : rgba(34, 36, 38, 0.22);
-@internalBorderColor           : rgba(34, 36, 38, 0.1);
-@selectedBorderColor           : rgba(34, 36, 38, 0.35);
-@disabledBorderColor           : rgba(34, 36, 38, 0.5);
-
-@solidInternalBorderColor      : #FAFAFA;
-@solidBorderColor              : #D4D4D5;
-@solidSelectedBorderColor      : #BCBDBD;
+@borderColor               : rgba(34, 36, 38, 0.15);
+@strongBorderColor         : rgba(34, 36, 38, 0.22);
+@internalBorderColor       : rgba(34, 36, 38, 0.1);
+@selectedBorderColor       : rgba(34, 36, 38, 0.35);
+@strongSelectedBorderColor : rgba(34, 36, 38, 0.5);
+@disabledBorderColor       : rgba(34, 36, 38, 0.5);
+
+@solidInternalBorderColor  : #FAFAFA;
+@solidBorderColor          : #D4D4D5;
+@solidSelectedBorderColor  : #BCBDBD;
 
 @whiteBorderColor              : rgba(255, 255, 255, 0.1);
 @selectedWhiteBorderColor      : rgba(255, 255, 255, 0.8);

data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables

@@ -47,18 +47,23 @@
 @checkboxPressedColor: @selectedTextColor;
 @labelPressedColor: @selectedTextColor;
 
-/* Focused */
-@checkboxFocusedBackground: @offWhite;
-@checkboxFocusedBorderColor: @selectedBorderColor;
-@checkboxFocusedColor: @selectedTextColor;
-@labelFocusedColor: @selectedTextColor;
+/* Focus */
+@checkboxFocusBackground: @offWhite;
+@checkboxFocusBorderColor: @selectedBorderColor;
+@checkboxFocusCheckColor: @selectedTextColor;
+@labelFocusColor: @selectedTextColor;
 
 /* Active */
+@labelActiveColor: @selectedTextColor;
 @checkboxActiveBackground: @white;
 @checkboxActiveBorderColor: @selectedBorderColor;
-@checkboxActiveCheckOpacity: 1;
 @checkboxActiveCheckColor: @selectedTextColor;
-@labelActiveColor: @selectedTextColor;
+@checkboxActiveCheckOpacity: 1;
+
+/* Active Focus */
+@checkboxActiveFocusBackground: @offWhite;
+@checkboxActiveFocusBorderColor: @strongSelectedBorderColor;
+@checkboxActiveFocusCheckColor: @selectedTextColor;
 
 /* Indeterminate */
 @checkboxIndeterminateBackground: @checkboxActiveBackground;
@@ -84,13 +89,19 @@
 
 @bulletTop: 1px;
 @bulletLeft: 0px;
-@bulletScale: (7 / 15); /* 8px as unitless value from radio size */
+@bulletScale: (7 / 15); /* 7px as unitless value from radio size */
 @bulletColor: @textColor;
 @bulletRadius: @circularRadius;
 
-@radioActiveBackground: @white;
+@radioFocusBackground: @checkboxFocusBackground;
+@radioFocusBulletColor: @checkboxFocusCheckColor;
+
+@radioActiveBackground: @checkboxActiveBackground;
 @radioActiveBulletColor: @checkboxActiveCheckColor;
 
+@radioActiveFocusBackground: @checkboxActiveFocusBackground;
+@radioActiveFocusBulletColor: @checkboxActiveFocusCheckColor;
+
 /* Slider & Toggle Handle */
 @handleBackground: @white @subtleGradient;
 @handleBoxShadow:
@@ -120,13 +131,19 @@
 @sliderLabelDistance: @sliderLineWidth + 1rem;
 @sliderOffLabelColor: @unselectedTextColor;
 
-@sliderOnLineColor: @lightBlack;
-@sliderOnLabelColor: @selectedTextColor;
 @sliderLabelLineHeight: 1rem;
 
+/* Slider States */
 @sliderHoverLaneBackground: @veryStrongTransparentBlack;
 @sliderHoverLabelColor: @hoveredTextColor;
 
+@sliderOnLineColor: @lightBlack;
+@sliderOnLabelColor: @selectedTextColor;
+
+@sliderOnFocusLineColor: @lightBlackFocus;
+@sliderOnFocusLabelColor: @sliderOnLabelColor;
+
+
 
 /* Toggle */
 @toggleLaneWidth: 3.5rem;
@@ -158,9 +175,13 @@
 @toggleHoverColor: @toggleFocusColor;
 
 @toggleOffLabelColor: @checkboxColor;
+
 @toggleOnLabelColor: @selectedTextColor;
 @toggleOnLaneColor: @primaryColor;
 
+@toggleOnFocusLaneColor: @primaryColorFocus;
+@toggleOnFocusLabelColor: @toggleOnLabelColor;
+
 
 
 /*-------------------

data/assets/stylesheets/semantic_ui/themes/github/elements/segment.variables

@@ -13,7 +13,6 @@
 @verticalPadding: 20px;
 @horizontalPadding: 20px;
 
-@margin: 1em;
 @borderRadius: 4px;
 
 /*******************************

data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables

@@ -6,6 +6,11 @@
 @background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.07));
 @verticalPadding: 1em;
 
+@arrowDisplay: none;
+@lastArrowDisplay: none;
+@activeArrowDisplay: block;
+@activeLastArrowDisplay: block;
+
 /* Group */
 @stepsBackground: #FFFFFF;
 @stepsBoxShadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
@@ -17,4 +22,5 @@
 /* Arrow */
 @arrowTopOffset: 100%;
 @arrowRightOffset: 50%;
-@arrowBorderColor: rgba(0, 0, 0, 0.2);
+@arrowBorderColor: rgba(0, 0, 0, 0.2);
+@arrowBorderWidth: 0px 0px @borderWidth @borderWidth;

data/less-rails-semantic_ui.gemspec

@@ -10,7 +10,7 @@ Gem::Specification.new do |spec|
   spec.email         = ['maxim.dobryakov@gmail.com']
   spec.summary       = %q{Semantic UI assets for Rails}
   spec.description   = %q{This is a gem for Rails with Semantic UI assets inside.}
-  spec.homepage      = 'https://github.com/maxd/less-rails-semantic_ui'
+  spec.homepage      = 'https://github.com/Semantic-Org/Semantic-UI-Rails-LESS'
   spec.license       = 'MIT'
 
   spec.files         = `git ls-files -z`.split("\x0")

data/lib/less/rails/semantic_ui/version.rb

@@ -1,7 +1,7 @@
 module Less
   module Rails
     module SemanticUI
-      VERSION = '2.0.2.0'
+      VERSION = '2.0.5.0'
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: less-rails-semantic_ui
 version: !ruby/object:Gem::Version
-  version: 2.0.2.0
+  version: 2.0.5.0
 platform: ruby
 authors:
 - Maxim Dobryakov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-07-10 00:00:00.000000000 Z
+date: 2015-07-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: less-rails
@@ -540,7 +540,7 @@ files:
 - tasks/templates/semantic_ui.css.erb
 - tasks/templates/semantic_ui.js.erb
 - tasks/update.rake
-homepage: https://github.com/maxd/less-rails-semantic_ui
+homepage: https://github.com/Semantic-Org/Semantic-UI-Rails-LESS
 licenses:
 - MIT
 metadata: {}