Skip to content

Commit

Permalink
deploy: a06130a
Browse files Browse the repository at this point in the history
  • Loading branch information
@XhmikosR
XhmikosR committed Jul 26, 2023
1 parent 7aeef58 commit 8737211
Show file tree
Hide file tree
Showing 30 changed files with 2,279 additions and 1,728 deletions.
437 changes: 437 additions & 0 deletions 2023/07/26/bootstrap-5-3-1/index.html
View file

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions archive/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -259,6 +259,9 @@ <h1 class="mb-1 mb-lg-2 f1 fw-600">The Bootstrap Blog</h1>
<h3>2023</h3>
<ul class="list mb-5">
<li>
<a href="/2023/07/26/bootstrap-5-3-1/">Bootstrap 5.3.1</a>
<span title="26 Jul 23 08:05 UTC">Jul 26, 2023</span>
</li><li>
<a href="/2023/05/30/bootstrap-5-3-0/">Bootstrap 5.3.0</a>
<span title="30 May 23 07:35 UTC">May 30, 2023</span>
</li><li>
Expand Down
90 changes: 57 additions & 33 deletions feed.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,63 @@
<description>Recent content on Bootstrap Blog</description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language>
<lastBuildDate>Tue, 30 May 2023 07:35:00 +0000</lastBuildDate><atom:link href="https://blog.getbootstrap.com/feed.xml" rel="self" type="application/rss+xml" />
<lastBuildDate>Wed, 26 Jul 2023 08:05:00 +0000</lastBuildDate><atom:link href="https://blog.getbootstrap.com/feed.xml" rel="self" type="application/rss+xml" />
<item>
<title>Bootstrap 5.3.1</title>
<link>https://blog.getbootstrap.com/2023/07/26/bootstrap-5-3-1/</link>
<pubDate>Wed, 26 Jul 2023 08:05:00 +0000</pubDate>

<guid>https://blog.getbootstrap.com/2023/07/26/bootstrap-5-3-1/</guid>
<description>&lt;p&gt;Bootstrap v5.3.1 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights!&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Color modes:&lt;/strong&gt;
&lt;ul&gt;
&lt;li&gt;Increased color contrast for dark mode by replacing &lt;code&gt;$gray-500&lt;/code&gt; with &lt;code&gt;$gray-300&lt;/code&gt; for the body color&lt;/li&gt;
&lt;li&gt;Added our color mode switcher JavaScript to our examples ZIP download&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Components:&lt;/strong&gt;
&lt;ul&gt;
&lt;li&gt;Improved disabled styling for all &lt;code&gt;.nav-link&lt;/code&gt;s, providing &lt;code&gt;.disabled&lt;/code&gt; and &lt;code&gt;:disabled&lt;/code&gt; for use with anchors and buttons&lt;/li&gt;
&lt;li&gt;Add support for &lt;code&gt;Home&lt;/code&gt; and &lt;code&gt;End&lt;/code&gt; keys for navigating tabs by keyboard&lt;/li&gt;
&lt;li&gt;Added some basic styling to toggle buttons when no modifier class is present&lt;/li&gt;
&lt;li&gt;Fixed carousel colors in dark mode&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Forms:&lt;/strong&gt;
&lt;ul&gt;
&lt;li&gt;Fixed floating label disabled text color&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Utilities:&lt;/strong&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;.text-bg-*&lt;/code&gt; utilities now use CSS variables&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Sass:&lt;/strong&gt;
&lt;ul&gt;
&lt;li&gt;Add new &lt;code&gt;$navbar-dark-icon-color&lt;/code&gt; Sass variable&lt;/li&gt;
&lt;li&gt;Removed duplicate &lt;code&gt;$alert&lt;/code&gt; Sass variables&lt;/li&gt;
&lt;li&gt;Added a new variable for &lt;code&gt;$vr-border-width&lt;/code&gt; to customize the vertical rule helper width&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Documentation:&lt;/strong&gt;
&lt;ul&gt;
&lt;li&gt;Added search to our homepage&lt;/li&gt;
&lt;li&gt;Improved responsive behavior on Dashboard example&lt;/li&gt;
&lt;li&gt;Improved dark mode rendering of Cheatsheet examples&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;get-the-release&#34;&gt;Get the release&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Head to &lt;a href=&#34;https://getbootstrap.com&#34;&gt;https://getbootstrap.com&lt;/a&gt; for the latest.&lt;/strong&gt; It&amp;rsquo;s also been pushed to npm:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-sh&#34; data-lang=&#34;sh&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npm i bootstrap@v5.3.1
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;a href=&#34;https://github.com/twbs/bootstrap/releases/tag/v5.3.1&#34;&gt;Read the GitHub v5.3.1 changelog&lt;/a&gt; for a complete list of changes in this release.&lt;/p&gt;
&lt;h2 id=&#34;support-the-team&#34;&gt;Support the team&lt;/h2&gt;
&lt;p&gt;Visit our &lt;a href=&#34;https://opencollective.com/bootstrap&#34;&gt;Open Collective page&lt;/a&gt; or our &lt;a href=&#34;https://github.com/orgs/twbs/people&#34;&gt;team members&lt;/a&gt;&amp;rsquo; GitHub profiles to help support the maintainers contributing to Bootstrap.&lt;/p&gt;
</description>
</item>

<item>
<title>Bootstrap 5.3.0</title>
<link>https://blog.getbootstrap.com/2023/05/30/bootstrap-5-3-0/</link>
Expand Down Expand Up @@ -912,38 +968,6 @@
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;a href=&#34;https://github.com/twbs/bootstrap/releases/tag/v5.2.0&#34;&gt;Read the GitHub v5.2.0 changelog&lt;/a&gt; for a complete list of changes in this release.&lt;/p&gt;
&lt;h2 id=&#34;support-the-team&#34;&gt;Support the team&lt;/h2&gt;
&lt;p&gt;Visit our &lt;a href=&#34;https://opencollective.com/bootstrap&#34;&gt;Open Collective page&lt;/a&gt; or our &lt;a href=&#34;https://github.com/orgs/twbs/people&#34;&gt;team members&lt;/a&gt;&amp;rsquo; GitHub profiles to help support the maintainers contributing to Bootstrap.&lt;/p&gt;
</description>
</item>

<item>
<title>Bootstrap v4.6.2</title>
<link>https://blog.getbootstrap.com/2022/07/19/bootstrap-4-6-2/</link>
<pubDate>Tue, 19 Jul 2022 15:30:00 +0000</pubDate>

<guid>https://blog.getbootstrap.com/2022/07/19/bootstrap-4-6-2/</guid>
<description>&lt;p&gt;After several months, we&amp;rsquo;ve finally shipped Bootstrap v4.6.2, one of our last releases for the v4. It&amp;rsquo;s a bit of a maintenance patch featuring bug fixes, dependency updates, and some docs updates.&lt;/p&gt;
&lt;p&gt;Read on for the highlights or &lt;a href=&#34;https://getbootstrap.com/docs/4.6/&#34;&gt;head to the v4.6.x docs&lt;/a&gt; to see the latest in action.&lt;/p&gt;
&lt;h2 id=&#34;whats-changed&#34;&gt;What&amp;rsquo;s changed&lt;/h2&gt;
&lt;p&gt;There are two big highlights in v4.6.2:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;First, we&amp;rsquo;ve added an example to our Collapse plugin docs to show how to use horizontal collapsing. This has long been possible via our JS, but we never had an official class to utilize it.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Second, we&amp;rsquo;ve replaced the deprecated &lt;code&gt;color-adjust&lt;/code&gt; with &lt;code&gt;print-color-adjust&lt;/code&gt; in our Sass files as part of the Autoprefixer v10.4.6 issues. This should quiet the issues folks have seen from that dependency change. &lt;em&gt;If you&amp;rsquo;re using our distribution CSS files, like &lt;code&gt;bootstrap.min.css&lt;/code&gt;, you may still see the warning.&lt;/em&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Beyond that, we&amp;rsquo;ve addressed a few other things:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Tweaked the size of &lt;code&gt;small&lt;/code&gt; and &lt;code&gt;.small&lt;/code&gt; to compute to a whole pixel value (was &lt;code&gt;12.8px&lt;/code&gt; and now is &lt;code&gt;14px&lt;/code&gt;).&lt;/li&gt;
&lt;li&gt;Improved accessibility around our dropdowns, color contrast, and &lt;code&gt;role&lt;/code&gt; attributes.&lt;/li&gt;
&lt;li&gt;Fixed some broken links to supporting documentation.&lt;/li&gt;
&lt;li&gt;Updated dependencies across the board.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a href=&#34;https://github.com/twbs/bootstrap/releases/tag/v4.6.2&#34;&gt;Review the GitHub v4.6.2 release changelog&lt;/a&gt; for more details.&lt;/p&gt;
&lt;p&gt;From here, we don&amp;rsquo;t expect to ship any meaningful updates to v4.6.x other than major security or dependency updates. Everything will focus on v5 and beyond after this release, starting with the stable release of v5.2.0. Bootstrap 4 will officially end of life January 1, 2023, though you&amp;rsquo;re obviously welcome to continue using it longer than that. Follow our &lt;a href=&#34;https://github.com/twbs/release&#34;&gt;release repo&lt;/a&gt; to stay in the loop on release maintenance status.&lt;/p&gt;
&lt;h2 id=&#34;support-the-team&#34;&gt;Support the team&lt;/h2&gt;
&lt;p&gt;Visit our &lt;a href=&#34;https://opencollective.com/bootstrap&#34;&gt;Open Collective page&lt;/a&gt; or our &lt;a href=&#34;https://github.com/orgs/twbs/people&#34;&gt;team members&lt;/a&gt;&amp;rsquo; GitHub profiles to help support the maintainers contributing to Bootstrap.&lt;/p&gt;
</description>
</item>

Expand Down
117 changes: 76 additions & 41 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -258,7 +258,7 @@ <h1 class="mb-1 mb-lg-2 f1 fw-600">The Bootstrap Blog</h1>
<div class="posts">
<div class="post">
<h1 class="post-title fw-600">
<a href="/2023/05/30/bootstrap-5-3-0/" class="text-decoration-none">Bootstrap 5.3.0</a>
<a href="/2023/07/26/bootstrap-5-3-1/" class="text-decoration-none">Bootstrap 5.3.1</a>
</h1>

<div class="d-flex align-items-center mb-4 text-muted author-info">
Expand All @@ -268,6 +268,80 @@ <h1 class="post-title fw-600">
alt="" width="32" height="32">
<span>@mdo</span>
</a>
<span class="d-flex align-items-center ms-3" title="26 Jul 23 08:05 UTC">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="me-2" viewBox="0 0 16 16" role="img" fill="currentColor">
<path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
</svg>
July 26, 2023</span>
</div>
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube-nocookie.com/embed/WJ1I3ZmEozQ?rel=0" title="YouTube Video" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="760" height="570" allowfullscreen></iframe>
</div>




<p>Bootstrap v5.3.1 is here with bug fixes, documentation improvements, and more follow-up enhancements for color modes. Keep reading for the highlights!</p>
<ul>
<li><strong>Color modes:</strong>
<ul>
<li>Increased color contrast for dark mode by replacing <code>$gray-500</code> with <code>$gray-300</code> for the body color</li>
<li>Added our color mode switcher JavaScript to our examples ZIP download</li>
</ul>
</li>
<li><strong>Components:</strong>
<ul>
<li>Improved disabled styling for all <code>.nav-link</code>s, providing <code>.disabled</code> and <code>:disabled</code> for use with anchors and buttons</li>
<li>Add support for <code>Home</code> and <code>End</code> keys for navigating tabs by keyboard</li>
<li>Added some basic styling to toggle buttons when no modifier class is present</li>
<li>Fixed carousel colors in dark mode</li>
</ul>
</li>
<li><strong>Forms:</strong>
<ul>
<li>Fixed floating label disabled text color</li>
</ul>
</li>
<li><strong>Utilities:</strong>
<ul>
<li><code>.text-bg-*</code> utilities now use CSS variables</li>
</ul>
</li>
<li><strong>Sass:</strong>
<ul>
<li>Add new <code>$navbar-dark-icon-color</code> Sass variable</li>
<li>Removed duplicate <code>$alert</code> Sass variables</li>
<li>Added a new variable for <code>$vr-border-width</code> to customize the vertical rule helper width</li>
</ul>
</li>
<li><strong>Documentation:</strong>
<ul>
<li>Added search to our homepage</li>
<li>Improved responsive behavior on Dashboard example</li>
<li>Improved dark mode rendering of Cheatsheet examples</li>
</ul>
</li>
</ul>
<h2 id="get-the-release">Get the release</h2>
<p><strong>Head to <a href="https://getbootstrap.com">https://getbootstrap.com</a> for the latest.</strong> It&rsquo;s also been pushed to npm:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm i bootstrap@v5.3.1
</span></span></code></pre></div><p><a href="https://github.com/twbs/bootstrap/releases/tag/v5.3.1">Read the GitHub v5.3.1 changelog</a> for a complete list of changes in this release.</p>
<h2 id="support-the-team">Support the team</h2>
<p>Visit our <a href="https://opencollective.com/bootstrap">Open Collective page</a> or our <a href="https://github.com/orgs/twbs/people">team members</a>&rsquo; GitHub profiles to help support the maintainers contributing to Bootstrap.</p>

</div><div class="post">
<h1 class="post-title fw-600">
<a href="/2023/05/30/bootstrap-5-3-0/" class="text-decoration-none">Bootstrap 5.3.0</a>
</h1>

<div class="d-flex align-items-center mb-4 text-muted author-info">
<a class="d-flex align-items-center text-muted text-decoration-none" href="https://github.com/mdo" target="_blank" rel="noopener">
<img class="mb-0 me-2 rounded-2" srcset="https://github.com/mdo.png?size=32, https://github.com/mdo.png?size=64 2x"
src="https://github.com/mdo.png?size=32"
alt="" width="32" height="32" loading="lazy">
<span>@mdo</span>
</a>
<span class="d-flex align-items-center ms-3" title="30 May 23 07:35 UTC">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="me-2" viewBox="0 0 16 16" role="img" fill="currentColor">
<path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
Expand All @@ -276,7 +350,7 @@ <h1 class="post-title fw-600">
May 30, 2023</span>
</div>
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube-nocookie.com/embed/GC5E8ie2pdM?rel=0" title="YouTube Video" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="760" height="570" allowfullscreen></iframe>
<iframe class="lazy" data-src="https://www.youtube-nocookie.com/embed/GC5E8ie2pdM?rel=0" title="YouTube Video" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" width="760" height="570" allowfullscreen></iframe>
</div>


Expand Down Expand Up @@ -849,45 +923,6 @@ <h2 id="get-the-release">Get the release</h2>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm i bootstrap@v5.3.0-alpha1
</span></span></code></pre></div><p><a href="https://github.com/twbs/bootstrap/releases/tag/v5.3.0-alpha1">Read the GitHub v5.3.0-alpha1 changelog</a> for a complete list of changes in this release.</p>
<h2 id="support-the-team">Support the team</h2>
<p>Visit our <a href="https://opencollective.com/bootstrap">Open Collective page</a> or our <a href="https://github.com/orgs/twbs/people">team members</a>&rsquo; GitHub profiles to help support the maintainers contributing to Bootstrap.</p>

</div><div class="post">
<h1 class="post-title fw-600">
<a href="/2022/11/22/bootstrap-5-2-3/" class="text-decoration-none">Bootstrap 5.2.3</a>
</h1>

<div class="d-flex align-items-center mb-4 text-muted author-info">
<a class="d-flex align-items-center text-muted text-decoration-none" href="https://github.com/mdo" target="_blank" rel="noopener">
<img class="mb-0 me-2 rounded-2" srcset="https://github.com/mdo.png?size=32, https://github.com/mdo.png?size=64 2x"
src="https://github.com/mdo.png?size=32"
alt="" width="32" height="32" loading="lazy">
<span>@mdo</span>
</a>
<span class="d-flex align-items-center ms-3" title="22 Nov 22 08:00 UTC">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="me-2" viewBox="0 0 16 16" role="img" fill="currentColor">
<path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
<path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
</svg>
November 22, 2022</span>
</div>




<p>We&rsquo;ve deviated from developing v5.3.0 to ship a new patch release, Bootstrap v5.2.3, with a handful of more urgent bug fixes.</p>
<h2 id="highlights">Highlights</h2>
<ul>
<li>Added the missing <code>:root</code> CSS variables to our utilities bundle</li>
<li>Fixed the deprecation warning with Sass 1.56.0</li>
<li>Fixed the RTL <code>translate()</code> direction for carousels</li>
<li>Fixed tooltip and popover disposal inconsistencies</li>
</ul>
<p>We&rsquo;re heading right back to it with v5.3.0 with support for color modes, new utilities, and more. Look for a pre-release of that soon.</p>
<h2 id="get-the-release">Get the release</h2>
<p><strong>Head to <a href="https://getbootstrap.com">https://getbootstrap.com</a> for the latest.</strong> It&rsquo;s also been pushed to npm:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm i bootstrap@v5.2.3
</span></span></code></pre></div><p><a href="https://github.com/twbs/bootstrap/releases/tag/v5.2.3">Read the GitHub v5.2.3 changelog</a> for a complete list of changes in this release.</p>
<h2 id="support-the-team">Support the team</h2>
<p>Visit our <a href="https://opencollective.com/bootstrap">Open Collective page</a> or our <a href="https://github.com/orgs/twbs/people">team members</a>&rsquo; GitHub profiles to help support the maintainers contributing to Bootstrap.</p>

</div>
Expand Down
Loading

0 comments on commit 8737211

Please sign in to comment.