less-rails-semantic_ui 1.8.1.0 → 1.9.0.0

data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides

@@ -14,14 +14,14 @@
      Browse
 ---------------*/
 
-.browse.transition.in {
+.transition.browse.in {
   animation-name: browseIn;
 }
-.browse.transition.out,
-.browse.transition.out.left {
+.transition.browse.out,
+.transition.browse.left.out {
   animation-name: browseOutLeft;
 }
-.browse.transition.out.right {
+.transition.browse.right.out {
   animation-name: browseOutRight;
 }
 
@@ -131,32 +131,32 @@
 .transition.fade.in {
   animation-name: fadeIn;
 }
-.transition.fade.in.up {
+.transition[class*="fade up"].in {
   animation-name: fadeInUp;
 }
-.transition.fade.in.down {
+.transition[class*="fade down"].in {
   animation-name: fadeInDown;
 }
-.transition.fade.in.left {
+.transition[class*="fade left"].in {
   animation-name: fadeInLeft;
 }
-.transition.fade.in.right {
+.transition[class*="fade right"].in {
   animation-name: fadeInRight;
 }
 
 .transition.fade.out {
   animation-name: fadeOut;
 }
-.transition.fade.out.up {
+.transition[class*="fade up"].out {
   animation-name: fadeOutUp;
 }
-.transition.fade.out.down {
+.transition[class*="fade down"].out {
   animation-name: fadeOutDown;
 }
-.transition.fade.out.left {
+.transition[class*="fade left"].out {
   animation-name: fadeOutLeft;
 }
-.transition.fade.out.right {
+.transition[class*="fade right"].out {
   animation-name: fadeOutRight;
 }
 
@@ -364,6 +364,7 @@
       Fly
 ---------------*/
 
+/* Inward */
 .transition.fly {
   animation-duration: 0.6s;
   transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
@@ -371,33 +372,35 @@
 .transition.fly.in {
   animation-name: flyIn;
 }
-.transition.fly.in.up {
+.transition[class*="fly up"].in {
   animation-name: flyInUp;
 }
-.transition.fly.in.down {
+.transition[class*="fly down"].in {
   animation-name: flyInDown;
 }
-.transition.fly.in.right {
-  animation-name: flyInRight;
-}
-.transition.fly.in.left {
+.transition[class*="fly left"].in {
   animation-name: flyInLeft;
 }
+.transition[class*="fly right"].in {
+  animation-name: flyInRight;
+}
+
+/* Outward */
 .transition.fly.out {
   animation-name: flyOut;
 }
-.transition.fly.out.up {
+.transition[class*="fly up"].out {
   animation-name: flyOutUp;
 }
-.transition.fly.out.down {
+.transition[class*="fly down"].out {
   animation-name: flyOutDown;
 }
-.transition.fly.out.right {
-  animation-name: flyOutRight;
-}
-.transition.fly.out.left {
+.transition[class*="fly left"].out {
   animation-name: flyOutLeft;
 }
+.transition[class*="fly right"].out {
+  animation-name: flyOutRight;
+}
 
 /* In */
 @keyframes flyIn {
@@ -566,37 +569,37 @@
 ---------------*/
 
 .transition.slide.in,
-.transition.slide.in.down {
+.transition[class*="slide down"].in {
   animation-name: slideInY;
   transform-origin: top center;
 }
-.transition.slide.in.up {
+.transition[class*="slide up"].in {
   animation-name: slideInY;
   transform-origin: bottom center;
 }
-.transition.slide.in.left {
+.transition[class*="slide left"].in {
   animation-name: slideInX;
   transform-origin: center right;
 }
-.transition.slide.in.right {
+.transition[class*="slide right"].in {
   animation-name: slideInX;
   transform-origin: center left;
 }
 
 .transition.slide.out,
-.transition.slide.out.down {
+.transition[class*="slide down"].out {
   animation-name: slideOutY;
   transform-origin: top center;
 }
-.transition.slide.out.up {
+.transition[class*="slide up"].out {
   animation-name: slideOutY;
   transform-origin: bottom center;
 }
-.transition.slide.out.left {
+.transition[class*="slide left"].out {
   animation-name: slideOutX;
   transform-origin: center right;
 }
-.transition.slide.out.right {
+.transition[class*="slide right"].out {
   animation-name: slideOutX;
   transform-origin: center left;
 }
@@ -650,45 +653,40 @@
      Swing
 ---------------*/
 
-.transition.swing {
-  perspective: 1000px;
-  animation-duration: 0.5s;
-  transition-timing-function: ease-in;
-}
 .transition.swing.in,
-.transition.swing.in.down {
+.transition[class*="swing down"].in {
+  animation-name: swingInY;
   transform-origin: top center;
-  animation-name: swingInX;
 }
-.transition.swing.in.up {
-  transform-origin:bottom center;
-  animation-name: swingInX;
+.transition[class*="swing up"].in {
+  animation-name: swingInY;
+  transform-origin: bottom center;
 }
-.transition.swing.in.left {
+.transition[class*="swing left"].in {
+  animation-name: swingInX;
   transform-origin: center right;
-  animation-name: swingInY;
 }
-.transition.swing.in.right {
+.transition[class*="swing right"].in {
+  animation-name: swingInX;
   transform-origin: center left;
-  animation-name: swingInY;
 }
 
-.transition.swing.out.down,
-.transition.swing.out {
+.transition.swing.out,
+.transition[class*="swing down"].out {
+  animation-name: swingOutY;
   transform-origin: top center;
-  animation-name: swingOutDown;
 }
-.transition.swing.out.up {
-  transform-origin:bottom center;
-  animation-name: swingOutUp;
+.transition[class*="swing up"].out {
+  animation-name: swingOutY;
+  transform-origin: bottom center;
 }
-.transition.swing.out.left {
+.transition[class*="swing left"].out {
+  animation-name: swingOutX;
   transform-origin: center right;
-  animation-name: swingOutLeft;
 }
-.transition.swing.out.right {
+.transition[class*="swing right"].out {
+  animation-name: swingOutX;
   transform-origin: center left;
-  animation-name: swingOutRight;
 }
 
 /* In */

data/assets/stylesheets/semantic_ui/themes/default/views/card.variables

@@ -7,13 +7,13 @@
 --------------------*/
 
 /* Shadow */
-@shadowDistance: 0.2em;
+@shadowDistance: 3px;
 @shadowBoxShadow: 0px @shadowDistance 0px 0px @solidBorderColor;
 
 /* Item */
+@display: flex;
 @background: #FFFFFF;
 @borderRadius: @defaultBorderRadius;
-@display: block;
 @margin: 1em 0em;
 @minHeight: 0px;
 @padding: 0em;
@@ -29,12 +29,13 @@
 @transition: box-shadow @transitionDuration @transitionEasing;
 
 /* Item Group */
-@groupDisplay: block;
-@groupFloat: left;
-@horizontalSpacing: 0.5em;
+@horizontalSpacing: 1em;
 @rowSpacing: 1.5em;
-@groupCardsMargin: 1em -@horizontalSpacing 0em;
-@groupCardMargin: 0em @horizontalSpacing @rowSpacing;
+@groupDisplay: flex;
+@groupCardDisplay: flex;
+@groupFloat: none;
+@groupCardsMargin: -(@rowSpacing / 2) -(@horizontalSpacing / 2);
+@groupCardMargin: (@rowSpacing / 2) (@horizontalSpacing / 2);
 
 /*-------------------
        Content
@@ -74,10 +75,12 @@
 @actionOpacity: 0.75;
 @actionHoverOpacity: 1;
 @actionTransition: color @transitionDuration @transitionEasing;
-@starColor: #AC9400;
-@starActiveColor: #E9B539;
-@likeColor: #FFADAE;
-@likeActiveColor: #EF404A;
+
+@starColor: #FFB70A;
+@starActiveColor: #FFE623;
+
+@likeColor: #FF2733;
+@likeActiveColor: #FF2733;
 
 /* Links */
 @contentLinkColor: '';
@@ -95,11 +98,11 @@
 @descriptionColor: rgba(0, 0, 0, 0.5);
 
 /* Content Image */
-@contentImageWidth: 2em;
+@contentImageWidth: auto;
 @contentImageVerticalAlign: middle;
 
 /* Avatar Image */
-@avatarSize: @contentImageWidth;
+@avatarSize: 2.5em;
 @avatarBorderRadius: @circularRadius;
 
 /* Paragraph */
@@ -123,8 +126,8 @@
 @extraLinkHoverColor: @linkHoverColor;
 
 /* Buttons */
-@buttonMargin: 0em -@borderWidth -@shadowDistance;
-@buttonWidth: ~"calc(100% + "(@borderWidth * 2)~")";
+@buttonMargin: 0em 0em -1px;
+@buttonWidth: 100%;
 
 /*-------------------
       Variations

data/lib/generators/semantic_ui/install/templates/theme.config

@@ -1,24 +1,11 @@
 
 
-/*******************************
-            Folders
-*******************************/
-
-/* Path to theme packages */
-@themesFolder : 'semantic_ui/themes/';
-
-/* Path to site override folder */
-@siteFolder  : 'semantic_ui/config/';
-
-
 /*******************************
         Theme Selection
 *******************************/
 
 /* To override a theme for an individual element
    specify theme name below
-
-   Be sure to update the user folder name (see README)
 */
 
 /* Global */
@@ -75,6 +62,27 @@
 @item       : 'default';
 @statistic  : 'default';
 
+/*******************************
+            Folders
+*******************************/
+
+/* Path to theme packages */
+@themesFolder : 'semantic_ui/themes/';
+
+/* Path to site override folder */
+@siteFolder  : 'semantic_ui/config/';
+
+
+/*******************************
+            Folders
+*******************************/
+
+/* Path to theme packages */
+@themesFolder : 'semantic_ui/themes/';
+
+/* Path to site override folder */
+@siteFolder  : 'semantic_ui/config/';
+
 
 /*******************************
          Import Theme

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

@@ -9,7 +9,7 @@ module Less
           %w(stylesheets javascripts fonts images).each do |sub|
             app.config.assets.paths << root.join('assets', sub).to_s
           end
-          app.config.assets.precompile << %r(semantic_ui/themes/.*\.(?:eot|svg|ttf|woff|png|gif)$)
+          app.config.assets.precompile << %r(semantic_ui/themes/.*\.(?:eot|svg|ttf|woff|woff2|png|gif)$)
         end
 
       end

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

@@ -1,7 +1,7 @@
 module Less
   module Rails
     module SemanticUI
-      VERSION = '1.8.1.0'
+      VERSION = '1.9.0.0'
     end
   end
 end

data/tasks/update.rake

@@ -53,7 +53,7 @@ namespace :update do
   end
 
   def transform_themes
-    Dir[File.join(paths.tmp_semantic_ui_themes, '**/*.{eot,otf,svg,ttf,woff}')].each do |src|
+    Dir[File.join(paths.tmp_semantic_ui_themes, '**/*.{eot,otf,svg,ttf,woff,woff2}')].each do |src|
       copy_tree(src, File.dirname(paths.tmp_semantic_ui_themes), paths.fonts)
     end
 
@@ -108,7 +108,7 @@ namespace :update do
 
   def patch_paths_to_theme_config
     patch(File.join(paths.stylesheets, 'definitions', '**/*.less')) do |content|
-      must_be_changed(content) { |c| c.gsub(%q{@import '../../theme.config';}, %q{@import 'semantic_ui/theme.config';}) }
+      must_be_changed(content) { |c| c.gsub(%q{@import (multiple) '../../theme.config';}, %q{@import (multiple) 'semantic_ui/theme.config';}) }
     end
   end
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: less-rails-semantic_ui
 version: !ruby/object:Gem::Version
-  version: 1.8.1.0
+  version: 1.9.0.0
 platform: ruby
 authors:
 - Maxim Dobryakov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-26 00:00:00.000000000 Z
+date: 2015-02-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: less-rails
@@ -163,6 +163,7 @@ files:
 - assets/fonts/semantic_ui/themes/default/assets/fonts/icons.svg
 - assets/fonts/semantic_ui/themes/default/assets/fonts/icons.ttf
 - assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff
+- assets/fonts/semantic_ui/themes/default/assets/fonts/icons.woff2
 - assets/images/semantic_ui/themes/default/assets/images/flags.png
 - assets/javascripts/semantic_ui/definitions/behaviors/api.js
 - assets/javascripts/semantic_ui/definitions/behaviors/colorize.js
@@ -537,7 +538,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5
+rubygems_version: 2.4.3
 signing_key: 
 specification_version: 4
 summary: Semantic UI assets for Rails