wingrunr21 / flat-ui-sass Goto Github PK

I'm having an error when i run fui_convert

Converting LESS files to Scss:
spaces.less
Reading shared mixins from mixins.less
Uncaught exception: undefined method get_paths_by_type' for #<Converter:0x0000000222e1b8> /home/zied/.rvm/gems/ruby-2.0.0-p195/gems/bootstrap-sass-3.1.1.1/tasks/converter/less_conversion.rb:141:inbootstrap_less_files'
/home/zied/.rvm/gems/ruby-2.0.0-p195/gems/bootstrap-sass-3.1.1.1/tasks/converter/less_conversion.rb:48:in load_shared' /home/zied/.rvm/gems/ruby-2.0.0-p195/gems/bootstrap-sass-3.1.1.1/tasks/converter/less_conversion.rb:39:inconvert_less'
/home/zied/.rvm/gems/ruby-2.0.0-p195/bundler/gems/flat-ui-sass-cd8604a9c863/lib/tasks/converter/flat_ui_less_conversion.rb:31:in block in process_flat_ui_stylesheet_assets!' /home/zied/.rvm/gems/ruby-2.0.0-p195/bundler/gems/flat-ui-sass-cd8604a9c863/lib/tasks/converter/flat_ui_less_conversion.rb:26:ineach'
/home/zied/.rvm/gems/ruby-2.0.0-p195/bundler/gems/flat-ui-sass-cd8604a9c863/lib/tasks/converter/flat_ui_less_conversion.rb:26:in process_flat_ui_stylesheet_assets!' /home/zied/.rvm/gems/ruby-2.0.0-p195/bundler/gems/flat-ui-sass-cd8604a9c863/lib/tasks/converter.rb:71:inprocess_flat_ui!'
/home/zied/.rvm/gems/ruby-2.0.0-p195/bundler/gems/flat-ui-sass-cd8604a9c863/lib/flat-ui-sass/cli.rb:10:in start' /home/zied/.rvm/gems/ruby-2.0.0-p195/bundler/gems/flat-ui-sass-cd8604a9c863/bin/fui_convert:9:in<top (required)>'
/home/zied/.rvm/gems/ruby-2.0.0-p195/bin/fui_convert:23:in load' /home/zied/.rvm/gems/ruby-2.0.0-p195/bin/fui_convert:23:in<top (required)>'

Self-explanatory

Right now the auto conversion will redefine $icon-font-path, $icon-font-name, and $icon-font-svg-id. We should not do that.

Flat UI variable
Bootstrap Variable

Hi,
I just want to try out FlatUI rails for the first time with rails 4.1.6 and ruby 2.1.3 and suffering from an assets error:

Asset filtered out and will not be served: addRails.application.config.assets.precompile += %w( flat-ui/tile/ribbon.png )toconfig/initializers/assets.rband restart your server

I added this line, restarted but still this error is occurring. Have you any advise to get it working?

Best,
Christoph

Implement support for the gem via a Compass extension

on branch '2-2-support'

Gemfile:
gem 'rails', '4.2.0'
gem 'sass-rails', '4.0.0'
gem 'jquery-rails'
gem 'bootstrap-sass', '~> 3.3.1'
gem 'flat-ui-sass', github: 'wingrunr21/flat-ui-sass', branch: "2-2-support"

Error:
$ bundle exec fui_convert
/home/user/.rvm/gems/ruby-2.2.0@rezgem/bundler/gems/flat-ui-sass-de76108f0934/lib/tasks/converter/flat_ui_less_conversion.rb:3:in <module:FlatUILessConversion>': uninitialized constant Converter::LessConversion (NameError) from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bundler/gems/flat-ui-sass-de76108f0934/lib/tasks/converter/flat_ui_less_conversion.rb:2:inclass:Converter'
from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bundler/gems/flat-ui-sass-de76108f0934/lib/tasks/converter/flat_ui_less_conversion.rb:1:in <top (required)>' from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bundler/gems/flat-ui-sass-de76108f0934/lib/tasks/converter.rb:23:inrequire_relative'
from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bundler/gems/flat-ui-sass-de76108f0934/lib/tasks/converter.rb:23:in <top (required)>' from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bundler/gems/flat-ui-sass-de76108f0934/lib/flat-ui-sass/cli.rb:2:inrequire'
from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bundler/gems/flat-ui-sass-de76108f0934/lib/flat-ui-sass/cli.rb:2:in <top (required)>' from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bundler/gems/flat-ui-sass-de76108f0934/bin/fui_convert:8:inrequire'
from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bundler/gems/flat-ui-sass-de76108f0934/bin/fui_convert:8:in <top (required)>' from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bin/fui_convert:23:inload'
from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bin/fui_convert:23:in <main>' from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bin/ruby_executable_hooks:15:ineval'
from /home/user/.rvm/gems/ruby-2.2.0@rezgem/bin/ruby_executable_hooks:15:in `

Is this compatible with Rails 3.2?

Those are normally good to have

Implement support for SASS only projects

Add icon helpers for Rails similar to how font-awesome-rails does it:
https://github.com/bokmann/font-awesome-rails

As of commit 0fcdff8, sass-rails now explicitly precludes Sass v3.3+ from installation. This is a blocker for those attempting to use this gem along with the latest versions of Rails.

Two areas need modified in order to relax the Sass requirement:

• The asset helper function needs to be reverted to the method used by bootstrap-sass
• The interpolate_variable function will need to be modified to support Sass 3.2. This will affect the calc-color mixin and subsequently the palette module.

Thanks for taking on this project :)

I'm running edge rails and getting the following when I try to bundle:

Bundler could not find compatible versions for gem "sass":
  In Gemfile:
    sass-rails (>= 0) ruby depends on
      sass (~> 3.2.0) ruby

    flat-ui-sass (>= 0) ruby depends on
      sass (3.3.4)

Is there anything that can be done to resolve the compatibility issue?

Hi,

Great work on flat-ui-sass.
Well... except I can't get fonts to work with last Flat UI Pro version and the 2-2-support branch.

In my application.scss, I tried a combination of this :

@import 'flat-ui-pro/variables';

$grid-gutter-width: 20px;
$grid-float-breakpoint: $screen-md-min;

@import 'bootstrap-sprockets';
@import 'bootstrap';
@import 'flat-ui-sprockets';
@import 'flat-ui-pro';
@import 'custom';

But, on my local environment : Glyphicons works, but not Lato. Which is strange... cause the fonts seem not to be in 404 :

Started GET "/assets/flat-ui-pro/lato/lato-bold.woff" for ::1 at 2015-06-24 00:33:33 +0200
Started GET "/assets/flat-ui-pro/lato/lato-light.woff" for ::1 at 2015-06-24 00:33:33 +0200
Started GET "/assets/flat-ui-pro/glyphicons/flat-ui-pro-icons-regular.woff" for ::1 at 2015-06-24 00:33:33 +0200
Started GET "/assets/flat-ui-pro/lato/lato-black.woff" for ::1 at 2015-06-24 00:33:33 +0200
Started GET "/assets/flat-ui-pro/lato/lato-regular.woff" for ::1 at 2015-06-24 00:33:33 +0200

On Cloud9 : everything works.
On Heroku : nothing works.

Any hints ?

Oh, and by the way, what would be the "right" way to remove Lato and use another font instead ? As an example, using Google Fonts import.

Keep up the good work. :)

Cheers !

I get this error when using Gulp sass to compile flat-ui-sass. I'm using laravel-elixir which inturn uses gulp sass internally to compile

Am I missing something here?

Hi,

when run fui_convert on flat ui pro 1.3.1 have this error:

Convert Flat UI from LESS to SASS
   type: flat-ui-pro
  input: /Users/project-dir/flat-ui-pro
 output:
     js: vendor/assets/javascripts/flat-ui-pro
   scss: vendor/assets/stylesheets/flat-ui-pro
  fonts: vendor/assets/fonts/flat-ui-pro
 images: vendor/assets/images/flat-ui-pro
Processing stylesheets...
  Converting LESS files to Scss:
  Reading shared mixins from mixins.less
/Users/byterussian/.rbenv/versions/2.1.2/lib/ruby/gems/2.1.0/bundler/gems/flat-ui-sass-d9abf96fddf7/lib/tasks/converter.rb:78:in `initialize': No such file or directory @ rb_sysopen - vendor/assets/stylesheets/flat-ui-pro/mixins/_alerts.scss (Errno::ENOENT)

I get this error

[17:15:00] gulp-notify: [Laravel Elixir] Sass Compilation Failed!: argument `$co
lor` of `adjust-hue($color, $degrees)` must be a color
Backtrace:
        bower_components/flat-ui-sass/vendor/assets/stylesheets/flat-ui/_variabl
es.scss:268, in function `adjust-hue`
        bower_components/flat-ui-sass/vendor/assets/stylesheets/flat-ui/_variabl
es.scss:268
{ [Error: argument `$color` of `adjust-hue($color, $degrees)` must be a color
Backtrace:
        bower_components/flat-ui-sass/vendor/assets/stylesheets/flat-ui/_variabl
es.scss:268, in function `adjust-hue`
        bower_components/flat-ui-sass/vendor/assets/stylesheets/flat-ui/_variabl
es.scss:268]
  message: 'argument `$color` of `adjust-hue($color, $degrees)` must be a color\
nBacktrace:\n\tbower_components/flat-ui-sass/vendor/assets/stylesheets/flat-ui/_
variables.scss:268, in function `adjust-hue`\n\tbower_components/flat-ui-sass/ve
ndor/assets/stylesheets/flat-ui/_variables.scss:268',
  fileName: './bower_components/flat-ui-sass/vendor/assets/stylesheets/flat-ui/_
variables.scss',
  lineNumber: 268,
  showStack: false,
  showProperties: true,
  plugin: 'gulp-sass',
  __safety: { toString: [Function] } }
[17:15:00] Finished 'sass' after 1.01 s

Using "flat-ui-sass": "~2.1.3" through bower. Compiling using laravel-elixir which internally uses node-sass

hi there. thanks for making this. i'm trying to only use the sass stuff from this project in another project. i keep getting errors when i import the 'variables' file like so:

Syntax error: $color: "tint(#34495e, 91%)" is not a color for `adjust-hue'
        on line 268 of /Users/gabrielduncan/Sites/yo-ff-app/client/bower_components/flat-ui/sass/_variables.scss

i'm assuming that's because i'm using grunt-sass to compile and it probably doesn't know what to do with tint.

do you have any suggestions on how to fix this?

it's so awesome to see there is sass version of flat ui, I probably wanna use it on my angularJS project. Good job!

Do you have a plan for vanilla SASS or compass version ?

Hey, I've tried to convert the latest version I've just bought but got this message :

tasks/converter.rb:78:in `initialize': No such file or directory @ rb_sysopen - vendor/assets/stylesheets/flat-ui-pro/mixins/_alerts.scss (Errno::ENOENT)

Could you please help ?

The output is very verbose at the moment, should be made much more concise

It seems we have to install ruby 2.0 in order to use fuiconvert. Will ruby 1.9.3 support come down the pipeline?

This seems to be a bug with flat-ui-pro (have not yet checked free) but the conversion of variables.less seems to be broken. In the source file.

// Spinner
// -------------------------

@spinner-input-width:           55px;
@spinner-input-font-size:       ceil(@component-font-size-base * 1.333); // ~20px
@spinner-input-line-height:     1.3; // ~26px
// ...

And in the converted _variables.scss file I see.

// Spinner
// -------------------------

$adjust-huener-input-width:             55px !default;
$adjust-huener-input-font-size:         ceil($component-font-size-base * 1.333) !default; // ~20px
$adjust-huener-input-line-height:       1.3 !default; // ~26px
// more bad names...

It's about time to do so

I was trying to create a dropdown button and it looks unusual

Here is my code with angular js and angular-bootstrap...

<div class="btn-group" dropdown>
    <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle>Button dropdown <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li ng-repeat="value in options">
            <a>{{value}}</a>
        </li>
    </ul>
</div>

Gives this look,

Where as the same code with plain bootstrap looks normal

But the flat-ui site shows the dropdown like this,

fui_convert not working.

How can I resolve this?

➜  coursify git:(cloud66) ✗ bundle exec fui_convert
Convert Flat UI from LESS to SASS
   type: flat-ui-pro
  input: /Users/patrickespake/Projects/coursify/flat-ui-pro
 output:
     js: vendor/assets/javascripts/flat-ui-pro
   scss: vendor/assets/stylesheets/flat-ui-pro
  fonts: vendor/assets/fonts/flat-ui-pro
 images: vendor/assets/images/flat-ui-pro
Processing stylesheets...
  Converting LESS files to Scss:
  Reading shared mixins from mixins.less
/Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bundler/gems/flat-ui-sass-97b99ebd00a7/lib/tasks/converter/flat_ui_less_conversion.rb:45:in `insert': no implicit conversion from nil to integer (TypeError)
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bundler/gems/flat-ui-sass-97b99ebd00a7/lib/tasks/converter/flat_ui_less_conversion.rb:45:in `block in process_flat_ui_stylesheet_assets!'
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bundler/gems/flat-ui-sass-97b99ebd00a7/lib/tasks/converter/flat_ui_less_conversion.rb:26:in `each'
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bundler/gems/flat-ui-sass-97b99ebd00a7/lib/tasks/converter/flat_ui_less_conversion.rb:26:in `process_flat_ui_stylesheet_assets!'
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bundler/gems/flat-ui-sass-97b99ebd00a7/lib/tasks/converter.rb:71:in `process_flat_ui!'
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bundler/gems/flat-ui-sass-97b99ebd00a7/lib/flat-ui-sass/cli.rb:10:in `start'
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bundler/gems/flat-ui-sass-97b99ebd00a7/bin/fui_convert:9:in `<top (required)>'
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bin/fui_convert:23:in `load'
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bin/fui_convert:23:in `<main>'
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bin/ruby_executable_hooks:15:in `eval'
    from /Users/patrickespake/.rvm/gems/ruby-2.1.3@coursify/bin/ruby_executable_hooks:15:in `<main>'

Remove term-ansicolor as a runtime dependency

test

it does not work.

how to?

Flat-UI duplicates several mixins from core bootstrap. Since bootstrap-sass is already bringing these mixins in, we should try and remove said mixins.

When running gem install flat-ui-sass I get:

ERROR:  Could not find a valid gem 'flat-ui-sass' (>= 0) in any repository

Include the Flat-UI Free modules that are missing from Pro.

The most likely scenario for this will be a separate manifest being created that can be imported in addition to Pro, rather than simply including them in the Pro manifest.

Make it work with bootstrap-sass installed to the global gemset for ruby.

Make sure node-sass works

I'm trying out the 2-2-support branch and the Flat-UI-Pro-Icons don't use the compiled assets on production. If I change the font to Glyphicons Halflings works fine.

When I check the compiled css shows the font trying to find the assets without being compiled so it can't be found on production:

@font-face{font-family:'Flat-UI-Pro-Icons'; src:url("flat-ui-pro/glyphicons/flat-ui-pro-icons-regular.eot");

I have checked and the flat-ui-pro-icons-regular.eot and the other are being compiled just fine. Does anyone know how I can fix this?

Thanks!