diff --git a/_includes/nav-components.html b/_includes/nav-components.html index a1105cddae..8a40b1f35b 100644 --- a/_includes/nav-components.html +++ b/_includes/nav-components.html @@ -93,8 +93,7 @@
  • Alerts diff --git a/assets/js/customizer.js b/assets/js/customizer.js index 04adb75a2b..039e10d94b 100644 --- a/assets/js/customizer.js +++ b/assets/js/customizer.js @@ -158,6 +158,8 @@ window.onload = function () { // wait for load in a dumb way because B-0 css += __less['variables.less'] if (vars) css += generateCustomCSS(vars) css += __less['mixins.less'] + css += __less['normalize.less'] + css += __less['scaffolding.less'] css += $checked .map(function () { return __less[this.value] }) .toArray() diff --git a/components.html b/components.html index e393798e4d..196e220550 100644 --- a/components.html +++ b/components.html @@ -2206,22 +2206,14 @@ body { padding-bottom: 70px; }

    Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the alerts jQuery plugin.

    -

    Default alert

    -

    Wrap any text and an optional dismiss button in .alert for a basic warning alert message.

    +

    Examples

    +

    Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages.

    -
    -
    - Warning! Best check yo self, you're not looking too good. -
    +
    +

    No default class

    +

    Alerts don't have default classes, only base and modifier classes. A default gray alert doesn't make too much sense, so you're required to specify a type via contextual class. Choose from success, info, warning, or danger.

    -{% highlight html %} -
    - Warning! Best check yo self, you're not looking too good. -
    -{% endhighlight %} -

    Contextual alternatives

    -

    Add optional classes to change an alert's connotation.

    Well done! You successfully read this important alert message. @@ -2229,6 +2221,9 @@ body { padding-bottom: 70px; }
    Heads up! This alert needs your attention, but it's not super important.
    +
    + Warning! Best check yo self, you're not looking too good. +
    Oh snap! Change a few things up and try submitting again.
    @@ -2236,6 +2231,7 @@ body { padding-bottom: 70px; } {% highlight html %}
    ...
    ...
    +
    ...
    ...
    {% endhighlight %} diff --git a/customize.html b/customize.html index 74e5cc986e..b1f662cfee 100644 --- a/customize.html +++ b/customize.html @@ -19,18 +19,6 @@ base_url: "../"

    Layout

    -
    - -
    -
    - -