Upgrade to bootstrap 3.0

[yoshuawuyts]

Do you have any plans to upgrade to bootstrap 3.0 when it comes out? The rc has been out for a while, and I'm just curious if I can stick to your project.

[maxmx]

Yup, I'll translate it to stylus as soon as its officially out.

[yoshuawuyts]

Sweet! Looking forward to it.

[raulghm]

Nice work, I also hope to see the upgrade to stylus :)

[abrkn]

👍

[skw]

A heads up, v3 is moving from CSS reset to normalize.css. I've ported it here, I was porting v3 sometime ago but am moving towards styl and rework instead.

Also you will encounter some problems in media queries as stylus does not currently support variables as arguments in media queries (which there is a lot of in v3), there's offcourse a lot of really messy workarounds.

[maxmx]

Thanks for the heads up, do you have any pointers fr the workarounds for supporting the variables in the media queries?

[skw]

Sort-off, there's a few workarounds that you can find by browsing issues (which I have attached to this comment) in the Stylus repo. The solution I had was creating a media mixin, however I wasn't really happy with it.

My solution

// media
media(args...)
  output = null
  for arg in args
    // check for tuple
    if arg[1]
      push(output,unquote('(%s: %s)' % (arg[0] arg[1])))
    else
      push(output,unquote(arg))

  unquote(s('%s',output))

Which can be used like this:

$_media = media(screen,'and',(min-width $screen-small))
@media $_media
  generate-large-grid-columns($grid-columns)

Besides the problem with @media queries Stylus is limited in that you can't write mixins as selectors, I had envisioned something like this:

// this does NOT work!
media(screen,'and',(min-width $screen-small))
  generate-large-grid-columns($grid-columns)

// neither does this:
@media media(screen,'and',(min-width $screen-small))
  generate-large-grid-columns($grid-columns)

Relevant Stylus issues:

• Executing functions in selectors (related to @media parameter passing support)
• Variables inside @media declarations
• Storing media queries in variables / mixins?

Final Thoughts

These issues have been open for a while and the pull requests have largely been ignored. I can only guess that the reason is that TJHolowaychuk is too busy and is more interested in developing Styl and Rework.

Being somewhat of a hipster, I decided to abandon my stylus port of v3 to stylus and work on styl/rework projects (plugins and libraries).

[skw]

BS 3 is out.

[abrkn]

Very interesting, will try soon

[abrkn]

Where are we on 3.0? Looking to upgrade.

[maxmx]

I'll be back from vacation on August 8th so in the following days.

On 2013-08-01, at 15:49, abrkn notifications@github.com wrote:

Where are we on 3.0? Looking to upgrade.

—
Reply to this email directly or view it on GitHub.

[maxmx]

I'll wait a bit for final release before making a translation seeing how the current release seems to be constantly updated.

[getvega]

Thanks maxmx, can't wait to try it out.

[bumbu]

Will new version make use of nib methods or it will use custom (mixins) functions?

[maxmx]

Allright release candidates are done, expect v3 in a few days.

[maxmx]

I'll try to make it nib-dependent

[getvega]

Great news ! Thank you

[notslang]

I'm working on a project that really needs BS3, but it uses stylus. Could you publish your progress with the port in a separate branch so I could pull from it (and maybe contribute)?

[skw]

+1 for branch updates, if your lazy just add -A changes.

Btw I'm working on a less to stylus 'parser', it uses the less CSS parser if anyone's interested is using or contributing.

[maxmx]

Ssup dudes, I released it, I'm sure there are still some bugs left, but I ran the compiled css on the documentation site and everything looked good so far.

Also, I kept the mixins in instead of using nib, it was the easiest way to release this as fast as possible.

Please contribute if you find anything.

[liqweed]

@maxmx Could you please tag the release so that bower can resolve the new version?
I'm having a bad "No tag found that was able to satisfy 3.0.0" day :)

[maxmx]

@liqweed Done!

[liqweed]

Works!
Thanks 👍

[getvega]

Everything fine on our end. Thanks !

I just had a max call stack error in the mixins

scale(ratio) {
  -webkit-transform: scale(ratio);
      -ms-transform: scale(ratio); // IE9+
          transform: scale(ratio);
}

Guess it'll be the same for rotate and other as well ?

[maxmx]

Right, its probably not used in bootstrap but you used it somewhere, I'll fix these soon.

[maxmx]

@liqweed I re-tagged the release with some bug fixes, I'd rather keep the 3.0.0 version so I deleted the tag and recreated it, you should update with bower if needed (especially if you were using any of the custom mixins as @getvega pointed out)

[liqweed]

@maxmx np, thanks for the heads up.

btw, I had a problem importing Bootstrap's theme.styl - would this by any chance address that?

[maxmx]

Yes i gave some love to the overlooked theme.styl file and even gave it a separate build using grunt.

On 2013-08-29, at 7:15, liqweed notifications@github.com wrote:

@maxmx np, thanks for the heads up.

btw, I had a problem importing Bootstrap's theme.styl - would this by any chance address that?

—
Reply to this email directly or view it on GitHub.

[arxpoetica]

@skw where can I find your less to stylus parser?

Awesome work everyone who built this. (@maxmx and party) +++1