semantic-ui-sass 2.3.1.2 → 2.4.4.0

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.2"
-      SEMANTIC_UI_SHA = '6dbc09a8737b691bb3d3314e068570c728d2df9f'
+      VERSION = "2.4.4.0"
+      SEMANTIC_UI_SHA = "3989d7243c514f9018a55eb53cb34daf3bbf5a26"
     end
   end
 end

data/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@doabit/semantic-ui-sass",
+  "version": "2.4.4",
+  "description": "semantic-ui-sass npm package",
+  "main": "src/semantic-ui.js",
+  "files": [
+    "src/**/*"
+  ],
+  "scripts": {
+    "prepublishOnly": "rm -rf src && yarn copy:js && yarn copy:css && yarn copy:assets && node ./script.js",
+    "copy:js": "cp -R app/assets/javascripts/semantic-ui src",
+    "copy:css": "cp -R app/assets/stylesheets/semantic-ui src/scss",
+    "copy:assets": "mkdir src/scss/assets && cp -R app/assets/fonts/semantic-ui src/scss/assets/fonts && cp -R app/assets/images/semantic-ui src/scss/assets/images"
+  },
+  "devDependencies": {},
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/doabit/semantic-ui-sass.git"
+  },
+  "keywords": [
+    "semantic-ui-sass"
+  ],
+  "author": "doabit",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/doabit/semantic-ui-sass/issues"
+  },
+  "homepage": "https://github.com/doabit/semantic-ui-sass#readme"
+}

data/script.js

@@ -0,0 +1,56 @@
+const jsContent = `import './api.js'
+import './colorize.js'
+import './form.js'
+import './state.js'
+import './visibility.js'
+import './visit.js'
+import './site.js'
+import './accordion.js'
+import './checkbox.js'
+import './dimmer.js'
+import './dropdown.js'
+import './embed.js'
+import './modal.js'
+import './nag.js'
+import './popup.js'
+import './progress.js'
+import './rating.js'
+import './search.js'
+import './shape.js'
+import './sidebar.js'
+import './sticky.js'
+import './tab.js'
+import './transition.js'
+`
+// create semantic-ui.js
+const fs = require('fs')
+
+fs.writeFile('./src/semantic-ui.js', jsContent, err => {
+  if (err) console.log('create semantic-ui.js fail', err)
+})
+
+// create semantic-ui.scss
+const cssContent = `@import './globals/all';
+@import './elements/all';
+@import './collections/all';
+@import './views/all';
+@import './modules/all';
+`
+fs.writeFile('./src/scss/semantic-ui.scss', cssContent, err => {
+  if (err) console.log('create semantic-ui.scss fail', err)
+})
+
+// replace image-url and font-url
+fs.writeFileSync(
+  './src/scss/elements/_icon.scss',
+  fs
+    .readFileSync('./src/scss/elements/_icon.scss', 'utf8')
+    .replace(/font-url\(\"semantic-ui/g, `url("assets/fonts`)
+)
+
+fs.writeFileSync(
+  './src/scss/elements/_flag.scss',
+  fs
+    .readFileSync('./src/scss/elements/_flag.scss', 'utf8')
+    .replace(/image-url\(\"semantic-ui/g, `url("assets/images`)
+)

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

data/yarn.lock

@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 2.3.1.2
+  version: 2.4.4.0
 platform: ruby
 authors:
 - doabit
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2018-03-31 00:00:00.000000000 Z
+date: 2021-06-18 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
@@ -219,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
@@ -228,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
@@ -269,9 +271,12 @@ files:
 - lib/semantic/ui/sass/breadcrumbs.rb
 - lib/semantic/ui/sass/engine.rb
 - lib/semantic/ui/sass/version.rb
+- package.json
+- script.js
 - 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
@@ -314,11 +319,12 @@ files:
 - tasks/converter.rb
 - templates/project/manifest.rb
 - templates/project/styles.scss
+- yarn.lock
 homepage: http://github.com/doabit/semantic-ui-sass
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -333,15 +339,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