From 02c7eae47efc11b533d3b2fd076c60154715ebfd Mon Sep 17 00:00:00 2001 From: Herst Date: Thu, 7 Sep 2017 19:11:26 +0200 Subject: Don't create empty columns in documentation --- docs/4.0/getting-started/options.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs') diff --git a/docs/4.0/getting-started/options.md b/docs/4.0/getting-started/options.md index 0b83c47f8..2547ef1ad 100644 --- a/docs/4.0/getting-started/options.md +++ b/docs/4.0/getting-started/options.md @@ -46,11 +46,11 @@ All colors available in Bootstrap 4, available as Sass variables and a Sass map

{% for color in site.data.colors %} + {% unless color.name == "white" or color.name == "gray" or color.name == "gray-dark" %}

- {% unless color.name == "white" or color.name == "gray" or color.name == "gray-dark" %}

- {% endunless %}

+ {% endunless %} {% endfor %}

-- cgit v1.2.3 From 5da8ff61ad6dbe080f32f1bdc999466f247a3f7e Mon Sep 17 00:00:00 2001 From: vsn4ik Date: Fri, 8 Sep 2017 03:06:02 +0300 Subject: Use CSS3 pseudo elements in documentation --- docs/4.0/components/forms.md | 4 ++-- docs/4.0/content/reboot.md | 2 +- docs/4.0/examples/blog/blog.css | 2 +- docs/4.0/getting-started/introduction.md | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) (limited to 'docs') diff --git a/docs/4.0/components/forms.md b/docs/4.0/components/forms.md index c8e0f2bd7..1fe14ba19 100644 --- a/docs/4.0/components/forms.md +++ b/docs/4.0/components/forms.md @@ -1004,8 +1004,8 @@ Here's how it works: - We wrap the `` in a `` so the custom control properly triggers the file browser. - We hide the default file `` via `opacity`. -- We use `:after` to generate a custom background and directive (*Choose file...*). -- We use `:before` to generate and position the *Browse* button. +- We use `::after` to generate a custom background and directive (*Choose file...*). +- We use `::before` to generate and position the *Browse* button. - We declare a `height` on the `` for proper spacing for surrounding content. In other words, it's an entirely custom element, all generated via CSS. diff --git a/docs/4.0/content/reboot.md b/docs/4.0/content/reboot.md index 6fa38a381..f69d2519e 100644 --- a/docs/4.0/content/reboot.md +++ b/docs/4.0/content/reboot.md @@ -22,7 +22,7 @@ Here are our guidelines and reasons for choosing what to override in Reboot: The `` and `` elements are updated to provide better page-wide defaults. More specifically: -- The `box-sizing` is globally set on every element—including `*:before` and `*:after`, to `border-box`. This ensures that the declared width of element is never exceeded due to padding or border. +- The `box-sizing` is globally set on every element—including `*::before` and `*::after`, to `border-box`. This ensures that the declared width of element is never exceeded due to padding or border. - No base `font-size` is declared on the ``, but `16px` is assumed (the browser default). `font-size: 1rem` is applied on the `` for easy responsive type-scaling via media queries while respecting user preferences and ensuring a more accessible approach. - The `` also sets a global `font-family`, `line-height`, and `text-align`. This is inherited later by some form elements to prevent font inconsistencies. - For safety, the `` has a declared `background-color`, defaulting to `#fff`. diff --git a/docs/4.0/examples/blog/blog.css b/docs/4.0/examples/blog/blog.css index 5fed56424..18db4290e 100644 --- a/docs/4.0/examples/blog/blog.css +++ b/docs/4.0/examples/blog/blog.css @@ -62,7 +62,7 @@ h6, .h6 { .nav-link.active { color: #fff; } -.nav-link.active:after { +.nav-link.active::after { position: absolute; bottom: 0; left: 50%; diff --git a/docs/4.0/getting-started/introduction.md b/docs/4.0/getting-started/introduction.md index 08dd83209..4035ae8f4 100644 --- a/docs/4.0/getting-started/introduction.md +++ b/docs/4.0/getting-started/introduction.md @@ -97,7 +97,7 @@ On the rare occasion you need to override it, use something like the following: } {% endhighlight %} -With the above snippet, nested elements—including generated content via `:before` and `:after`—will all inherit the specified `box-sizing` for that `.selector-for-some-widget`. +With the above snippet, nested elements—including generated content via `::before` and `::after`—will all inherit the specified `box-sizing` for that `.selector-for-some-widget`. Learn more about [box model and sizing at CSS Tricks](https://css-tricks.com/box-sizing/). -- cgit v1.2.3 From 187fb4d01044a6a94dc318007d7e03a16012d3de Mon Sep 17 00:00:00 2001 From: Herst Date: Fri, 8 Sep 2017 13:46:29 +0200 Subject: Mention removal of contextual progress bar classes --- docs/4.0/migration.md | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs') diff --git a/docs/4.0/migration.md b/docs/4.0/migration.md index 6c1bf14fc..f6849ff08 100644 --- a/docs/4.0/migration.md +++ b/docs/4.0/migration.md @@ -219,6 +219,10 @@ Dropped entirely for the new card component. - `.panel-footer` to `.card-footer` - `.panel-primary`, `.panel-success`, `.panel-info`, `.panel-warning`, and `.panel-danger` have been dropped for `.bg-`, `.text-`, and `.border` utilities generated from our `$theme-colors` Sass map. +### Progress + +- Contextual `.progress-bar-*` classes dropped as `.bg-*` can be used for this, e.g. `class="progress-bar progress-bar-danger"` becomes `class="progress-bar bg-danger"`. + ### Carousel - Overhauled the entire component to simplify design and styling. We have fewer styles for you to override, new indicators, and new icons. -- cgit v1.2.3 From 1abafb36fed3842b050637fc6cedcad45480d8fb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 9 Sep 2017 14:57:00 -0700 Subject: copy edits --- docs/4.0/migration.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs') diff --git a/docs/4.0/migration.md b/docs/4.0/migration.md index f6849ff08..5a63988cb 100644 --- a/docs/4.0/migration.md +++ b/docs/4.0/migration.md @@ -221,7 +221,7 @@ Dropped entirely for the new card component. ### Progress -- Contextual `.progress-bar-*` classes dropped as `.bg-*` can be used for this, e.g. `class="progress-bar progress-bar-danger"` becomes `class="progress-bar bg-danger"`. +- Replaced contextual `.progress-bar-*` classes with `.bg-*` utilities. For example, `class="progress-bar progress-bar-danger"` becomes `class="progress-bar bg-danger"`. ### Carousel -- cgit v1.2.3