semantic-ui-sass 2.3.1.1 → 2.4.3.0

data/app/assets/stylesheets/semantic-ui/modules/_nag.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Nag
+ * # Semantic UI 2.4.2 - Nag
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_popup.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Popup
+ * # Semantic UI 2.4.2 - Popup
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -669,7 +669,7 @@
 .ui[class*="very wide"].popup {
   max-width: 550px;
 }
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.wide.popup,
   .ui[class*="very wide"].popup {
     max-width: 250px;

data/app/assets/stylesheets/semantic-ui/modules/_progress.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Progress Bar
+ * # Semantic UI 2.4.2 - Progress Bar
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_rating.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Rating
+ * # Semantic UI 2.4.2 - Rating
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_search.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Search
+ * # Semantic UI 2.4.2 - Search
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -61,6 +61,8 @@
   -webkit-transform-origin: center top;
           transform-origin: center top;
   white-space: normal;
+  text-align: left;
+  text-transform: none;
   background: #FFFFFF;
   margin-top: 0.5em;
   width: 18em;
@@ -424,7 +426,7 @@
       Mobile
 ---------------*/
 
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.search .results {
     max-width: calc(100vw - 2rem);
   }

data/app/assets/stylesheets/semantic-ui/modules/_shape.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Shape
+ * # Semantic UI 2.4.2 - Shape
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Sidebar
+ * # Semantic UI 2.4.2 - Sidebar
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Sticky
+ * # Semantic UI 2.4.2 - Sticky
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_tab.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Tab
+ * # Semantic UI 2.4.2 - Tab
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/modules/_transition.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Transition
+ * # Semantic UI 2.4.2 - Transition
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/views/_ad.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Ad
+ * # Semantic UI 2.4.2 - Ad
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -223,7 +223,7 @@
 .ui.mobile.ad {
   display: none;
 }
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.mobile.ad {
     display: block;
   }

data/app/assets/stylesheets/semantic-ui/views/_card.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Item
+ * # Semantic UI 2.4.2 - Item
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -787,7 +787,7 @@ a.ui.card:hover,
 
 
 /* Mobile Only */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.two.doubling.cards {
     margin-left: 0em;
     margin-right: 0em;
@@ -872,7 +872,7 @@ a.ui.card:hover,
 }
 
 /* Tablet Only */
-@media only screen and (min-width: 768px) and (max-width: 991px) {
+@media only screen and (min-width: $tablet-breakpoint) and (max-width: $largest-tablet-screen) {
   .ui.two.doubling.cards {
     margin-left: 0em;
     margin-right: 0em;
@@ -960,7 +960,7 @@ a.ui.card:hover,
       Stackable
 --------------------*/
 
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.stackable.cards {
     display: block !important;
   }

data/app/assets/stylesheets/semantic-ui/views/_comment.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Comment
+ * # Semantic UI 2.4.2 - Comment
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/views/_feed.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Feed
+ * # Semantic UI 2.4.2 - Feed
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/views/_item.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Item
+ * # Semantic UI 2.4.2 - Item
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -340,7 +340,7 @@
 }
 
 /* Tablet Only */
-@media only screen and (min-width: 768px) and (max-width: 991px) {
+@media only screen and (min-width: $tablet-breakpoint) and (max-width: $largest-tablet-screen) {
   .ui.items > .item {
     margin: 1em 0em;
   }
@@ -354,7 +354,7 @@
 }
 
 /* Mobile Only */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.items:not(.unstackable) > .item {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -467,7 +467,7 @@
    Unstackable
 ----------------*/
 
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.unstackable.items > .item > .image,
   .ui.unstackable.items > .item > .image > img {
     width: 125px !important;

data/app/assets/stylesheets/semantic-ui/views/_statistic.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Statistic
+ * # Semantic UI 2.4.2 - Statistic
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -64,14 +64,14 @@
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  margin: 0em 1.5em 2em;
+  margin: 0em 1.5em 1em;
   max-width: auto;
 }
 .ui.statistics {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  margin: 1em -1.5em -2em;
+  margin: 1em -1.5em -1em;
 }
 
 /* Clearing */
@@ -86,9 +86,6 @@
 .ui.statistics:first-child {
   margin-top: 0em;
 }
-.ui.statistics:last-child {
-  margin-bottom: 0em;
-}
 
 
 /*******************************
@@ -191,74 +188,74 @@
 ---------------*/
 
 .ui.ten.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.ten.statistics .statistic {
   min-width: 10%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 .ui.nine.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.nine.statistics .statistic {
   min-width: 11.11111111%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 .ui.eight.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.eight.statistics .statistic {
   min-width: 12.5%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 .ui.seven.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.seven.statistics .statistic {
   min-width: 14.28571429%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 .ui.six.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.six.statistics .statistic {
   min-width: 16.66666667%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 .ui.five.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.five.statistics .statistic {
   min-width: 20%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 .ui.four.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.four.statistics .statistic {
   min-width: 25%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 .ui.three.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.three.statistics .statistic {
   min-width: 33.33333333%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 .ui.two.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.two.statistics .statistic {
   min-width: 50%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 .ui.one.statistics {
-  margin: 0em 0em -2em;
+  margin: 0em 0em -1em;
 }
 .ui.one.statistics .statistic {
   min-width: 100%;
-  margin: 0em 0em 2em;
+  margin: 0em 0em 1em;
 }
 
 /*--------------

data/lib/semantic-ui-sass.rb

@@ -51,8 +51,8 @@ module Semantic
         end
 
         def configure_sass
-          require 'sass'
-          ::Sass.load_paths << stylesheets_path
+          require 'sassc'
+          ::SassC.load_paths << stylesheets_path
         end
 
       end

data/lib/semantic/ui/sass/version.rb

@@ -1,8 +1,8 @@
 module Semantic
   module Ui
     module Sass
-      VERSION = "2.3.1.1"
-      SEMANTIC_UI_SHA = '6dbc09a8737b691bb3d3314e068570c728d2df9f'
+      VERSION = "2.4.3.0"
+      SEMANTIC_UI_SHA = "3989d7243c514f9018a55eb53cb34daf3bbf5a26"
     end
   end
 end

data/semantic-ui-sass.gemspec

@@ -20,8 +20,8 @@ Gem::Specification.new do |spec|
 
   spec.add_development_dependency "bundler", ">= 1.3"
   spec.add_development_dependency "rake"
-  spec.add_runtime_dependency     'sass',       '>= 3.2'
-  spec.add_development_dependency 'sass-rails', '>= 3.2'
+  spec.add_runtime_dependency     'sassc'
+  spec.add_development_dependency 'sassc-rails'
   spec.add_development_dependency 'sprockets-rails', '>= 2.1.3'
   spec.add_development_dependency 'pry'
   spec.add_development_dependency 'dotenv'

data/spec/dummy/app/assets/config/manifest.js

@@ -0,0 +1,3 @@
+//= link_tree ../images
+//= link_directory ../javascripts .js
+//= link_directory ../stylesheets .css

data/tasks/converter.rb

@@ -30,7 +30,7 @@ class Converter
   def process
     # process_stylesheets_assets
 
-    # process_images_and_fonts_assets
+    process_images_and_fonts_assets
     # store_version
 
     checkout_repository
@@ -56,6 +56,17 @@ class Converter
     system %Q{cd '#{paths.tmp_semantic_ui}' && git checkout --quiet #{version}}
   end
 
+  def process_images_and_fonts_assets
+    fonts = File.join(paths.tmp_semantic_ui_dist, 'themes/default/assets/fonts', '*')
+    Dir[fonts].each do |src|
+      FileUtils.cp(src, paths.fonts)
+    end
+    images = File.join(paths.tmp_semantic_ui_dist, 'themes/default/assets/images', '*')
+    Dir[images].each do |src|
+      FileUtils.cp(src, paths.images)
+    end
+  end
+
   def process_stylesheets_assets
           # content = ""
     Dir[File.join(paths.tmp_semantic_ui_definitions, '*')].each do |path|
@@ -112,6 +123,7 @@ private
     file = replace_font_family(file)
     file = replace_image_urls(file)
     file = replace_image_paths(file)
+    file = add_breakpoint_variables(file)
 
     file
   end
@@ -168,6 +180,21 @@ private
     less.gsub('../themes/default/assets/images/', 'semantic-ui/')
   end
 
+  def add_breakpoint_variables(css)
+    css = css.gsub('(min-width: 320px)', '(min-width: $mobile-breakpoint)')
+    css = css.gsub('max-width: 767px', 'max-width: $largest-mobile-screen')
+
+    css = css.gsub('min-width: 768px', 'min-width: $tablet-breakpoint')
+    css = css.gsub('max-width: 991px', 'max-width: $largest-tablet-screen')
+
+    css = css.gsub('min-width: 992px', 'min-width: $computer-breakpoint')
+    css = css.gsub('max-width: 1199px', 'max-width: $largest-small-monitor')
+
+    css = css.gsub('min-width: 1200px', 'min-width: $large-monitor-breakpoint')
+    css = css.gsub('max-width: 1919px', 'max-width: $largest-large-monitor')
+
+    css = css.gsub('min-width: 1920px', 'min-width: $widescreen-monitor-breakpoint')
+  end
 end
 
 class Paths
@@ -202,4 +229,4 @@ class Paths
      @javascripts = File.join(@app, 'assets', 'javascripts', 'semantic-ui')
      @stylesheets = File.join(@app, 'assets', 'stylesheets', 'semantic-ui')
    end
- end
+ end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 2.3.1.1
+  version: 2.4.3.0
 platform: ruby
 authors:
 - doabit
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2018-03-31 00:00:00.000000000 Z
+date: 2021-05-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -39,33 +39,33 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: sass
+  name: sassc
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: sass-rails
+  name: sassc-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: sprockets-rails
   requirement: !ruby/object:Gem::Requirement
@@ -177,6 +177,11 @@ files:
 - app/assets/fonts/semantic-ui/icons.ttf
 - app/assets/fonts/semantic-ui/icons.woff
 - app/assets/fonts/semantic-ui/icons.woff2
+- app/assets/fonts/semantic-ui/outline-icons.eot
+- app/assets/fonts/semantic-ui/outline-icons.svg
+- app/assets/fonts/semantic-ui/outline-icons.ttf
+- app/assets/fonts/semantic-ui/outline-icons.woff
+- app/assets/fonts/semantic-ui/outline-icons.woff2
 - app/assets/images/semantic-ui/flags.png
 - app/assets/javascripts/semantic-ui.js
 - app/assets/javascripts/semantic-ui/accordion.js
@@ -214,6 +219,7 @@ files:
 - app/assets/stylesheets/semantic-ui/elements/_all.scss
 - app/assets/stylesheets/semantic-ui/elements/_button.scss
 - app/assets/stylesheets/semantic-ui/elements/_container.scss
+- app/assets/stylesheets/semantic-ui/elements/_container_variables.scss
 - app/assets/stylesheets/semantic-ui/elements/_divider.scss
 - app/assets/stylesheets/semantic-ui/elements/_flag.scss
 - app/assets/stylesheets/semantic-ui/elements/_header.scss
@@ -223,6 +229,7 @@ files:
 - app/assets/stylesheets/semantic-ui/elements/_label.scss
 - app/assets/stylesheets/semantic-ui/elements/_list.scss
 - app/assets/stylesheets/semantic-ui/elements/_loader.scss
+- app/assets/stylesheets/semantic-ui/elements/_placeholder.scss
 - app/assets/stylesheets/semantic-ui/elements/_rail.scss
 - app/assets/stylesheets/semantic-ui/elements/_reveal.scss
 - app/assets/stylesheets/semantic-ui/elements/_segment.scss
@@ -267,6 +274,7 @@ files:
 - semantic-ui-sass.gemspec
 - spec/dummy/README.rdoc
 - spec/dummy/Rakefile
+- spec/dummy/app/assets/config/manifest.js
 - spec/dummy/app/assets/images/.keep
 - spec/dummy/app/assets/javascripts/application.js
 - spec/dummy/app/assets/stylesheets/application.css
@@ -313,7 +321,7 @@ homepage: http://github.com/doabit/semantic-ui-sass
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -328,15 +336,15 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.4
-signing_key: 
+rubygems_version: 3.2.3
+signing_key:
 specification_version: 4
 summary: Semantic UI, converted to Sass and ready to drop into Rails, Compass, or
   Sprockets.
 test_files:
 - spec/dummy/README.rdoc
 - spec/dummy/Rakefile
+- spec/dummy/app/assets/config/manifest.js
 - spec/dummy/app/assets/images/.keep
 - spec/dummy/app/assets/javascripts/application.js
 - spec/dummy/app/assets/stylesheets/application.css