Let's add Bootstrap-utilities.css to dist!

Created by: julian-hecker

Hello, Bootstrap Community!

I think that Bootstrap would benefit from having a distributable bootstrap-utilities.css file, just as there is a bootstrap-grid.css and bootstrap-reboot.css files alongside the full bootstrap.css.

Such a file:

would not require absolutely any JavaScript in order to work,
only requires the addition of one scss file to the scss directory,
is completely customizable by editing the _variables.scss and _utilities.scss files,
provides a wealth of features to developers without requiring anything else.

The following code compiles to a bootstrap-utilities.css file and minifies to about 50KB.

// bootstrap/scss/bootstrap-utilities.scss

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


// Configuration

@import "functions";
@import "variables";
@import "mixins";
@import "utilities";


// Utilities

@import "utilities/api";
@import "utilities/sizing";
@import "utilities/text";
@import "utilities/visibility";

Let's do this!!

Pull Request: #29027