bootstrap_sass 3.3.6

  • README.md
  • CHANGELOG.md
  • Installing
  • Versions
  • 68

bootstrap_sass

This project contains all the bootstrap sass source files. This project will be useful to create new themes using sass.

bootstrap_sass is a Sass-powered version of Bootstrap 3, ready to drop right into your Sass powered applications.

Usage

Create a new project with next structure:

[project_root]
  ├─ pubspec.yaml
  ├─ web
  │  ├─ index.html
  │  ├─ variables.scss
  │  ├─ theme.scss
  │  └─ ... other files and folders ...
  └─ lib
     └─ ... lib files and folders ...

In the pubspect.yaml file add the bootstrap_sass dependency and sass dependency, then you will need to add sass transformer (this is in charge of converting sass files into css).

...
depencencies:
  ...
  bootstrap_sass: any
  sass: any
  ...
transformers:
  ...
  - sass
  ...

Then in variables.scss add the variables you want to modify

//== Colors
//
//## Gray and brand colors for use across Bootstrap.

$gray-base: #800625;
$gray-darker:            lighten($gray-base, 13.5%); // #222
$gray-dark:              lighten($gray-base, 20%);   // #333
$gray:                   lighten($gray-base, 33.5%); // #555
$gray-light:             lighten($gray-base, 60%);   // #999
$gray-lighter:           lighten($gray-base, 93.5%); // #eee

$brand-primary:          #e72b42;
$brand-success:          #73A839;
$brand-info:             #033C73;
$brand-warning:          #DD5600;
$brand-danger:           #22afc7;
...

Then in the theme.scss add the styles you need to change.

@import 'variables' // variables should be before bootstrap to override variable values
@import 'packages/bootstrap_sass/stylesheets/bootstrap';

// Cerulean 3.3.5
// Bootswatch
// -----------------------------------------------------

@mixin btn-shadow($color){
  @include gradient-vertical-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%));
  filter: none;
  border-bottom: 1px solid darken($color, 10%);
}

// Navbar =====================================================================

.navbar {
  @include btn-shadow($navbar-default-bg);
  filter: none;
  @include box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));

  &-default {

    .badge {
      background-color: #fff;
      color: $navbar-default-bg;
    }
  }

  &-inverse {
    @include gradient-vertical-three-colors(lighten($navbar-inverse-bg, 8%), lighten($navbar-inverse-bg, 4%), 60%, darken($navbar-inverse-bg, 2%));
    filter: none;
    border-bottom: 1px solid darken($navbar-inverse-bg, 10%);

    .badge {
      background-color: #fff;
      color: $navbar-inverse-bg;
    }
  }

  .navbar-nav > li > a,
  &-brand {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  }
}
...

Finally in the index.html you will add the link to theme.css as it follows:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- you could add bootstrap.css file -->
  <link rel="stylesheet" href="packages/bootstrap_sass/sass/bootstrap.css">
  <!-- you can also add theme.css -->
  <link rel="stylesheet" href="theme.css">
</head>
<body>
  <!-- ... content here ... -->
</body>
</html>

Credits

bootstrap-sass has a number of major contributors:

and a [significant number of other contributors][contrib].

Bugs and feature requests

Have a bug or a feature request? Please open a new issue.

Code and documentation copyright 2011-2015 Twitter, Inc. Code released under the MIT license. Docs released under Creative Commons.

Changelog

3.3.6

  • Bumps Sass dependency to 3.3.4+ to avoid compatibility issues with @at-root.
  • Bumps node-sass dependency to ~3.4.2 for Node.js v5 compatibility. #986
  • Fixes breadcrumb content issues on libsass. #919
  • Fixes a Rails 5 compatibility issue. #965

Framework version: Bootstrap v3.3.6

3.3.5

Fix for standalone Compass extension compatibility. #914

Framework version: Bootstrap v3.3.5

3.3.4

No Sass-specific changes.

Framework version: Bootstrap v3.3.4

3.3.3

This is a re-packaged release of 3.3.2.1 (v3.3.2+1).

Versions are now strictly semver. The PATCH version may be ahead of the upstream.

Framework version: Bootstrap v3.3.2.

3.3.2.1

  • Fix glyphicons regression (revert 443d5b49eac84aec1cb2f8ea173554327bfc8c14)

3.3.2.0

  • Autoprefixer is now required, and autoprefixer-rails is now a dependency for the ruby gem. #824
  • Minimum precision reduced from 10 to 8 #821
  • Requiring bootstrap JS from npm now works #812
  • Fix Sass 3.4.x + IE10 compatibility issue #803
  • Provide minified JS bundle #777
  • Bower package is now at bootstrap-sass #813

3.3.1.0

  • Variables override template at templates/project/_bootstrap-variables.sass
  • Readme: Bower + Rails configuration

3.3.0.1

  • Fix loading issue with the ruby gem version

3.3.0

  • Improve libsass compatibility
  • Support using Bower package with Rails

3.2.0.2

Main bootstrap file is now a partial (_bootstrap.scss), for compatibility with Compass 1+.

Fixed a number of bugs. Issues closed in v3.2.0.2.

3.2.0.1

Fixed a number of bugs: Issues closed in v3.2.0.1.

3.2.0.0

  • Assets (Sass, JS, fonts) moved from vendor/assets to assets. bootstrap.js now contains concatenated JS.
  • Compass generator now copies JS and fonts, and provides a better default styles.sass.
  • Compass, Sprockets, and Mincer asset path helpers are now provided in pure Sass: bootstrap-compass, bootstrap-sprockets, and bootstrap-mincer. Asset path helpers must be imported before bootstrap, more in Readme.
  • Sprockets / Mincer JS manifest has been moved to bootstrap-sprockets.js. It can be required without adding Bootstrap JS directory to load path, as it now uses relative paths.
  • Sprockets: depend_on_asset (glyphicons.scss) has been changed to depend_on to work around an issue with depend_on_asset. More information.

3.1.1.0

  • Updated Bower docs

3.1.0.2

  • #523: Rails 3.2 compatibility
  • Bugfixes from upstream up to 7eb532262fbd1112215b5a547b9285794b5360ab.

3.1.0.1

  • #518: scale mixin Sass compatibility issue

3.1.0.0

  • compiles with libsass master

3.0.2.1

  • fix vendor paths for compass

3.0.0.0

  • Fully automated (lots of string juggling) LESS -> Sass conversion. - Gleb Mazovetskiy
  • Ported rake task from vwall/compass-twitter-bootstrap to convert Bootstrap upstream - Peter Gumeson
  • Moved javascripts to us bootstrap-component.js to bootstrap/component.js - Peter Gumeson

2.3.2.2

  • Allow sass-rails >= 3.2 - Thomas McDonald

2.3.2.1

2.3.2.0

  • Update to Bootstrap 2.3.2 - Dan Allen

2.3.1.3

  • Find the correct Sprockets context for the image_path function - Tristan Harward, Gleb Mazovetskiy

2.3.1.2

  • Fix changes to image url - Gleb Mazovetskiy
  • Copy _variables into project on Compass install - Phil Thompson
  • Add bootstrap-affix to the Compass template file - brief

2.3.1.1 (yanked)

  • Change how image_url is handled internally - Tristan Harward
  • Fix some font variables not having !default - Thomas McDonald

2.3.0.0

  • [#290] Update to Bootstrap 2.3.0 - Tristan Harward
  • Fix rake:debug with new file locations - Thomas McDonald
  • Add draft contributing document - Thomas McDonald
  • [#260] Add our load path to the global Sass load path - Tristan Harward
  • [#275] Use GitHub notation in Sass head testing gemfile - Timo Schilling
  • [#279, #283] Readme improvements - theverything, Philip Arndt

2.2.2.0

  • [#270] Update to Bootstrap 2.2.2 - Tristan Harward
  • [#266] Add license to gemspec - Peter Marsh

2.2.1.1

  • [#258] Use bootstrap prefix for @importing files in bootstrap/bootstrap.scss - Umair Siddique

2.2.1.0

  • [#246] Update to Bootstrap 2.2.1 - Tristan Harward
  • [#246] Pull Bootstrap updates from jlong/sass-twitter-bootstrap - Tristan Harward

2.1.1.0

  • Update to Bootstrap 2.1.1
  • [#222] Remove 100% multiplier in vertical-three-colours
  • [#227] Fix IE component animation collapse
  • [#228] Fix variables documentation link
  • [#231] Made .input-block-level a class as well as mixin

2.1.0.1

  • [#219] Fix expected a color. Got: transparent.
  • [#207] Add missing warning style for table row highlighting
  • [#208] Use grid-input-span for input spans

2.1.0.0

  • Updated to Bootstrap 2.1
  • Changed some mixin names to be more consistent. Nested mixins in Less are separated by a - when they are flattened in Sass.

2.0.4.1

  • Fix .row-fluid > spanX nesting
  • Small Javascript fixes for those staying on the 2.0.4 release
  • Add !default to z-index variables.

2.0.4.0

  • Updated to Bootstrap 2.0.4
  • Switched to Bootstrap 2.0.3+'s method of separating responsive files
  • [#149, #150] Fix off by one error introduced with manual revert of media query breakpoints
  • rake debug and rake test both compile bootstrap & bootstrap-responsive

2.0.3.1

  • [#145, #146] Fix button alignment in collapsing navbar as a result of an incorrect variable

2.0.3

  • Updated to Bootstrap 2.0.3
  • [#106] Support for Rails < 3.1 through Compass
  • [#132] Add CI testing
  • [#106] Support Rails w/Compass
  • [#134] Fix support for Rails w/Compass

2.0.2

  • [#86] Updated to Bootstrap 2.0.2 Things of note: static navbars now have full width. (to be fixed in 2.0.3) .navbar-inner > .container { width:940px; } seems to work in the meanwhile
  • [#62] Fixed asset compilation taking a very long time.
  • [#69, #79, #80] (Hopefully) clarified README. Now with less cat humour.
  • [#91] Removed doubled up Sass extensions for Rails.
  • [#63, #73] Allow for overriding of image-path
  • [SO] Added makeFluidColumn mixin for defining fluid columns. Fluid rows must use @extend .row-fluid, and any column inside it can use @include makeFluidColumn(num), where num is the number of columns. Unfortunately, there is a rather major limitation to this: margins on first-child elements must be overriden. See the attached Stack Overflow answer for more information.

2.0.1

  • Updated to Bootstrap 2.0.1
  • Modified @mixin opacity() to take an argument 0...1 rather than 0...100 to be consistent with Compass.

2.0.0

  • Updated to Bootstrap 2.0.0

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  bootstrap_sass: "^3.3.6"

2. Install it

You can install packages from the command line:

with pub:


$ pub get

with Flutter:


$ flutter packages get

Alternatively, your editor might support pub get or packages get. Check the docs for your editor to learn more.

Version Uploaded Documentation Archive
3.3.6 Jan 16, 2016 Go to the documentation of bootstrap_sass 3.3.6 Download bootstrap_sass 3.3.6 archive
4.0.0-beta.2 Dec 3, 2017 Go to the documentation of bootstrap_sass 4.0.0-beta.2 Download bootstrap_sass 4.0.0-beta.2 archive
4.0.0-beta Sep 28, 2017 Go to the documentation of bootstrap_sass 4.0.0-beta Download bootstrap_sass 4.0.0-beta archive
4.0.0-alpha.6 Mar 16, 2017 Go to the documentation of bootstrap_sass 4.0.0-alpha.6 Download bootstrap_sass 4.0.0-alpha.6 archive
4.0.0-alpha.5+1 Feb 24, 2017 Go to the documentation of bootstrap_sass 4.0.0-alpha.5+1 Download bootstrap_sass 4.0.0-alpha.5+1 archive
4.0.0-alpha.5 Dec 18, 2016 Go to the documentation of bootstrap_sass 4.0.0-alpha.5 Download bootstrap_sass 4.0.0-alpha.5 archive
4.0.0-alpha.3+5 Dec 2, 2016 Go to the documentation of bootstrap_sass 4.0.0-alpha.3+5 Download bootstrap_sass 4.0.0-alpha.3+5 archive
4.0.0-alpha.3+4 Aug 27, 2016 Go to the documentation of bootstrap_sass 4.0.0-alpha.3+4 Download bootstrap_sass 4.0.0-alpha.3+4 archive
4.0.0-alpha.3+3 Aug 27, 2016 Go to the documentation of bootstrap_sass 4.0.0-alpha.3+3 Download bootstrap_sass 4.0.0-alpha.3+3 archive
4.0.0-alpha.3+2 Aug 26, 2016 Go to the documentation of bootstrap_sass 4.0.0-alpha.3+2 Download bootstrap_sass 4.0.0-alpha.3+2 archive

All 13 versions...

Analysis

This feature is new.
We welcome feedback.
More details: scoring.

We analyzed this package, and provided a score, details, and suggestions below.

  • completed on Feb 3, 2018
  • Dart: 2.0.0-dev.20.0
  • pana: 0.10.1

Scores

Popularity:
Describes how popular the package is relative to other packages. [more]
77 / 100
Health:
Code health derived from static analysis. [more]
100 / 100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
0 / 100
Overall score:
Weighted score of the above. [more]
68

Platforms

Detected platforms: Flutter, web, other

No libraries.

Suggestions

  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Maintain an example.

    Create a short demo in the example/ directory to show how to use this package. Common file name patterns include: main.dart, example.dart or you could also use bootstrap_sass.dart.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.8.0 <2.0.0
sass ^0.4.2 0.4.2+7 1.0.0-beta.4
Transitive dependencies
async 2.0.3
barback 0.15.2+14
charcode 1.1.1
collection 1.14.5
path 1.5.1
pool 1.3.4
source_span 1.4.0
stack_trace 1.9.1
utf 0.9.0+4