Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS being cut off early (Less, Node, Symfony2) #108

Closed
aar0nr opened this issue Aug 28, 2011 · 5 comments
Closed

CSS being cut off early (Less, Node, Symfony2) #108

aar0nr opened this issue Aug 28, 2011 · 5 comments

Comments

@aar0nr
Copy link

aar0nr commented Aug 28, 2011

I'm using the Twitter Bootstrap Less CSS:

https://github.com/twitter/bootstrap

Along with:

  • symfony v2.0.1
  • assetic v1.0.2
  • node v0.4.11
  • lessc v1.1.3

config.yml

# Assetic Configuration
assetic:
    debug:          %kernel.debug%
    use_controller: false
    filters:
        cssrewrite: ~
        less:
            node: /usr/local/bin/node
            node_paths: [/usr/local/lib/node, /usr/local/lib/node_modules]

base.html.twig

{% stylesheets filter='less'
    '@TestAppBundle/Resources/public/css/main.less' %}
    <link rel="stylesheet" href="{{ asset_url }}" type="text/css" media="all" />
{% endstylesheets %}

main.less

// Twitter Bootstrap
@import "bootstrap/bootstrap.less";

../bootstrap/bootstrap.less

/*!
 * Bootstrap v1.1.1
 *
 * Copyright 2011 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 * Date: @DATE
 */
// CSS Reset
@import "reset.less";

// Core
@import "preboot.less";
@import "scaffolding.less";

// Styled patterns and elements
@import "type.less";
@import "forms.less";
@import "tables.less";
@import "patterns.less";

It compiles with no errors, but when I view the generated CSS, it cuts off on the last file early. Any ideas?

../web/app_dev.php/css/1a78627_main_1.css

...
/* This snippet is from the last file imported: patterns.less */
.modal .modal-footer {
  background-color: #f5f5f5;
  padding: 14px 20px 15px;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-bo

A final note... when I run the less compiler manually it outputs the full css with no cutoff:

bash$ /usr/local/bin/lessc main.less
@kriswallsmith
Copy link
Owner

Please try the Assetic branch lessc-bin and the less.js master branch.

@aar0nr
Copy link
Author

aar0nr commented Aug 29, 2011

I tried the lessc-bin branch and updated the LESS Compiler to the master (v.1.1.4) and it still produces the same result.

config.yml

# Assetic Configuration
assetic:
    debug:          %kernel.debug%
    use_controller: false
    filters:
        cssrewrite: ~
        less:
            lessc: /usr/local/bin/lessc

The command lines still work though.

// parse
bash$ lessc main.less > output.css
// parse and minify
bash$ lessc -x main.less > output.css

@kriswallsmith
Copy link
Owner

Can you confirm your copy of Assetic includes 63ff42e?

@aar0nr
Copy link
Author

aar0nr commented Aug 29, 2011

I saw that ticket before, and I did confirm that line was removed. However, I deleted my Assetic folder, and pulled down the latest commit from master. Then I reinstalled less and put everything back the way it was and it works. gasp

Thanks for your patience. Closing.

@aar0nr aar0nr closed this as completed Aug 29, 2011
@cordoval
Copy link

found the same problem, thanks for issueing these great tickets!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants