I really do like the Base framework. I think it's neat. It gets the job done pretty well for me.

However, I just feel that it could do with push/pull classes. Most frameworks have it. Why should Base not have it?

I propose to move the the selectors .no-margin and .no-padding into _helper.scss so you don't have to include _grid.scss to compile base without error.

Hello!

Since it's not necessary to add a col class for specify the number, now it's necessary to add "col" twice.

I means, with 1.5, a column will be defined as follow:

<div class="col two">Content</div>

and now:

<div class="col col-2">Content</div>

As you can see, you have to ad it twice.

You can make a rule on the css for add the floating and the margin to all the columns using something similar to that. (Apply to all the class names matching this rule):

div[class^="col-"], div[class*=" col-"] {
    margin-left: 2%;
    float: left;
}

Thanks.

I would love to see responsive text-align helpers like this:

// Mobile: _helpers.less already contains these:
// Text Alignments
// .text-left { text-align: left; }
// .text-right { text-align: right; }
// .text-center { text-align: center; }
// .text-justify { text-align: justify; }

// Tablet overrides
.text-center-tablet {
  text-align: center;
}

.text-right-tablet {
  text-align: right;
}
.text-left-tablet {
  text-align: left;
}

// Desktop overrides
.text-center-desktop {
  text-align: center;
}

.text-right-desktop {
  text-align: right;
}
.text-left-desktop {
  text-align: left;
}

Mobile designs often need text to be centered but currently Base doesn't have tools to remove that on larger screens.

Would it be possible to provide a compiled version of the CSS again? In previous versions this was located in the dist directory (and later in the css directory), but the last version I could find that contains the compiled CSS is V3.52, which was released two years ago. It would be great to have a canonical version of the latest Base CSS source as a single CSS file.

I use arrows a lot and I think a mixin can come handy.

Here is the LESS version: http://codepen.io/rolandtoth/pen/jbjbEV?editors=110

And the SCSS: http://codepen.io/rolandtoth/pen/GpbZgG?editors=110

Just out of curiosity, why are the helpers at the bottom of the main style.less file? I know it's easy to move it up but as it is now one can't globally override anything.

Trying to install your framework using yarn and ran into the following

Command: cp ./node_modules/normalize.css/normalize.css ./scss/normalize.scss && cp ./node_modules/normalize.css/normalize.css ./less/normalize.less Arguments:

cp: cannot stat './node_modules/normalize.css/normalize.css': No such file or directory

Currently I only know what's visible in the documentation. There <select> fields are smaller (less height) than <input type="text"> fields. Wouldn't it be nice to make all input fields look similar by default? I'm looking for an appropriate CSS framework for an upcoming project and I saw that Skeleton does that and it looks nicer to me.

Sorry to bother again, but perhaps such helper could come handy, especially when creating web apps:

.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

Btw, do you prefer pull request or it is better to post here?

The base webiste says it's mobile-first, but looking at the less files, it seems it's desktop first, with media queries for tablets and desktop- or am I wrong?

This PR updates the operators used in sass/grid.scss as described in the Sass docs.

As of Dart Sass 2.0.0 / will no longer be usable as division. This PR updates the codebase to be compatible for when that happens.

Hi, I'm making updates for Open Collective. Either you or another core contributor signed this repository up for Open Collective. This pull request adds financial contributors from your Open Collective https://opencollective.com/base ❤️

What it does:

• adds a badge to show the latest number of financial contributors
• adds a banner displaying contributors to the project on GitHub
• adds a banner displaying all individuals contributing financially on Open Collective
• adds a section displaying all organizations contributing financially on Open Collective, with their logo and a link to their website

P.S: As with any pull request, feel free to comment or suggest changes.

Thank you for your great contribution to the Open Source community. You are awesome! 🙌 And welcome to the Open Collective community! 😊

Come chat with us in the #opensource channel on https://slack.opencollective.com - great place to ask questions and share best practices with other Open Source sustainers!