semantic-ui-sass 0.19.3.1 → 1.7.0.0

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

@@ -1,32 +1,410 @@
-/*
- * # Statistic
- *
+ /*
+ * # Semantic UI
+ * https://github.com/Semantic-Org/Semantic-UI
+ * http://www.semantic-ui.com/
  *
  * Copyright 2014 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- * Released: Aug 20, 2014
  */
 
+
+
 /*******************************
            Statistic
 *******************************/
 
+
+/* Standalone */
 .ui.statistic {
-  text-align: center;
+  display: inline-block;
+  margin: 1em 0em;
+  max-width: 175px;
+}
+.ui.statistic + .ui.statistic {
+  margin: 0em 0em 0em 1em;
+}
+.ui.statistic:first-child {
+  margin-top: 0em;
+}
+.ui.statistic:last-child {
+  margin-bottom: 0em;
 }
 
+/* Grouped */
+.ui.statistics > .statistic {
+  display: block;
+  float: left;
+  margin: 0em 1em 2em;
+  max-width: 175px;
+}
+
+
+/*******************************
+            Group
+*******************************/
+
+.ui.statistics {
+  display: block;
+  margin: 1em -1em;
+}
+
+/* Clearing */
+.ui.statistics:after {
+  display: block;
+  content: ' ';
+  height: 0px;
+  clear: both;
+  overflow: hidden;
+  visibility: hidden;
+}
+.ui.statistics:first-child {
+  margin-top: 0em;
+}
+.ui.statistics:last-child {
+  margin-bottom: 0em;
+}
+
+
 /*******************************
             Content
 *******************************/
 
-.ui.statistic > .number {
-  font-size: 4em;
-  font-weight: bold;
-  color: rgba(0, 0, 0, 0.7);
+
+/*--------------
+      Value
+---------------*/
+
+.ui.statistics .statistic > .value,
+.ui.statistic > .value {
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-size: 4rem;
+  font-weight: normal;
+  line-height: 1em;
+  color: #1b1c1d;
+  text-transform: uppercase;
+  text-align: center;
+}
+
+/*--------------
+     Label
+---------------*/
+
+.ui.statistics .statistic > .label,
+.ui.statistic > .label {
+  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font-size: 1rem;
+  font-weight: normal;
+  color: rgba(0, 0, 0, 0.4);
+  text-transform: none;
+  text-align: center;
+}
+
+/* Top Label */
+.ui.statistics .statistic > .label ~ .value,
+.ui.statistic > .label ~ .value {
+  margin-top: 0rem;
+}
+
+/* Bottom Label */
+.ui.statistics .statistic > .value ~ .label,
+.ui.statistic > .value ~ .label {
+  margin-top: 0.25rem;
+}
+
+
+/*******************************
+             Types
+*******************************/
+
+
+/*--------------
+   Icon Value
+---------------*/
+
+.ui.statistics .statistic > .value .icon,
+.ui.statistic > .value .icon {
+  opacity: 1;
+  width: auto;
+  margin: 0em;
+}
+
+/*--------------
+   Text Value
+---------------*/
+
+.ui.statistics .statistic > .text.value,
+.ui.statistic > .text.value {
+  line-height: 1em;
+  min-height: 2em;
+  text-align: center;
+}
+.ui.statistics .statistic > .text.value + .label,
+.ui.statistic > .text.value + .label {
+  text-align: center;
+}
+
+/*--------------
+   Image Value
+---------------*/
+
+.ui.statistics .statistic > .value img,
+.ui.statistic > .value img {
+  max-height: 3rem;
+  vertical-align: baseline;
+}
+
+
+/*******************************
+            Variations
+*******************************/
+
+
+/*--------------
+   Horizontal
+---------------*/
+
+.ui.horizontal.statistics,
+.ui.horizontal.statistic {
+  display: block;
+  margin: 0em;
+  max-width: 9999px;
+}
+.ui.horizontal.statistics .statistic {
+  float: none;
+  margin: 1em 0em;
+  max-width: 9999px;
+}
+.ui.horizontal.statistic > .text.value,
+.ui.horizontal.statistics > .statistic > .text.value {
+  min-height: 0em !important;
+}
+.ui.horizontal.statistics .statistic > .value .icon,
+.ui.horizontal.statistic > .value .icon {
+  width: 1.18em;
+}
+.ui.horizontal.statistics .statistic > .value,
+.ui.horizontal.statistic > .value {
+  display: inline-block;
+  vertical-align: middle;
+}
+.ui.horizontal.statistics .statistic > .label,
+.ui.horizontal.statistic > .label {
+  display: inline-block;
+  vertical-align: middle;
+  margin: 0em 0em 0em 0.75em;
+}
+
+/*--------------
+     Colors
+---------------*/
+
+.ui.blue.statistics .statistic > .value,
+.ui.statistics .blue.statistic > .value,
+.ui.blue.statistic > .value {
+  color: #3b83c0;
+}
+.ui.green.statistics .statistic > .value,
+.ui.statistics .green.statistic > .value,
+.ui.green.statistic > .value {
+  color: #5bbd72;
+}
+.ui.orange.statistics .statistic > .value,
+.ui.statistics .orange.statistic > .value,
+.ui.orange.statistic > .value {
+  color: #e07b53;
+}
+.ui.pink.statistics .statistic > .value,
+.ui.statistics .pink.statistic > .value,
+.ui.pink.statistic > .value {
+  color: #d9499a;
+}
+.ui.purple.statistics .statistic > .value,
+.ui.statistics .purple.statistic > .value,
+.ui.purple.statistic > .value {
+  color: #564f8a;
+}
+.ui.red.statistics .statistic > .value,
+.ui.statistics .red.statistic > .value,
+.ui.red.statistic > .value {
+  color: #d95c5c;
+}
+.ui.teal.statistics .statistic > .value,
+.ui.statistics .teal.statistic > .value,
+.ui.teal.statistic > .value {
+  color: #00b5ad;
+}
+.ui.yellow.statistics .statistic > .value,
+.ui.statistics .yellow.statistic > .value,
+.ui.yellow.statistic > .value {
+  color: #f2c61f;
+}
+
+/*--------------
+    Floated
+---------------*/
+
+.ui[class*="left floated"].statistic {
+  float: left;
+  margin: 0em 2em 1em 0em;
+}
+.ui[class*="right floated"].statistic {
+  float: right;
+  margin: 0em 0em 1em 2em;
+}
+.ui.floated.statistic:last-child {
+  margin-bottom: 0em;
+}
+
+/*--------------
+    Inverted
+---------------*/
+
+.ui.inverted.statistic .value {
+  color: #ffffff;
+}
+.ui.inverted.statistic .label {
+  color: rgba(255, 255, 255, 0.8);
+}
+.ui.inverted.blue.statistics .statistic > .value,
+.ui.statistics .inverted.blue.statistic > .value,
+.ui.inverted.blue.statistic > .value {
+  color: #54c8ff;
+}
+.ui.inverted.green.statistics .statistic > .value,
+.ui.statistics .inverted.green.statistic > .value,
+.ui.inverted.green.statistic > .value {
+  color: #2ecc40;
+}
+.ui.inverted.orange.statistics .statistic > .value,
+.ui.statistics .inverted.orange.statistic > .value,
+.ui.inverted.orange.statistic > .value {
+  color: #ff851b;
+}
+.ui.inverted.pink.statistics .statistic > .value,
+.ui.statistics .inverted.pink.statistic > .value,
+.ui.inverted.pink.statistic > .value {
+  color: #ff8edf;
+}
+.ui.inverted.purple.statistics .statistic > .value,
+.ui.statistics .inverted.purple.statistic > .value,
+.ui.inverted.purple.statistic > .value {
+  color: #cdc6ff;
+}
+.ui.inverted.red.statistics .statistic > .value,
+.ui.statistics .inverted.red.statistic > .value,
+.ui.inverted.red.statistic > .value {
+  color: #ff695e;
+}
+.ui.inverted.teal.statistics .statistic > .value,
+.ui.statistics .inverted.teal.statistic > .value,
+.ui.inverted.teal.statistic > .value {
+  color: #6dffff;
+}
+.ui.inverted.yellow.statistics .statistic > .value,
+.ui.statistics .inverted.yellow.statistic > .value,
+.ui.inverted.yellow.statistic > .value {
+  color: #ffe21f;
+}
+
+/*--------------
+     Sizes
+---------------*/
+
+
+/* Mini */
+.ui.mini.statistics .statistic > .value,
+.ui.mini.statistic > .value {
+  font-size: 1.5rem;
 }
+.ui.mini.horizontal.statistics .statistic > .value,
+.ui.mini.horizontal.statistic > .value {
+  font-size: 1.5rem;
+}
+.ui.mini.statistics .statistic > .text.value,
+.ui.mini.statistic > .text.value {
+  font-size: 1rem;
+}
+
+/* Tiny */
+.ui.tiny.statistics .statistic > .value,
+.ui.tiny.statistic > .value {
+  font-size: 2rem;
+}
+.ui.tiny.horizontal.statistics .statistic > .value,
+.ui.tiny.horizontal.statistic > .value {
+  font-size: 2rem;
+}
+.ui.tiny.statistics .statistic > .text.value,
+.ui.tiny.statistic > .text.value {
+  font-size: 1rem;
+}
+
+/* Small */
+.ui.small.statistics .statistic > .value,
+.ui.small.statistic > .value {
+  font-size: 3rem;
+}
+.ui.small.horizontal.statistics .statistic > .value,
+.ui.small.horizontal.statistic > .value {
+  font-size: 2rem;
+}
+.ui.small.statistics .statistic > .text.value,
+.ui.small.statistic > .text.value {
+  font-size: 1.5rem;
+}
+
+/* Medium */
+.ui.statistics .statistic > .value,
+.ui.statistic > .value {
+  font-size: 4rem;
+}
+.ui.horizontal.statistics .statistic > .value,
+.ui.horizontal.statistic > .value {
+  font-size: 3rem;
+}
+.ui.statistics .statistic > .text.value,
+.ui.statistic > .text.value {
+  font-size: 2rem;
+}
+
+/* Large */
+.ui.large.statistics .statistic > .value,
+.ui.large.statistic > .value {
+  font-size: 5rem;
+}
+.ui.large.horizontal.statistics .statistic > .value,
+.ui.large.horizontal.statistic > .value {
+  font-size: 4rem;
+}
+.ui.large.statistics .statistic > .text.value,
+.ui.large.statistic > .text.value {
+  font-size: 2.5rem;
+}
+
+/* Huge */
+.ui.huge.statistics .statistic > .value,
+.ui.huge.statistic > .value {
+  font-size: 6rem;
+}
+.ui.huge.horizontal.statistics .statistic > .value,
+.ui.huge.horizontal.statistic > .value {
+  font-size: 5rem;
+}
+.ui.huge.statistics .statistic > .text.value,
+.ui.huge.statistic > .text.value {
+  font-size: 2.5rem;
+}
+
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+
+
+/*******************************
+    User Variable Overrides
+*******************************/
 
-.ui.statistic > .description {
-  opacity: 0.8;
-}

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

@@ -1,8 +1,8 @@
 module Semantic
   module Ui
     module Sass
-      VERSION = "0.19.3.1"
-      SEMANTIC_UI_SHA = '44390fea0601ec9fc44693831110946c874da817'
+      VERSION = "1.7.0.0"
+      SEMANTIC_UI_SHA = '61c7867ffcd70c2128c2070e8b3875c039b59280'
     end
   end
 end

data/tasks/converter.rb

@@ -6,218 +6,126 @@ require 'json'
 require 'fileutils'
 require "pry"
 require "dotenv"
-require "autoprefixer-rails"
+
+require 'pathname'
 
 Dotenv.load
 
 class Converter
 
   GIT_DATA = 'https://api.github.com/repos'
-  GIT_RAW  = 'https://raw.github.com'
+  GIT_RAW  = 'https://raw.githubusercontent.com'
   TOKEN    = ENV['TOKEN']
-  BROWSERS = ['last 2 version', '> 1%', 'opera 12.1', 'safari 6', 'ie 9', 'bb 10', 'android 4']
-
-  # DEPENDS = {
-  #   icon: %Q{
-  #     //= depend_on_asset "semantic-ui/icons.eot"
-  #     //= depend_on_asset "semantic-ui/icons.svg"
-  #     //= depend_on_asset "semantic-ui/icons.woff"
-  #     //= depend_on_asset "semantic-ui/icons.ttf"
-  #   },
-  #   basic_icon: %Q{
-  #     //= depend_on_asset "semantic-ui/basic.icons.eot"
-  #     //= depend_on_asset "semantic-ui/basic.icons.svg"
-  #     //= depend_on_asset "semantic-ui/basic.icons.woff"
-  #     //= depend_on_asset "semantic-ui/basic.icons.ttf"
-  #   },
-  #   loader: %Q{
-  #     //= depend_on_asset "semantic-ui/loader-large.gif"
-  #     //= depend_on_asset "semantic-ui/loader-mini.gif"
-  #     //= depend_on_asset "semantic-ui/loader-small.gif"
-  #     //= depend_on_asset "semantic-ui/loader-medium.gif"
-  #     //= depend_on_asset "semantic-ui/loader-mini-inverted.gif"
-  #     //= depend_on_asset "semantic-ui/loader-small-inverted.gif"
-  #     //= depend_on_asset "semantic-ui/loader-medium-inverted.gif"
-  #     //= depend_on_asset "semantic-ui/loader-large-inverted.gif"
-  #   }
-  # }
+
 
   def initialize(branch)
     @repo               = 'Semantic-Org/Semantic-UI'
     @repo_url           = "https://github.com/#@repo"
     @branch             = branch || 'master'
     @git_data_trees     = "#{GIT_DATA}/#{@repo}/git/trees"
-    @git_raw_src        = "#{GIT_RAW}/#{@repo}/#{@branch}/src"
+    @git_raw_src        = "#{GIT_RAW}/#{@repo}/#{@branch}/dist"
     @branch_sha         = get_tree_sha
-    @less_paths         = ['collections', 'elements', 'views', 'modules']
-    @js_paths           = ['modules', 'behavior']
-    @fonts_images_paths = ['fonts', 'images']
-    @save_at            = { js: 'app/assets/javascripts/semantic-ui',
-                            scss: 'app/assets/stylesheets/semantic-ui',
-                            images: 'app/assets/images/semantic-ui',
-                            fonts: 'app/assets/fonts/semantic-ui'
-                          }
   end
 
   def process
-    # prepare_depend_asset
+    # process_stylesheets_assets
+
+    # process_images_and_fonts_assets
+    # store_version
+
+    checkout_repository
+    choose_version(@branch)
     process_stylesheets_assets
     process_javascript_assets
-    process_images_and_fonts_assets
     store_version
   end
 
-  def process_stylesheets_assets
-    main_content = ''
-     semantic_ui_less_paths.each do |path, sha|
-      content = ''
-      semantic_ui_less_files(sha).each do |name|
-        file_name = name.gsub('.less', '')
-        file = open_git_file("#{@git_raw_src}/#{path}/#{name}")
-        file = convert(file)
-        begin
-          file = AutoprefixerRails.compile(file, BROWSERS)
-        rescue
-          puts "======== #{file_name} autoprefixer fail ========="
-        end
-        save_file(name, file, path)
-        content += "@import '#{file_name}';\n"
-      end
-      save_file('all', content, path)
-      main_content += "@import 'semantic-ui/#{path}/all';\n";
-    end
-    File.open("app/assets/stylesheets/semantic-ui.scss", "w+") { |file| file.write(main_content) }
+  def paths
+    @gem_paths ||= Paths.new
   end
 
-  def process_javascript_assets
-    content = ''
-     semantic_ui_js_paths.each do |path, sha|
-      semantic_ui_js_files(sha).each do |name|
-        file_name = name.gsub('.js', '')
-        if path == 'modules'
-          file = open_git_file("#{@git_raw_src}/#{path}/#{name}")
-          save_file(name, file, nil, 'js')
-          content += "//= require semantic-ui/#{file_name}\n"
-        else
-          file = open_git_file("#{@git_raw_src}/modules/behavior/#{name}")
-          save_file(name, file, 'behavior', 'js')
-          content += "//= require semantic-ui/behavior/#{file_name}\n"
-        end
-      end
+  def checkout_repository
+    if Dir.exist?(paths.tmp_semantic_ui)
+      system %Q{cd '#{paths.tmp_semantic_ui}' && git fetch --quiet}
+    else
+      system %Q{git clone --quiet git@github.com:Semantic-Org/Semantic-UI.git '#{paths.tmp_semantic_ui}'}
     end
-    File.open("app/assets/javascripts/semantic-ui.js", "w+") { |file| file.write(content) }
   end
 
-  def process_images_and_fonts_assets
-     semantic_ui_fonts_images_paths.each do |path, sha|
-      semantic_ui_fonts_images_files(sha).each do |name|
-        file_name = name.gsub('.less', '')
-        file = open_git_file("#{@git_raw_src}/#{path}/#{name}")
-        save_file(name, file, nil, path)
-      end
-    end
+  def choose_version(version)
+    system %Q{cd '#{paths.tmp_semantic_ui}' && git checkout --quiet #{version}}
   end
 
+  def process_stylesheets_assets
+          # content = ""
+    Dir[File.join(paths.tmp_semantic_ui_definitions, '*')].each do |path|
+      # all = ""
 
-private
+      Dir[File.join(path, "*.less")].each do |file|
 
-  # Get the sha of less branch
-  def get_tree_sha
-    sha = nil
-    trees = get_json("#{@git_data_trees}/#{@branch}")
-    trees['tree'].find{|t| t['path'] == 'src'}['sha']
-  end
+        filename = File.basename(file).gsub(".less", '.css')
 
-  def semantic_ui_less_paths
-    paths = get_json("#{@git_data_trees}/#{get_tree_sha}")
-    paths['tree'].select{|f| f['type'] == 'tree' && @less_paths.include?(f['path']) }.map{|f| [f['path'], f['sha']] }
-  end
+        Dir[File.join(paths.tmp_semantic_ui_components, "*.css")].each do |src|
+          name = File.basename(src)
 
-  def semantic_ui_less_files(sha)
-   files = get_json("#{@git_data_trees}/#{sha}")
-   files['tree'].select{|f| f['type'] == 'blob' && f['path'] =~ /\.less$/ }.map{|f| f['path'] }
-  end
+         if name == filename
+           file = open(src).read
+           file = convert(file)
+           save_file(name, file, File.basename(path))
 
-  def semantic_ui_js_paths
-    paths = get_json("#{@git_data_trees}/#{get_tree_sha}")
-    paths = paths['tree'].select{|f| f['type'] == 'tree' && @js_paths.include?(f['path']) }.map{|f| [f['path'], f['sha']] }
-    behavior_paths = get_json("#{@git_data_trees}/#{paths[0][1]}")
-    behavior_paths = behavior_paths['tree'].select{|f| f['type'] == 'tree' && f['path'] == 'behavior' }.map{|f| [f['path'], f['sha']] }
-    js_paths = paths + behavior_paths
-  end
+           # all << "@import '#{name.gsub(".css", "")}';\n"
+         end #filename
+        end
+      end
+      # save_file("all", all, File.basename(path)) if all != ''
+      # content << "@import 'semantic-ui/#{File.basename(path)}/all';\n";
 
-  def semantic_ui_js_files(sha)
-   files = get_json("#{@git_data_trees}/#{sha}")
-   files['tree'].select{|f| f['type'] == 'blob' && f['path'] =~ /\.js$/ }.map{|f| f['path'] }
+    end
+     # File.open("app/assets/stylesheets/semantic-ui.scss", "w+") { |file| file.write(content) }
   end
 
-  def semantic_ui_fonts_images_paths
-    paths = get_json("#{@git_data_trees}/#{get_tree_sha}")
-    paths['tree'].select{|f| f['type'] == 'tree' && @fonts_images_paths.include?(f['path']) }.map{|f| [f['path'], f['sha']] }
+
+  def process_javascript_assets
+    # js = ""
+    Dir[File.join(paths.tmp_semantic_ui_definitions, '**/*.js')].each do |src|
+       name = File.basename(src).gsub(".js", '')
+       # js << "//= require #{name}\n"
+       FileUtils.cp(src, paths.javascripts)
+     end
+     # File.open("app/assets/javascripts/semantic-ui.js", "w+") { |file| file.write(js) }
   end
 
-  def semantic_ui_fonts_images_files(sha)
-   files = get_json("#{@git_data_trees}/#{sha}")
-   files['tree'].select{|f| f['type'] == 'blob'}.map{|f| f['path'] }
+
+private
+
+  # Get the sha of less branch
+  def get_tree_sha
+    sha = nil
+    trees = get_json("#{@git_data_trees}/#{@branch}")
+    trees['tree'].find{|t| t['path'] == 'dist'}['sha']
   end
 
 
   def convert(file)
-    file = replace_interpolation(file)
-    file = replace_vars(file)
-    file = replace_fonts(file)
-    # file = replace_font_family(file)
     file = replace_fonts_url(file)
-    file = replace_grads(file)
-    file = replace_mixins(file)
-    file = replace_less_extend(file)
-    file = replace_includes(file)
-    file = replace_spin(file)
-    file = replace_opacity(file)
     file = replace_image_urls(file)
     file = replace_image_paths(file)
-    file = replace_escaping(file)
 
     file
   end
 
-  def open_git_file(file)
-    open(file).read
-  end
 
   def save_file(name, content, path, type='stylesheets')
-    case type
-    when 'stylesheets'
-      name = name.gsub(/\.less/, '')
-      file = "#{@save_at[:scss]}/#{path}/_#{name}.scss"
-      # Check depent asset
-
-      if name == "icon"
-        content = "@import '../depends/icon';\n" + content
-      end
-
-      if name == "basic.icon"
-        content = "@import '../depends/basic.icon';\n" + content
-      end
-
-      content = check_depend_asset(content)
 
-    when 'js', 'images', 'fonts'
-      file = (path.nil? ? "#{@save_at[type.to_sym]}/#{name}" : "#{@save_at[type.to_sym]}/#{path}/#{name}")
-    end
+    name = name.gsub(/\.css/, '')
+    file = "#{paths.stylesheets}/#{path}/_#{name}.scss"
     dir = File.dirname(file)
     FileUtils.mkdir_p(dir) unless File.directory?(file)
     File.open(file, 'w+') { |f| f.write(content) }
-    puts "Saved #{name} at #{path}\n"
+    # puts "Saved #{name} at #{path}\n"
   end
 
-  def check_depend_asset(content)
-    if content.scan(/loader-\w+.gif/).length > 0
-     "@import '../depends/loader';\n" + content
-    else
-      content
-    end
-  end
+
 
   def get_json(url)
     url += "?access_token=#{TOKEN}" unless TOKEN.nil?
@@ -225,85 +133,60 @@ private
     data = JSON.parse data
   end
 
+  def open_git_file(file)
+    open(file).read
+  end
+
   def store_version
     path = 'lib/semantic/ui/sass/version.rb'
     content = File.read(path).sub(/SEMANTIC_UI_SHA\s*=\s*['"][\w]+['"]/, "SEMANTIC_UI_SHA = '#@branch_sha'")
     File.open(path, 'w') { |f| f.write(content) }
   end
 
-  def replace_interpolation(less)
-    less.gsub(/@{([^}]+)}/, '#{$\1}')
-  end
-
-  def replace_vars(less)
-    less = less.dup
-    # skip header comment
-    less =~ %r(\A/\*(.*?)\*/)m
-    from = $~ ? $~.to_s.length : 0
-    less[from..-1] = less[from..-1].
-        gsub(/(?!@mixin|@media|@page|@keyframes|@font-face|@-\w)@/, '$').
-        # variables that would be ignored by gsub above: e.g. @page-header-border-color
-        gsub(/@(page[\w-]+)/, '$\1')
-    less
-  end
-
-  def fix_progress_bar(less)
-    less = less.gsub(/(\$)(-webkit-keyframes progress-bar-stripes)/, '@\2')
-    less = less.gsub(/(\$)(-moz-keyframes)/, '@\2')
-    less = less.gsub(/(\$)(keyframes progress-bar-stripes)/, '@\2')
-  end
-
-  def replace_fonts(less)
-    less.gsub(/#font \> \.([\w-]+)/, '@include ctb-font-\1')
-  end
-
   def replace_fonts_url(less)
-    less.gsub(/url\(\.\.\/fonts\/?(.*?)\)/) {|s| "url(\"semantic-ui/#{$1}\")" }
-  end
-
-  def replace_font_family(less)
-    less.gsub(/#font \> #family \> \.([\w-]+)/, '@include ctb-font-family-\1')
+    less.gsub(/url\(\"\.\.\/themes\/default\/assets\/fonts\/?(.*?)\"\)/) {|s| "font-url(\"semantic-ui/#{$1}\")" }
   end
 
-  def replace_grads(less)
-    less.gsub(/#gradient \> \.([\w-]+)/, '@include ctb-gradient-\1')
-  end
-
-  def replace_mixins(less)
-    less.gsub(/^\.([\w-]*)(\(.*\))([\s\{]+)$/, '@mixin \1\2\3')
+  def replace_image_urls(less)
+    less.gsub(/url\("?(.*?).png"?\)/) {|s| "image-url(\"#{$1}.png\")" }
   end
 
-  def replace_includes(less)
-    less.gsub(/\.([\w-]*)(\(.*\));?/, '@include ctb-\1\2;')
+  def replace_image_paths(less)
+    less.gsub('../themes/default/assets/images/', 'semantic-ui/')
   end
 
-  def replace_less_extend(less)
-    less.gsub(/\#(\w+) \> \.([\w-]*)(\(.*\));?/, '@include ctb-\1-\2\3;')
-  end
+end
 
-  def replace_spin(less)
-    less.gsub(/spin/, 'adjust-hue')
-  end
+class Paths
+   attr_reader :root
+   attr_reader :tmp
+   attr_reader :tmp_semantic_ui
+   attr_reader :tmp_semantic_ui_src
+   attr_reader :tmp_semantic_ui_definitions
+   attr_reader :tmp_semantic_ui_dist
+   attr_reader :tmp_semantic_ui_components
 
-  def replace_opacity(scss)
-    scss.gsub(/\@include opacity\((\d+)\)/) {|s| "@include ctb-opacity(#{$1.to_f / 100})"}
-  end
+   attr_reader :fonts
+   attr_reader :images
+   attr_reader :javascripts
+   attr_reader :stylesheets
 
-  def replace_image_urls(less)
-    less.gsub(/url\("?(.*?).gif"?\)/) {|s| "image-url(\"#{$1}.gif\")" }
-  end
 
-  def replace_image_paths(less)
-    less.gsub('../images/', 'semantic-ui/')
-  end
+   def initialize
+     @root = File.expand_path('..', __dir__)
 
-  def replace_escaping(less)
-    less = less.gsub(/\~"([^"]+)"/, '#{\1}') # Get rid of ~ escape
-    less.gsub(/(\W)e\("([^\)]+)"\)/) {|s| "#{$1 if $1 != /\s/}#{$2}"} # Get rid of e escape
-  end
+     @tmp = File.join(@root, 'tmp')
+     @tmp_semantic_ui = File.join(@tmp, 'semantic-ui')
+     @tmp_semantic_ui_src = File.join(@tmp_semantic_ui, 'src')
+     @tmp_semantic_ui_definitions = File.join(@tmp_semantic_ui_src, 'definitions')
 
-  def insert_default_vars(scss)
-    scss.gsub(/^(\$.+);$/, '\1 !default;')
-  end
+     @tmp_semantic_ui_dist = File.join(@tmp_semantic_ui, 'dist')
+     @tmp_semantic_ui_components = File.join(@tmp_semantic_ui_dist, 'components')
 
-end
+     @app = File.join(@root, 'app')
+     @fonts = File.join(@app, 'assets', 'fonts', 'semantic-ui')
+     @images = File.join(@app, 'assets', 'images', 'semantic-ui')
+     @javascripts = File.join(@app, 'assets', 'javascripts', 'semantic-ui')
+     @stylesheets = File.join(@app, 'assets', 'stylesheets', 'semantic-ui')
+   end
+ end