cantierecreativo / bemo Goto Github PK

They're too complex to master, and don't work with breakpoints

Hi there,

we've noticed a regression on Safari (tested only on 9.1) after this commit e6528a3

We see you are trying to fix the space-between-inline-blocks problem , but Safari interprets the -1000em value literally ^_^ and the result is a collapsed grid with only the first element visible.

We found the good man Coyer said to use a value of -4px here, but - God bless him - as far as I can see in Safari 9.1 -5px seems the way to go. This value is compliant with other browsers.

I'm dropping a codepen http://codepen.io/pioneerskies/pen/pyxNvd in order to quickly overview the bug.

Thanks in advance for your feedback

Cheers

As it can be used anywhere, it should not be a semantic name.

Take http://getflakes.com/preview/typography.html as an example

rails-sass is not required in Rails, it simply adds globbing fuctionality, so we can remove sass-list-maps and use sass 3.3 native maps.

@spleenteo @nebirhos @mzampetti Would defining breakpoints like this make more sense?

// define breakpoints
$breakpoint-widths: ('palm' 768px, 'lap' 1024px, 'desk' 1500px)

// 0px        768px           1024px           1500px     Infinity
// |            |               |                |               |
// |<-- palm -->|               |                |               |
// |            |<-- lap ------>|                |               |
// |            |<-- gte-lap ----------------------------------->|
// |<--------------- lte-lap -->|                |               |
// |            |               |<-- desk ------>|               |
// |            |               |<-- gte-desk ------------------>|
// |<------------------------------- lte-desk -->|               |
// |            |               |                |<-- gt-desk -->|
// |            |               |                |               |
// 0px        768px           1024px           1500px     Infinity

.pull and .push modifiers are not influenced by grid gutter modifiers gird--wide and grid--narrow

Autoprefixer is the way to go. If we don't need CSS3 mixins anymore, than what's the purpose of Bourbon? Let's add the most used Bourbon helper mixins directly inside BEMO (or create a separate mixin library).

After a crean installation, on the first initialization I get the error:

".formatted-content blockquote:before" failed to @extend ".icon--quote:before". The selector ".icon--quote:before" was not found.

from the _formatted_content block, as .icon--quote does not exist:

Probably due to sample icons/images not being shipped anymore embedded in the project.

Ho riscontrato delle difficoltà nella installazione sotto OsX.
Il problema è generato da grunt-webfont che richiede 'fontforge' come engine. Dopo averlo installato tramite brew e dopo avere utilizzato diverse opzioni di compilazione, il task fallisce sempre.
Ho risolto utilizzando come engine, anche se dalla documentazione scrivono che è sperimentale, 'node'.
Qualche suggerimento in merito?
Grazie anticipatamente

Replace it with a less semantic name.

Fresh install of bemo by the installer on a rails project.

File to import not found or unreadable: functions/assign-inputs.
Load paths:
  app/assets/fonts
  app/assets/images
  app/assets/javascripts
  app/assets/stylesheets
  vendor/assets/javascripts
  vendor/assets/stylesheets
  /Users/rugginoso/.rbenv/versions/2.1.5/lib/ruby/gems/2.1.0/gems/rails-assets-normalize-scss-3.0.2/app/assets/stylesheets
  /Users/rugginoso/.rbenv/versions/2.1.5/lib/ruby/gems/2.1.0/gems/normalize-rails-3.0.1/vendor/assets/stylesheets
  /Users/rugginoso/.rbenv/versions/2.1.5/lib/ruby/gems/2.1.0/gems/jquery-rails-3.1.2/vendor/assets/javascripts
  /Users/rugginoso/.rbenv/versions/2.1.5/lib/ruby/gems/2.1.0/gems/coffee-rails-4.1.0/lib/assets/javascripts
  (in app/assets/stylesheets/application.css.sass:3)

Example:

http://codyhouse.co/demo/content-filter/index.html