From 02c7eae47efc11b533d3b2fd076c60154715ebfd Mon Sep 17 00:00:00 2001
From: Herst <Herst@users.noreply.github.com>
Date: Thu, 7 Sep 2017 19:11:26 +0200
Subject: [PATCH 1/5] Don't create empty columns in documentation

---
 docs/4.0/getting-started/options.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
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
 
 <div class="row">
   {% for color in site.data.colors %}
+    {% unless color.name == "white" or color.name == "gray" or color.name == "gray-dark" %}
     <div class="col-md-4">
-      {% unless color.name == "white" or color.name == "gray" or color.name == "gray-dark" %}
         <div class="p-3 mb-3 swatch-{{ color.name }}">{{ color.name | capitalize }}</div>
-      {% endunless %}
     </div>
+    {% endunless %}
   {% endfor %}
 </div>
 

From aa5e97da044d774e4d1b5c54234cc8bf1ce862f5 Mon Sep 17 00:00:00 2001
From: Andres Galante <agalante@gmail.com>
Date: Thu, 7 Sep 2017 14:36:01 -0300
Subject: [PATCH 2/5] adds missing important on utility classs

---
 scss/utilities/_borders.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scss/utilities/_borders.scss b/scss/utilities/_borders.scss
index b7e91c260..3ff603c32 100644
--- a/scss/utilities/_borders.scss
+++ b/scss/utilities/_borders.scss
@@ -44,9 +44,9 @@
 }
 
 .rounded-circle {
-  border-radius: 50%;
+  border-radius: 50% !important;
 }
 
 .rounded-0 {
-  border-radius: 0;
+  border-radius: 0 !important;
 }

From 5da8ff61ad6dbe080f32f1bdc999466f247a3f7e Mon Sep 17 00:00:00 2001
From: vsn4ik <vsn4ik@gmail.com>
Date: Fri, 8 Sep 2017 03:06:02 +0300
Subject: [PATCH 3/5] 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(-)

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 `<input>` in a `<label>` so the custom control properly triggers the file browser.
 - We hide the default file `<input>` 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 `<input>` 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 `<html>` and `<body>` 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 `<html>`, but `16px` is assumed (the browser default). `font-size: 1rem` is applied on the `<body>` for easy responsive type-scaling via media queries while respecting user preferences and ensuring a more accessible approach.
 - The `<body>` 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 `<body>` 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/).
 

From 187fb4d01044a6a94dc318007d7e03a16012d3de Mon Sep 17 00:00:00 2001
From: Herst <Herst@users.noreply.github.com>
Date: Fri, 8 Sep 2017 13:46:29 +0200
Subject: [PATCH 4/5] Mention removal of contextual progress bar classes

---
 docs/4.0/migration.md | 4 ++++
 1 file changed, 4 insertions(+)

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.

From 1abafb36fed3842b050637fc6cedcad45480d8fb Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Sat, 9 Sep 2017 14:57:00 -0700
Subject: [PATCH 5/5] copy edits

---
 docs/4.0/migration.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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
 
