jlong / sass-bootstrap-defunct Goto Github PK

Sorry for the rookie question, but i'm a bit new to yo and scss in general...

I would like to use the responsive version of bootstrap, so i tried modifying my main.scss file and include @ import "bootstrap-sass/lib/responsive"; after @ import "bootstrap-sass/lib/bootstrap"; but it doesn't seem to work.

I have this error while compiling mixins

Expected a color. Got: transparent
  (in /home/raphael/sites/ci.imagineapp.com/bennett/app/assets/stylesheets/application.css.sass)
/var/lib/gems/1.9.1/gems/bootstrap-sass-2.2.1.1/vendor/assets/stylesheets/bootstrap/_mixins.scss:457:in `gradient- striped'

Problem looks to be here :

https://github.com/jlong/sass-twitter-bootstrap/blob/master/lib/_mixins.scss#L443

I get the following error when trying to install sass-bootstrap via bower.

any ideas? thanks.

`
$ bower install --save sass-bootstrap

bower cached git://github.com/jlong/sass-twitter-bootstrap.git#2.3.2
bower validate 2.3.2 against git://github.com/jlong/sass-twitter-bootstrap.git#*
bower new version for git://github.com/jlong/sass-twitter-bootstrap.git#*
bower resolve git://github.com/jlong/sass-twitter-bootstrap.git#*
bower download https://github.com/jlong/sass-twitter-bootstrap/archive/v3.0.0.tar.gz
bower extract sass-bootstrap#* archive.tar.gz
bower EACCES EACCES, rename '/var/folders/fk/yx5x295x61b57pw7__h9_tlr0000gn/T/Dappa/bower/sass-bootstrap-2385-eQGGSL'

Stack trace:
Error: EACCES, rename '/var/folders/fk/yx5x295x61b57pw7__h9_tlr0000gn/T/Dappa/bower/sass-bootstrap-2385-eQGGSL'

Console trace:
Trace
at StandardRenderer.error (/usr/local/lib/node_modules/bower/lib/renderers/StandardRenderer.js:74:17)
at Logger. (/usr/local/lib/node_modules/bower/bin/bower:109:18)
at Logger.EventEmitter.emit (events.js:93:17)
at Logger.emit (/usr/local/lib/node_modules/bower/node_modules/bower-logger/lib/Logger.js:29:39)
at /usr/local/lib/node_modules/bower/lib/commands/install.js:27:16
at _rejected (/usr/local/lib/node_modules/bower/node_modules/q/q.js:808:24)
at Promise.then.self.promiseDispatch.threw (/usr/local/lib/node_modules/bower/node_modules/q/q.js:834:30)
at Promise.when (/usr/local/lib/node_modules/bower/node_modules/q/q.js:1079:31)
at Promise.promise.promiseDispatch (/usr/local/lib/node_modules/bower/node_modules/q/q.js:752:41)
at messages (/usr/local/lib/node_modules/bower/node_modules/q/q.js:574:44)

System info:
Bower version: 1.2.7
Node version: 0.8.12
OS: Darwin 11.4.2 x64
`

Packagist.org needs to be updated to reflect the name change in the composer manifest. it could break code that relies on install path and composer-name being in sync. Also it is not possilble to install under the name.

There are some classes that exist in Bootstrap 3.0 like:

.form-control-static

but they are non-existing in the _forms.scss.

This file hasn’t been updated to the latest version.

When using the scssphp filter i get the following error when dumping the bootstrap.

[Exception]
Incompatible units: "%" and "in".: failed at *margin-left: $fluidGridGutte
rWidth - (.5 / $gridRowWidth * 100px * 1%); vendor/
mopa/bootstrap-bundle/Mopa/Bundle/BootstrapBundle/Resources/public/sass/../
../bootstrap-sass/lib/_mixins.scss on line 621

Can I suggest adding more files to be ignored in bower.json likewise in the upstream repository https://github.com/twbs/bootstrap/blob/master/bower.json. This would be convenient when deploying with bower not having so many "meta" files.

I updated to the latest sass-bootstrap (with bootstrap's 3.0.1 release) but I think the glyphicons broke (wrong file path in '_variables.scss'?)

I love this project, thank you.

In your most recent generated file _mixins.scss I think there is a syntax error.

See lines 246 and 253:
// Drop shadows
@mixin box-shadow($shadow...) {
-webkit-box-shadow: $shadow;
-moz-box-shadow: $shadow;
box-shadow: $shadow;
}

// Transitions
@mixin transition($transition...) {
-webkit-transition: $transition;
-moz-transition: $transition;
-o-transition: $transition;
transition: $transition;

I don't think ellipsis or three periods compile. Right?

Is the 3.0.0-wip branch to ready to be tagged to match the 3.0.0 release? This would be useful for Bower.

Thanks!

The comments on the js files in the js and dist directories have comment with the version v3.0.0.
I haven't performed a diff to check it that's the only thing wrong but the bootstrap less files all show v3.0.1

Here's the error:

[email protected] install /Users/jimmy/Sites/index.er/public/assets/sass-bootstrap/node_modules/grunt-contrib-qunit/node_modules/grunt-lib-phantomjs/node_modules/phantomjs
node install.js

Downloading http://phantomjs.googlecode.com/files/phantomjs-1.9.2-macosx.zip
Saving to /Users/jimmy/Sites/index.er/public/assets/sass-bootstrap/node_modules/grunt-contrib-qunit/node_modules/grunt-lib-phantomjs/node_modules/phantomjs/phantomjs/phantomjs-1.9.2-macosx.zip
Receiving...
Error requesting archive
Phantom installation failed [Error: Error with http request: { 'content-type': 'text/html; charset="utf-8"' }] Error: Error with http request: { 'content-type': 'text/html; charset="utf-8"' }
at ClientRequest. (/Users/jimmy/Sites/index.er/public/assets/sass-bootstrap/node_modules/grunt-contrib-qunit/node_modules/grunt-lib-phantomjs/node_modules/phantomjs/install.js:227:23)
at ClientRequest.g (events.js:175:14)
at ClientRequest.EventEmitter.emit (events.js:95:17)
at HTTPParser.parserOnIncomingClient as onIncoming
at HTTPParser.parserOnHeadersComplete as onHeadersComplete
at Socket.socketOnData as ondata
at TCP.onread (net.js:525:27)
npm ERR! weird error 1
npm ERR! not ok code 0

I'm confused to why bootstrap.js is missing from the js directory, but is included in the assets directory inside docs. Why is it missing from js?

Hey,

Starting a new Bootstrap project today involving some style guide crafting. Upon download I see you have a bunch of HTML components, using some templating...

How do I get index.html up and running?

Do I need to run the https://github.com/bower/bower part of the setup + setup http://twitter.github.io/hogan.js/ or something?

Current view:

Yours hopefully,

I was wondering why the Gruntfile is setup to compile Less files and not the Sass files - this is a Sass version of bootstrap, so shouldn't the Gruntfile use a Sass compiler?

Hi,

thanks for the great work! I just built my first rails app using Bootstrap carousel.

If i visit the page with my iPhone 5 i have a white space on the right side of the carousel. The same behavior when visiting

http://twitter.github.com/bootstrap/examples/carousel.html

Is there anyway I can fix this?

If you want to see for yourself:

http://swimcy.com

Thank you very much!

Joh

Would be very useful if sass-twitter-bootstrap was available through the front-end package manager Bower: https://github.com/twitter/bower

That way you could just do bower install sass-twitter-bootstrap and have it included in your app.

I can submit a PR for the required component.json if you're interested.

In _navbar.scss:

.navbar-nav {
  margin: ($navbar-padding-vertical / 2) -$navbar-padding-horizontal;
  ...
}

In original LESS version it supposed to set both horizontal and vertical margins, but in SASS it's simply subtract values. So I think it should be:

.navbar-nav {
  margin: ($navbar-padding-vertical / 2) (-$navbar-padding-horizontal);
  ...
}

After cloning the repository, installing grunt-cli globally and "npm install", running "grunt dist" outputs:

Running "clean:dist" (clean) task

Running "recess:bootstrap" (recess) task

GENERAL USE: $ recess [path] [options]

OPTIONS:
  --compile
  --compress
  --config
  --format
  --includePath
  --noIDs
  --noJSPrefix
  --noOverqualifying
  --noSummary
  --noUnderscores
  --noUniversalSelectors
  --prefixWhitespace
  --strictPropertyOrder
  --stripColors
  --watch
  --zeroUnits
  --inlineImages

EXAMPLE:

  $ recess ./bootstrap.css --noIDs false

GENERAL HELP: http://git.io/recess

To sum up, CSS compiling does not work.

Recess version:

➜  sass-bootstrap git:(master) ✗ recess --version
1.1.9

Bootstrap recently added .container-fluid class. It would be great if this sass fork can update.

Reference:
twbs@6273604

Hi

I would to know how can i replace the less version (used by openframework: https://github.com/SU-SWS/open_framework) by the sass version, and having a code example to use span like intead of adding classes to my tpl file.It would be something like :
.my-classes{ @include span4;}

thanks for tips

Seems there's no need for !default in variables due to http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variable_defaults_.

It is used only inside _variables.scss.

Some of the font variables were missing !defaults. This was fixed in bootstrap-sass locally but it looks like the fix isn't on this repo yet. Here is a patch:

From 08ec7f4936d2719a4118d6c0f38f48b93b6ca11c Mon Sep 17 00:00:00 2001
From: Thomas McDonald <[email protected]>
Date: Fri, 24 May 2013 15:34:30 +0100
Subject: [PATCH] Adds !default to some font variables where it was missing

---
 lib/_variables.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/_variables.scss b/lib/_variables.scss
index a30f355..e375202 100644
--- a/lib/_variables.scss
+++ b/lib/_variables.scss
@@ -62,9 +62,9 @@ $headingsColor:         inherit !default; // empty to use BS default, $textColor
 // -------------------------
 // Based on 14px font-size and 20px line-height

-$fontSizeLarge:         $baseFontSize * 1.25; // ~18px
-$fontSizeSmall:         $baseFontSize * 0.85; // ~12px
-$fontSizeMini:          $baseFontSize * 0.75; // ~11px
+$fontSizeLarge:         $baseFontSize * 1.25 !default; // ~18px
+$fontSizeSmall:         $baseFontSize * 0.85 !default; // ~12px
+$fontSizeMini:          $baseFontSize * 0.75 !default; // ~11px

 $paddingLarge:          11px 19px !default; // 44px
 $paddingSmall:          2px 10px !default;  // 26px
-- 
1.7.11

It would be great if there is a copy of the v.2.3.2 available in a separate branch, same as the main bootstrap repo.
We are note yet using v.3.0.0 in our work.

It seems that bower depends on git tags for versioning – currently, the component.json is for version 2.2.1 but bower does not pick that up; I guess you need to add v2.2.1 git tag in order for bower to be able to install the current version.

https://github.com/twbs/bootstrap/releases/tag/v3.0.1

Hi

How can i use the fluid layout with the sass version of TBS ?
Actually i test wgithout success :

.rowZone{
    //@include makeRow;
@include makeRowFluid; don't work
@include makeFluidRow; don't work
    @extend .row-fluid; no seem to work
}

thanks

Hi, trying to figure out a way to override _variables.scss.

Should I add a _bootstrap_overrides.scss with the overrides and import this file after

@import "variables";
@import "../../sass/bootstrap_overrides";

any better way to do this?

Please add the following to _component-animations.scss (at the end of the file):

.collapsing
{
position: relative;
height: 0;
overflow: hidden;
@include transition(height .35s ease);
}

Otherwise the closing of the navigation bar using the button displays the links too long. As in after the dropdown has already closed.

Thanks!

ps -> Thanks for the sass translation awesome sauce!

I am using sass-bootstrap with with leafo/sccsphp and it appears to be breaking when including _navs.scss:

After some debugging, I've tracked it down to https://github.com/jlong/sass-bootstrap/blob/master/lib/_navs.scss#L104. Looks like extending a class with the same name as the current class causes an infinite loop:

&.nav-justified {
    @extend .nav-justified;

Not sure if this should compile and is thus an error within scssphp or if it's a bug on this end.

I know it's usually a faux pas to reference an error triggered by another library, but I figured I'd float it out here first since a fix would likely be easier from here. If it looks like an error more applicable to scssphp, then I'll kick it over there.

FWIW, I just commented line 104 to stop the breakage and it doesn't appear to impact anything.

Bootsrap ⇒ Bootstrap

Guys, this project is riddled with errors.
Mixins are failing pretty hard. I'm getting alot of these errors:

Syntax error: Mixin transition takes 1 argument but 2 were passed.

Any ideas why this happens?

sass.renderSync({ file: 'C:\Users\Georgios\Desktop\foo\lib\bootstrap.scss', includePaths: [ 'C:\Users\Georgios
\Desktop\foo\lib' ] });
Error: C:\Users\Georgios\Desktop\foo\lib/_mixins.scss:383: error: error reading values after opacity

Which makes it hard to use sass-twitter-bootstrap as a part of a larger compass project.

Is there any way to work around this? Maybe change the semantics of this particular Bootstrap mixin?

Thanks!

Hey guys. I probably haven't spent enough time looking for an answer, but I actually want to use the sass-twitter-bootstrap in the Sass syntax instead of Scss.

I tried sass-convert but it broke most or all of the files because of how the comments are formatted. It looks like sass-convert doesn't deal with /* comment */ on one line after code.

Has anyone else accomplished using this with Sass instead of Scss?

The http://twitter.github.com/bootstrap link in the repo's description leads to a 404 page. It should be updated to http://getbootstrap.com

When using compass, I've got Line 79 of _grid.scss: Invalid US-ASCII character '\xE2' and I've identified the problem to four occurrences of — within comments in that file. I've tried to set @charset 'UTF-8' but still the issues persist. In the end I just replaced the offending char with normal dash and it compiles fine afterwards.

Am I doing something wrong here or it's just my PC having the wrong settings?

Thanks.

moxin .horizontal-three-colors was not translated from original sources (mixins.less)

I seem to be getting endless recursion errors when compiling with https://github.com/richthegeek/phpsass

the compiler fails at _grid.scss container-fixed mixin.

Is this a sass-bootstrap issue?

After updating to 3.0.1, here's the error I'm getting from sassc (libsass):

/assets/scss/bootstrap/mixins:712: error: invalid selector after ,

Any ideas on what might be wrong? Thanks!

I am trying to use Yeoman, and bootstrap isn't loading because of bower. When I try to install the package: bower install sass-bootstrap-compass

Search results:

sass-bootstrap git://github.com/jlong/sass-bootstrap.git
sass-bootstrap-compass git://github.com/alademann/sass-bootstrap.git
sass-bootstrap-glyphicons git://github.com/greaterweb/sass-bootstrap-glyphicons.git
chosen-sass-bootstrap git://github.com/joeylomanto/chosen-sass-bootstrap.git

$ bower install sass-bootstrap-compass
bower not-cached git://github.com/jlong/sass-bootstrap.git#~3.0.0
bower resolve git://github.com/jlong/sass-bootstrap.git#~3.0.0
bower not-cached git://github.com/Modernizr/Modernizr.git#~2.6.2
bower resolve git://github.com/Modernizr/Modernizr.git#~2.6.2
bower not-cached git://github.com/components/jquery.git#~1.10.2
bower resolve git://github.com/components/jquery.git#~1.10.2
bower not-cached git://github.com/alademann/sass-bootstrap.git#*
bower resolve git://github.com/alademann/sass-bootstrap.git#*
bower ECMDERR Failed to execute "git ls-remote --tags --heads git://github.com/components/jquery.git", exit code of #69

Additional error details:
Agreeing to the Xcode/iOS license requires admin privileges, please re-run as root via sudo.

when I try running sudo I get this:
bower ESUDO Cannot be run with sudo

Additional error details:
Since bower is a user command, there is no need to execute it with superuser permissions.
If you're having permission errors when using bower without sudo, please spend a few minutes learning more about how your system should work and make any necessary repairs.

http://www.joyent.com/blog/installing-node-and-npm
https://gist.github.com/isaacs/579814

You can however run a command with sudo using --allow-root option

I have done so with no luck. I am not sure how to fix this, but I would love a hand. Thanks in advance.

• C

Line 634 _mixin.scss: Undefined variable: “$gridColums”

You missed a letter 'n' , it should be $gridColumns

All grid column reset classes like .col-md-offset-0 are missing in 3.0.2.

Affected:
$class: all classes (sx, sm, md and lg)
$type: pull, push and offset

They are missing in bootstrap 3.0.1 also but were added back in 3.0.2 However in sass-bootstrap 3.0.2 they are still missing.

Example:
http://jsbin.com/eSeMelU

Seems the loop index is starting with 1 instead of 0 within mixin make-grid. In mixin calc-grid there is a condition for not creating $type = width with index 0. But calc-grid will never get called with 0 at the moment.

Hi guys,

I'm just trying to use this with a Laravel 4 project, using LaravelGuard to watch/compile/minify the sass => css.

I have a application.scss and I'm trying to @import 'bootstrap'; but it fails because of compass...

any ideas how to get it sorted?

It would be more efficient to have this project as a standalone project.
It's a mess (git) if you want to work on the original Bootstrap (branches) and this one.

Just a suggestion

why not to separate mixins like this:

lib/mixins/button-variant.scss
lib/mixins/box-shadow.scss
...

each mixin in one file, so we can easy replace mixins.

I tried compiling sass-twitter-bootstrap with https://github.com/leafo/scssphp , but it doesn't work because of the usage of this kind of syntax:

@mixin test($color, $textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
  border-color: darken($color, 15%);
}

The default argument for $textShadow makes the compiler fail. I guess this must be a new feature.

I do not understand it at all.

I came here to use the sass version of twitter bootstrap, but the quick start tells me to use the original less version from twitter. I think the README needs to be improved. So why did I came here?

WARNING on line 149 of _navbar.scss: ".navbar-form" failed to @extend ".form-inline".
The selector ".form-inline" was not found.
This will be an error in future releases of Sass.
Use "@extend .form-inline !optional" if the extend should be able to fail.

Couldn't find this in previous issues. My bad if I missed something.

Would it be possible to upgrade the jQuery dependency in component.json to 1.9?

The official Bootstrap 2.3 has upgraded to jQuery 1.9

When using Bower to install the user receives a warning

Please note that
    your-webapp requires jquery ~1.9.1
    sass-bootstrap requires jquery ~1.8.0

Resolved to jquery v1.9.1, which matches the requirement defined in the project's component.json.
Conflicts may occur.

No harm comes of this but would be nice to clean up the warning